@studiolxd/brand 38.12.4

package/dist/form.js

@@ -0,0 +1,63 @@
+'use client';
+import './form.css';
+import { t as e } from "./_shared/form-size.js";
+import { ErrorText as t } from "./error-text.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+//#region src/stories/molecules/Form/Form.tsx
+var a = i(function({ errors: i, actions: a, links: o, alternatives: s, alternativesLabel: c, captcha: l, size: u, blockActions: d = !1, success: f, className: p, children: m, ...h }, g) {
+	let _ = [
+		"form",
+		u && u !== "md" ? `form--${u}` : "",
+		d ? "form--block-actions" : "",
+		p
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n(e.Provider, {
+		value: u,
+		children: /* @__PURE__ */ r("form", {
+			ref: g,
+			className: _,
+			noValidate: !0,
+			...h,
+			children: [
+				f && /* @__PURE__ */ n("p", {
+					className: "form__success",
+					role: "status",
+					children: f
+				}),
+				!f && m && /* @__PURE__ */ n("div", {
+					className: "form__fields",
+					children: m
+				}),
+				!f && l && /* @__PURE__ */ n("div", {
+					className: "form__captcha",
+					children: l
+				}),
+				!f && i && i.length > 0 && /* @__PURE__ */ n("ul", {
+					className: "form__errors",
+					children: i.map((e) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(t, {
+						as: "span",
+						children: e
+					}) }, e))
+				}),
+				!f && a && /* @__PURE__ */ n("div", {
+					className: ["form__actions", d ? "form__actions--block" : ""].filter(Boolean).join(" "),
+					children: a
+				}),
+				o && /* @__PURE__ */ n("div", {
+					className: "form__links",
+					children: o
+				}),
+				!f && s && /* @__PURE__ */ r("div", {
+					className: "form__alternatives",
+					children: [c && /* @__PURE__ */ n("p", {
+						className: "form__alternatives-label",
+						children: c
+					}), s]
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { a as Form };

package/dist/heading.css

@@ -0,0 +1 @@
+.heading.heading--size-1{font-size:var(--text-size-1)}.heading.heading--size-2{font-size:var(--text-size-2)}.heading.heading--size-3{font-size:var(--text-size-3)}.heading.heading--size-4{font-size:var(--text-size-4)}.heading.heading--size-5{font-size:var(--text-size-5)}.heading.heading--size-6{font-size:var(--text-size-6)}.heading.heading--size-7{font-size:var(--text-size-7)}.heading.heading--size-8{font-size:var(--text-size-8)}.heading.heading--size-9{font-size:var(--text-size-9)}.heading.heading--size-10{font-size:var(--text-size-10)}

package/dist/heading.js

@@ -0,0 +1,19 @@
+import './heading.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/Heading/Heading.tsx
+var n = t(function({ level: t = 2, size: n, className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ e(`h${t}`, {
+		ref: o,
+		className: [
+			"heading",
+			`heading--${t}`,
+			n && `heading--size-${n}`,
+			r
+		].filter(Boolean).join(" "),
+		...a,
+		children: i
+	});
+});
+//#endregion
+export { n as Heading };

package/dist/hero.css

@@ -0,0 +1 @@
+.hero{padding-block:var(--hero-space-block-start) var(--hero-space-block-end)}@media (width<=767.98px){.hero{--hero-space-block-start:var(--hero-space-block-start-compact);--hero-space-block-end:var(--hero-space-block-end-compact)}.hero__title{--text-size-10:var(--hero-title-size-compact)}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions>*{inline-size:var(--hero-actions-block-width)}}.hero__title,.hero__description{max-inline-size:var(--content-measure)}.hero__title{overflow-wrap:break-word}.hero .hero__description{margin:0}.hero__actions{margin-block-start:var(--hero-actions-space-before)}

package/dist/hero.js

@@ -0,0 +1,41 @@
+'use client';
+import './hero.css';
+import { t as e } from "./_shared/form-size.js";
+import { Container as t } from "./container.js";
+import { Inline as n } from "./inline.js";
+import { Heading as r } from "./heading.js";
+import { Paragraph as i } from "./paragraph.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/stories/sections/Hero/Hero.tsx
+function s({ title: s, description: c, actions: l, width: u = "xl", className: d, id: f }) {
+	return /* @__PURE__ */ a("section", {
+		id: f,
+		className: ["hero", d].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ o(t, {
+			width: u,
+			innerClassName: "hero__inner",
+			children: [
+				/* @__PURE__ */ a(r, {
+					level: 1,
+					size: 10,
+					className: "hero__title",
+					children: s
+				}),
+				c && /* @__PURE__ */ a(i, {
+					size: "large",
+					className: "hero__description",
+					children: c
+				}),
+				l && /* @__PURE__ */ a(n, {
+					className: "hero__actions",
+					children: /* @__PURE__ */ a(e.Provider, {
+						value: "lg",
+						children: l
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { s as Hero };

package/dist/highlight.css

@@ -0,0 +1 @@
+.highlight{padding-block:var(--highlight-space-block-start) var(--highlight-space-block-end)}@media (width<=767.98px){.highlight{--highlight-space-block-start:var(--highlight-space-block-start-compact);--highlight-space-block-end:var(--highlight-space-block-end-compact)}}.highlight__title,.highlight__description{max-inline-size:var(--content-measure)}.highlight .highlight__description{margin:0}.highlight__actions{margin-block-start:var(--highlight-actions-space-before)}.highlight__media>img,.highlight__media>video{block-size:auto;inline-size:100%;display:block}

package/dist/highlight.js

@@ -0,0 +1,54 @@
+import './highlight.css';
+import { Container as e } from "./container.js";
+import { Columns as t } from "./columns.js";
+import { Inline as n } from "./inline.js";
+import { Heading as r } from "./heading.js";
+import { Paragraph as i } from "./paragraph.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/sections/Highlight/Highlight.tsx
+function c({ title: c, description: l, actions: u, media: d, mediaPosition: f = "end", surface: p = "dark", titleLevel: m = 2, titleSize: h = 8, width: g = "xl", className: _, id: v }) {
+	let y = /* @__PURE__ */ s("div", {
+		className: "highlight__text",
+		children: [
+			/* @__PURE__ */ o(r, {
+				level: m,
+				size: h,
+				className: "highlight__title",
+				children: c
+			}),
+			l && /* @__PURE__ */ o(i, {
+				size: "large",
+				className: "highlight__description",
+				children: l
+			}),
+			u && /* @__PURE__ */ o(n, {
+				className: "highlight__actions",
+				children: u
+			})
+		]
+	});
+	return /* @__PURE__ */ o("section", {
+		id: v,
+		className: [
+			"highlight",
+			p === "dark" && "surface-dark",
+			_
+		].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ o(e, {
+			width: g,
+			children: d ? /* @__PURE__ */ o(t, {
+				align: "center",
+				gap: "lg",
+				children: f === "start" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+					className: "highlight__media",
+					children: d
+				}), y] }) : /* @__PURE__ */ s(a, { children: [y, /* @__PURE__ */ o("div", {
+					className: "highlight__media",
+					children: d
+				})] })
+			}) : y
+		})
+	});
+}
+//#endregion
+export { c as Highlight };

package/dist/icon.css

@@ -0,0 +1 @@
+.icon{--icon-size:var(--icon-size-md);width:var(--icon-size);height:var(--icon-size);flex-shrink:0;display:block}.icon--xs{--icon-size:var(--icon-size-xs)}.icon--sm{--icon-size:var(--icon-size-sm)}.icon--md{--icon-size:var(--icon-size-md)}.icon--lg{--icon-size:var(--icon-size-lg)}.icon--xl{--icon-size:var(--icon-size-xl)}