@tramo-digital/react-ui 0.0.0-alpha

package/dist/esm/ui/compositions/MediaText/MediaText.js

@@ -0,0 +1,96 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import u from "../../primitives/Frame/Frame.js";
+import x from "../../primitives/Image/Image.js";
+import h from "../../patterns/Content/Content.js";
+import b from "../../layout/Stack/Stack.js";
+import e from "./MediaText.module.css.js";
+const k = ({
+  data: i,
+  tokens: t,
+  className: d,
+  colorPalette: c,
+  colorSource: l,
+  customColor: m
+}) => {
+  if (!i) return null;
+  const r = {
+    ...t?.color?.background?.default && {
+      "--media-text-background-color": t.color.background.default
+    },
+    ...t?.spacing?.margin?.default && {
+      "--media-text-margin": t.spacing.margin.default
+    },
+    ...t?.spacing?.padding && {
+      "--media-text-padding": t.spacing.padding.default
+    },
+    ...t?.spacing?.gap && {
+      "--media-text-gap": t.spacing.gap.default
+    },
+    ...t?.dimension?.aspectRatio && {
+      "--media-text-image-aspect-ratio": t.dimension.aspectRatio.default
+    },
+    ...t?.dimension?.minWidthLeftContent && {
+      "--media-text-min-width-left-content": t.dimension.minWidthLeftContent.default
+    },
+    ...t?.dimension?.minWidthRightContent && {
+      "--media-text-min-width-right-content": t.dimension.minWidthRightContent.default
+    }
+  }, { image: n, content: s, reversed: o = !1, alignment: p = "center" } = i || {}, g = [e.mediaText, d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    u,
+    {
+      "data-tui-composition": "base",
+      colorPalette: c,
+      colorSource: l,
+      customColor: m,
+      className: g,
+      style: r,
+      children: /* @__PURE__ */ f(
+        b,
+        {
+          data: {
+            direction: o ? "row-reverse" : "row",
+            align: p,
+            wrap: o ? "wrap-reverse" : "wrap"
+          },
+          className: e.stackContainer,
+          children: [
+            n && /* @__PURE__ */ a("div", { className: e.imagePanel, children: /* @__PURE__ */ a(x, { data: { ...n, fluid: !0 } }) }),
+            /* @__PURE__ */ a("div", { className: e.contentPanel, children: /* @__PURE__ */ a(
+              h,
+              {
+                data: s,
+                tokens: {
+                  spacing: {
+                    titleGap: {
+                      default: "var(--composition-media-text-default-spacing-textblock-headings)"
+                    },
+                    contentGap: {
+                      default: "var(--composition-media-text-default-spacing-contentblock-ctablock)"
+                    },
+                    containerGap: {
+                      default: "var(--composition-media-text-default-spacing-contentblock-logo-icon-textblock)"
+                    },
+                    textGap: {
+                      default: "var(--composition-media-text-default-spacing-textblock-eyebrow-headings-body)"
+                    },
+                    ctaGap: {
+                      default: "var(--composition-media-text-default-spacing-ctablock-buttons-textlink)"
+                    },
+                    textlinksGap: {
+                      default: "var(--composition-media-text-default-spacing-textlinks)"
+                    }
+                  }
+                }
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  k as default
+};
+//# sourceMappingURL=MediaText.js.map

package/dist/esm/ui/compositions/MediaText/MediaText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaText.js","sources":["../../../../../src/ui/compositions/MediaText/MediaText.tsx"],"sourcesContent":["import type { MediaTextModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../../primitives/Frame/Frame';\nimport Image from '../../primitives/Image/Image';\nimport Content from '../../patterns/Content/Content';\nimport Stack from '../../layout/Stack/Stack';\nimport styles from './MediaText.module.css';\n\nconst MediaText: React.FC<MediaTextModel> = ({\n  data,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n\n  const _fingerprint = '011e30d5aaee954f5392a9d35ed28c84';\n\n  const tokenStyles = {\n    ...(tokens?.color?.background?.default && {\n      '--media-text-background-color': tokens.color.background.default,\n    }),\n    ...(tokens?.spacing?.margin?.default && {\n      '--media-text-margin': tokens.spacing.margin.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      '--media-text-padding': tokens.spacing.padding.default,\n    }),\n    ...(tokens?.spacing?.gap && {\n      '--media-text-gap': tokens.spacing.gap.default,\n    }),\n    ...(tokens?.dimension?.aspectRatio && {\n      '--media-text-image-aspect-ratio': tokens.dimension.aspectRatio.default,\n    }),\n    ...(tokens?.dimension?.minWidthLeftContent && {\n      '--media-text-min-width-left-content':\n        tokens.dimension.minWidthLeftContent.default,\n    }),\n    ...(tokens?.dimension?.minWidthRightContent && {\n      '--media-text-min-width-right-content':\n        tokens.dimension.minWidthRightContent.default,\n    }),\n  };\n\n  const { image, content, reversed = false, alignment = 'center' } = data || {};\n\n  const rootClassName = [styles.mediaText, className].filter(Boolean).join(' ');\n\n  return (\n    <Frame\n      data-tui-composition=\"base\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={rootClassName}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <Stack\n        data={{\n          direction: reversed ? 'row-reverse' : 'row',\n          align: alignment,\n          wrap: reversed ? 'wrap-reverse' : 'wrap',\n        }}\n        className={styles.stackContainer}\n      >\n        {image && (\n          <div className={styles.imagePanel}>\n            <Image data={{ ...image, fluid: true }} />\n          </div>\n        )}\n        <div className={styles.contentPanel}>\n          <Content\n            data={content}\n            tokens={{\n              spacing: {\n                titleGap: {\n                  default:\n                    'var(--composition-media-text-default-spacing-textblock-headings)',\n                },\n                contentGap: {\n                  default:\n                    'var(--composition-media-text-default-spacing-contentblock-ctablock)',\n                },\n                containerGap: {\n                  default:\n                    'var(--composition-media-text-default-spacing-contentblock-logo-icon-textblock)',\n                },\n                textGap: {\n                  default:\n                    'var(--composition-media-text-default-spacing-textblock-eyebrow-headings-body)',\n                },\n                ctaGap: {\n                  default:\n                    'var(--composition-media-text-default-spacing-ctablock-buttons-textlink)',\n                },\n                textlinksGap: {\n                  default:\n                    'var(--composition-media-text-default-spacing-textlinks)',\n                },\n              },\n            }}\n          />\n        </div>\n      </Stack>\n    </Frame>\n  );\n};\n\nexport default MediaText;\n"],"names":["MediaText","data","tokens","className","colorPalette","colorSource","customColor","tokenStyles","image","content","reversed","alignment","rootClassName","styles","jsx","Frame","jsxs","Stack","Image","Content"],"mappings":";;;;;;AAQA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACL,EAAM,QAAO;AAIlB,QAAMM,IAAc;AAAA,IAClB,GAAIL,GAAQ,OAAO,YAAY,WAAW;AAAA,MACxC,iCAAiCA,EAAO,MAAM,WAAW;AAAA,IAAA;AAAA,IAE3D,GAAIA,GAAQ,SAAS,QAAQ,WAAW;AAAA,MACtC,uBAAuBA,EAAO,QAAQ,OAAO;AAAA,IAAA;AAAA,IAE/C,GAAIA,GAAQ,SAAS,WAAW;AAAA,MAC9B,wBAAwBA,EAAO,QAAQ,QAAQ;AAAA,IAAA;AAAA,IAEjD,GAAIA,GAAQ,SAAS,OAAO;AAAA,MAC1B,oBAAoBA,EAAO,QAAQ,IAAI;AAAA,IAAA;AAAA,IAEzC,GAAIA,GAAQ,WAAW,eAAe;AAAA,MACpC,mCAAmCA,EAAO,UAAU,YAAY;AAAA,IAAA;AAAA,IAElE,GAAIA,GAAQ,WAAW,uBAAuB;AAAA,MAC5C,uCACEA,EAAO,UAAU,oBAAoB;AAAA,IAAA;AAAA,IAEzC,GAAIA,GAAQ,WAAW,wBAAwB;AAAA,MAC7C,wCACEA,EAAO,UAAU,qBAAqB;AAAA,IAAA;AAAA,EAC1C,GAGI,EAAE,OAAAM,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,WAAAC,IAAY,aAAaV,KAAQ,CAAA,GAErEW,IAAgB,CAACC,EAAO,WAAWV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE5E,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,cAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAWM;AAAA,MACX,OAAOL;AAAA,MAEP,UAAA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,YACJ,WAAWP,IAAW,gBAAgB;AAAA,YACtC,OAAOC;AAAA,YACP,MAAMD,IAAW,iBAAiB;AAAA,UAAA;AAAA,UAEpC,WAAWG,EAAO;AAAA,UAEjB,UAAA;AAAA,YAAAL,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,YACrB,UAAA,gBAAAC,EAACI,GAAA,EAAM,MAAM,EAAE,GAAGV,GAAO,OAAO,GAAA,GAAQ,GAC1C;AAAA,YAEF,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,cACrB,UAAA,gBAAAC;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,MAAMV;AAAA,gBACN,QAAQ;AAAA,kBACN,SAAS;AAAA,oBACP,UAAU;AAAA,sBACR,SACE;AAAA,oBAAA;AAAA,oBAEJ,YAAY;AAAA,sBACV,SACE;AAAA,oBAAA;AAAA,oBAEJ,cAAc;AAAA,sBACZ,SACE;AAAA,oBAAA;AAAA,oBAEJ,SAAS;AAAA,sBACP,SACE;AAAA,oBAAA;AAAA,oBAEJ,QAAQ;AAAA,sBACN,SACE;AAAA,oBAAA;AAAA,oBAEJ,cAAc;AAAA,sBACZ,SACE;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBACF;AAAA,cACF;AAAA,YAAA,EACF,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/compositions/MediaText/MediaText.module.css.js

@@ -0,0 +1,14 @@
+const e = "GyPP6OvL", n = "_6-3Goy4b", t = "nUriCX5D", a = "N8rN5mje", o = {
+  mediaText: e,
+  stackContainer: n,
+  imagePanel: t,
+  contentPanel: a
+};
+export {
+  a as contentPanel,
+  o as default,
+  t as imagePanel,
+  e as mediaText,
+  n as stackContainer
+};
+//# sourceMappingURL=MediaText.module.css.js.map

package/dist/esm/ui/compositions/MediaText/MediaText.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaText.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/ui/compositions/MediaText/index.js

@@ -0,0 +1,5 @@
+import t from "./MediaText.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/compositions/MediaText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/compositions/QuoteBanner/QuoteBanner.js

@@ -0,0 +1,99 @@
+import { jsxs as i, Fragment as y, jsx as n } from "react/jsx-runtime";
+import v from "../../primitives/Frame/Frame.js";
+import x from "../../primitives/TextQuote/TextQuote.js";
+import $ from "../../patterns/Author/Author.js";
+import a from "./QuoteBanner.module.css.js";
+const B = (e) => e === "right" ? a.alignmentRight : e === "center" ? a.alignmentCenter : a.alignmentLeft, N = (e) => e === "right" ? "tui-align-end" : e === "center" ? "tui-align-center" : "tui-align-start", Q = (e) => e === "bottom" ? a.positionBottom : e === "middle" ? a.positionMiddle : a.positionTop, L = ({
+  data: e,
+  tokens: t,
+  className: o,
+  colorPalette: g,
+  colorSource: l,
+  customColor: c
+}) => {
+  if (!e) return null;
+  const {
+    text: p = "",
+    position: u = "top",
+    alignment: r = "left",
+    src: d = "",
+    alt: s = "",
+    authorText: m = "",
+    avatarSrc: f = "",
+    avatarAlt: b = ""
+  } = e || {}, h = {
+    ...t?.spacing?.paddingLeft && {
+      "--banner-padding-left": t.spacing.paddingLeft.default
+    },
+    ...t?.spacing?.paddingRight && {
+      "--banner-padding-right": t.spacing.paddingRight.default
+    },
+    ...t?.border?.borderRadius && {
+      "--banner-border-radius": t.border.borderRadius.default
+    },
+    ...t?.color?.background && {
+      "--banner-overlay-background": t.color.background.default
+    },
+    ...t?.effects?.opacity && {
+      "--banner-overlay-opacity": t.effects.opacity.default
+    },
+    ...t?.spacing?.paddingTop && {
+      "--banner-padding-top": t.spacing.paddingTop.default
+    },
+    ...t?.spacing?.paddingBottom && {
+      "--banner-padding-bottom": t.spacing.paddingBottom.default
+    },
+    ...t?.spacing?.gap && {
+      "--banner-gap": t.spacing.gap.default
+    },
+    ...t?.dimension?.height && {
+      "--banner-height": t.dimension.height.default
+    }
+  };
+  return /* @__PURE__ */ i(
+    v,
+    {
+      "data-tui-composition": "base",
+      data: { as: "div" },
+      colorPalette: g,
+      colorSource: l,
+      customColor: c,
+      className: `${a.tuiQuoteBanner} ${o || ""}`,
+      style: h,
+      children: [
+        d && /* @__PURE__ */ i(y, { children: [
+          /* @__PURE__ */ n("div", { className: `${a.bannerBackground}`, children: /* @__PURE__ */ n("img", { src: d, alt: s }) }),
+          /* @__PURE__ */ n("div", { className: `${a.bannerOverlay}` })
+        ] }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: `${a.bannerContent} ${Q(u)} ${B(r)} ${N(r)}`,
+            children: [
+              /* @__PURE__ */ n(
+                x,
+                {
+                  data: { alignment: r, text: p },
+                  className: a.textQuote,
+                  tokens: t?.elements?.textQuote
+                }
+              ),
+              /* @__PURE__ */ n(
+                $,
+                {
+                  data: { avatarSrc: f, avatarAlt: b, text: m || "" },
+                  className: a.author,
+                  tokens: t?.elements?.author
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as default
+};
+//# sourceMappingURL=QuoteBanner.js.map

package/dist/esm/ui/compositions/QuoteBanner/QuoteBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteBanner.js","sources":["../../../../../src/ui/compositions/QuoteBanner/QuoteBanner.tsx"],"sourcesContent":["import type { QuoteBannerModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport TextQuote from \"../../primitives/TextQuote/TextQuote\";\nimport Author from \"../../patterns/Author/Author\";\nimport styles from \"./QuoteBanner.module.css\";\n\nexport interface QuoteBannerProps extends QuoteBannerModel {\n  children?: React.ReactNode;\n}\n\nconst getAlignmentStyle = (alignment?: string) => {\n  if (alignment === \"right\") return styles.alignmentRight;\n  if (alignment === \"center\") return styles.alignmentCenter;\n  return styles.alignmentLeft;\n};\n\nconst getAlignmentUtilityClass = (alignment?: string) => {\n  if (alignment === \"right\") return \"tui-align-end\";\n  if (alignment === \"center\") return \"tui-align-center\";\n  return \"tui-align-start\";\n};\n\nconst getPositionStyle = (position?: string) => {\n  if (position === \"bottom\") return styles.positionBottom;\n  if (position === \"middle\") return styles.positionMiddle;\n  return styles.positionTop;\n};\n\nconst QuoteBanner: React.FC<QuoteBannerProps> = ({\n  data,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"dbe615e6a0e57db4266dd5ae243a02b1\";\n\n  const {\n    text = \"\",\n    position = \"top\",\n    alignment = \"left\",\n    src = \"\",\n    alt = \"\",\n    authorText = \"\",\n    avatarSrc = \"\",\n    avatarAlt = \"\",\n  } = data || {};\n\n  const tokenStyles = {\n    ...(tokens?.spacing?.paddingLeft && {\n      \"--banner-padding-left\": tokens.spacing.paddingLeft.default,\n    }),\n    ...(tokens?.spacing?.paddingRight && {\n      \"--banner-padding-right\": tokens.spacing.paddingRight.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--banner-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.color?.background && {\n      \"--banner-overlay-background\": tokens.color.background.default,\n    }),\n    ...(tokens?.effects?.opacity && {\n      \"--banner-overlay-opacity\": tokens.effects.opacity.default,\n    }),\n    ...(tokens?.spacing?.paddingTop && {\n      \"--banner-padding-top\": tokens.spacing.paddingTop.default,\n    }),\n    ...(tokens?.spacing?.paddingBottom && {\n      \"--banner-padding-bottom\": tokens.spacing.paddingBottom.default,\n    }),\n    ...(tokens?.spacing?.gap && {\n      \"--banner-gap\": tokens.spacing.gap.default,\n    }),\n    ...(tokens?.dimension?.height && {\n      \"--banner-height\": tokens.dimension.height.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data-tui-composition=\"base\"\n      data={{ as: \"div\" }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={`${styles.tuiQuoteBanner} ${className || \"\"}`}\n      style={tokenStyles as React.CSSProperties}\n    >\n      {src && (\n        <>\n          <div className={`${styles.bannerBackground}`}>\n            <img src={src} alt={alt} />\n          </div>\n          <div className={`${styles.bannerOverlay}`} />\n        </>\n      )}\n      <div\n        className={`${styles.bannerContent} ${getPositionStyle(position)} ${getAlignmentStyle(alignment)} ${getAlignmentUtilityClass(alignment)}`}\n      >\n        <TextQuote\n          data={{ alignment, text }}\n          className={styles.textQuote}\n          tokens={tokens?.elements?.textQuote}\n        />\n        <Author\n          data={{ avatarSrc, avatarAlt, text: authorText || \"\" }}\n          className={styles.author}\n          tokens={tokens?.elements?.author}\n        />\n      </div>\n    </Frame>\n  );\n};\n\nexport default QuoteBanner;\n"],"names":["getAlignmentStyle","alignment","styles","getAlignmentUtilityClass","getPositionStyle","position","QuoteBanner","data","tokens","className","colorPalette","colorSource","customColor","text","src","alt","authorText","avatarSrc","avatarAlt","tokenStyles","jsxs","Frame","Fragment","jsx","TextQuote","Author"],"mappings":"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"}

package/dist/esm/ui/compositions/QuoteBanner/QuoteBanner.module.css.js

@@ -0,0 +1,28 @@
+const n = "cD6OgUvr", t = "ViPOQfnD", o = "DueedUy2", e = "gquG45Hb", i = "_7LSR0k-s", s = "vGc9xosB", a = "DD5dtFYY", c = "C8OkEc7i", r = "yGJH83ag", g = "Gt8M-WZS", l = "xBAz1sEg", u = {
+  tuiQuoteBanner: n,
+  bannerBackground: t,
+  bannerOverlay: o,
+  bannerContent: e,
+  alignmentLeft: i,
+  alignmentCenter: s,
+  alignmentRight: a,
+  positionTop: c,
+  positionMiddle: r,
+  positionBottom: g,
+  textQuote: l
+};
+export {
+  s as alignmentCenter,
+  i as alignmentLeft,
+  a as alignmentRight,
+  t as bannerBackground,
+  e as bannerContent,
+  o as bannerOverlay,
+  u as default,
+  g as positionBottom,
+  r as positionMiddle,
+  c as positionTop,
+  l as textQuote,
+  n as tuiQuoteBanner
+};
+//# sourceMappingURL=QuoteBanner.module.css.js.map

package/dist/esm/ui/compositions/QuoteBanner/QuoteBanner.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteBanner.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/esm/ui/compositions/QuoteBanner/index.js

@@ -0,0 +1,5 @@
+import o from "./QuoteBanner.js";
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/compositions/QuoteBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/compositions/QuoteSection/QuoteSection.js

@@ -0,0 +1,95 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import y from "../../primitives/Frame/Frame.js";
+import q from "../../primitives/Overlay/Overlay.js";
+import v from "../../primitives/TextQuote/TextQuote.js";
+import b from "../../patterns/Author/Author.js";
+import t from "./QuoteSection.module.css.js";
+const j = ({
+  data: o,
+  tokens: e,
+  colorPalette: l,
+  colorSource: s,
+  customColor: u
+}) => {
+  if (!o) return null;
+  const d = {
+    ...e?.color?.background && {
+      "--quote-section-background": e.color.background.default
+    },
+    ...e?.color?.overlay && {
+      "--quote-section-overlay-color": e.color.overlay.default
+    },
+    ...e?.effect?.opacity && {
+      "--quote-section-overlay-opacity": e.effect.opacity.default
+    },
+    ...e?.border?.borderRadius && {
+      "--quote-section-border-radius": e.border.borderRadius.default
+    },
+    ...e?.spacing?.padding && {
+      "--quote-section-padding": e.spacing.padding.default
+    },
+    ...e?.spacing?.gap && {
+      "--quote-section-content-gap": e.spacing.gap.default
+    },
+    ...e?.dimension?.height && {
+      "--quote-section-content-height": e.dimension.height.default
+    }
+  }, {
+    position: m = "middle",
+    alignment: i = "center",
+    textQuote: c,
+    author: n,
+    overlay: p
+  } = o || {}, g = { ...c, alignment: i }, f = t[i], h = t[m];
+  return /* @__PURE__ */ r(
+    y,
+    {
+      "data-tui-composition": "base",
+      colorPalette: l,
+      colorSource: s,
+      customColor: u,
+      className: t.quoteSection,
+      style: d,
+      children: [
+        /* @__PURE__ */ r("div", { className: t.quoteSectionImageWrapper, children: [
+          /* @__PURE__ */ a(
+            q,
+            {
+              data: { ...p, isOpen: !0 },
+              className: t.overlay
+            }
+          ),
+          o.src && /* @__PURE__ */ a(
+            "img",
+            {
+              src: o.src,
+              alt: o.alt,
+              className: t.quoteSectionImage
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: t.quoteSectionContentWrapper, children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: `${t.quoteSectionContentContainer} ${h} ${f}`,
+            children: [
+              /* @__PURE__ */ a(
+                v,
+                {
+                  ...c,
+                  data: g,
+                  tokens: e?.elements?.textQuote
+                }
+              ),
+              n && /* @__PURE__ */ a(b, { data: { ...n }, tokens: e?.elements?.author })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  j as default
+};
+//# sourceMappingURL=QuoteSection.js.map

package/dist/esm/ui/compositions/QuoteSection/QuoteSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteSection.js","sources":["../../../../../src/ui/compositions/QuoteSection/QuoteSection.tsx"],"sourcesContent":["import { QuoteSectionModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Overlay from \"../../primitives/Overlay/Overlay\";\nimport TextQuote from \"../../primitives/TextQuote/TextQuote\";\nimport Author from \"../../patterns/Author/Author\";\nimport styles from \"./QuoteSection.module.css\";\n\nexport type QuoteSectionProps = Omit<QuoteSectionModel, \"_type\">;\n\nconst QuoteSection: React.FC<QuoteSectionProps> = ({\n  data,\n  tokens,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"2bca44657eb1b10d18ab8d037b03b6ef\";\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      \"--quote-section-background\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.overlay && {\n      \"--quote-section-overlay-color\": tokens.color.overlay.default,\n    }),\n    ...(tokens?.effect?.opacity && {\n      \"--quote-section-overlay-opacity\": tokens.effect.opacity.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--quote-section-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      \"--quote-section-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.spacing?.gap && {\n      \"--quote-section-content-gap\": tokens.spacing.gap.default,\n    }),\n    ...(tokens?.dimension?.height && {\n      \"--quote-section-content-height\": tokens.dimension.height.default,\n    }),\n  };\n\n  const {\n    position = \"middle\",\n    alignment = \"center\",\n    textQuote,\n    author,\n    overlay,\n  } = data || {};\n\n  const textQuoteData = { ...textQuote, alignment };\n  const alignmentClassName = styles[alignment];\n  const positionClassName = styles[position];\n\n  return (\n    <Frame\n      data-tui-composition=\"base\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={styles.quoteSection}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <div className={styles.quoteSectionImageWrapper}>\n        <Overlay\n          data={{ ...overlay, isOpen: true }}\n          className={styles.overlay}\n        />\n        {data.src && (\n          <img\n            src={data.src}\n            alt={data.alt}\n            className={styles.quoteSectionImage}\n          />\n        )}\n      </div>\n      <div className={styles.quoteSectionContentWrapper}>\n        <div\n          className={`${styles.quoteSectionContentContainer} ${positionClassName} ${alignmentClassName}`}\n        >\n          <TextQuote\n            {...textQuote}\n            data={textQuoteData}\n            tokens={tokens?.elements?.textQuote}\n          />\n          {author && (\n            <Author data={{ ...author }} tokens={tokens?.elements?.author} />\n          )}\n        </div>\n      </div>\n    </Frame>\n  );\n};\n\nexport default QuoteSection;\n"],"names":["QuoteSection","data","tokens","colorPalette","colorSource","customColor","tokenStyles","position","alignment","textQuote","author","overlay","textQuoteData","alignmentClassName","styles","positionClassName","jsxs","Frame","jsx","Overlay","TextQuote","Author"],"mappings":";;;;;;AASA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACJ,EAAM,QAAO;AAGlB,QAAMK,IAAc;AAAA,IAClB,GAAIJ,GAAQ,OAAO,cAAc;AAAA,MAC/B,8BAA8BA,EAAO,MAAM,WAAW;AAAA,IAAA;AAAA,IAExD,GAAIA,GAAQ,OAAO,WAAW;AAAA,MAC5B,iCAAiCA,EAAO,MAAM,QAAQ;AAAA,IAAA;AAAA,IAExD,GAAIA,GAAQ,QAAQ,WAAW;AAAA,MAC7B,mCAAmCA,EAAO,OAAO,QAAQ;AAAA,IAAA;AAAA,IAE3D,GAAIA,GAAQ,QAAQ,gBAAgB;AAAA,MAClC,iCAAiCA,EAAO,OAAO,aAAa;AAAA,IAAA;AAAA,IAE9D,GAAIA,GAAQ,SAAS,WAAW;AAAA,MAC9B,2BAA2BA,EAAO,QAAQ,QAAQ;AAAA,IAAA;AAAA,IAEpD,GAAIA,GAAQ,SAAS,OAAO;AAAA,MAC1B,+BAA+BA,EAAO,QAAQ,IAAI;AAAA,IAAA;AAAA,IAEpD,GAAIA,GAAQ,WAAW,UAAU;AAAA,MAC/B,kCAAkCA,EAAO,UAAU,OAAO;AAAA,IAAA;AAAA,EAC5D,GAGI;AAAA,IACJ,UAAAK,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEV,KAAQ,CAAA,GAENW,IAAgB,EAAE,GAAGH,GAAW,WAAAD,EAAA,GAChCK,IAAqBC,EAAON,CAAS,GACrCO,IAAoBD,EAAOP,CAAQ;AAEzC,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,cAAAd;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAWS,EAAO;AAAA,MAClB,OAAOR;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWF,EAAO,0BACrB,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAM,EAAE,GAAGR,GAAS,QAAQ,GAAA;AAAA,cAC5B,WAAWG,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEnBb,EAAK,OACJ,gBAAAiB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKjB,EAAK;AAAA,cACV,KAAKA,EAAK;AAAA,cACV,WAAWa,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB,GAEJ;AAAA,QACA,gBAAAI,EAAC,OAAA,EAAI,WAAWJ,EAAO,4BACrB,UAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAGF,EAAO,4BAA4B,IAAIC,CAAiB,IAAIF,CAAkB;AAAA,YAE5F,UAAA;AAAA,cAAA,gBAAAK;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACE,GAAGX;AAAA,kBACJ,MAAMG;AAAA,kBACN,QAAQV,GAAQ,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE3BQ,KACC,gBAAAQ,EAACG,GAAA,EAAO,MAAM,EAAE,GAAGX,EAAA,GAAU,QAAQR,GAAQ,UAAU,OAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EAEnE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/compositions/QuoteSection/QuoteSection.module.css.js

@@ -0,0 +1,30 @@
+const t = "aNEalvvL", o = "xKfxxX4d", e = "Ef1m332c", n = "mmYD4Wrj", c = "lyrzzj2g", r = "QGHeEJ7g", i = "fdfM8SVF", s = "cFpXg4df", a = "W1mBC-xm", m = "MvQGoi1K", p = "BCTAlH-J", u = "ioxsr8ju", l = {
+  quoteSection: t,
+  quoteSectionImageWrapper: o,
+  quoteSectionImage: e,
+  quoteSectionContentWrapper: n,
+  quoteSectionContentContainer: c,
+  left: r,
+  center: i,
+  right: s,
+  top: a,
+  bottom: m,
+  middle: p,
+  overlay: u
+};
+export {
+  m as bottom,
+  i as center,
+  l as default,
+  r as left,
+  p as middle,
+  u as overlay,
+  t as quoteSection,
+  c as quoteSectionContentContainer,
+  n as quoteSectionContentWrapper,
+  e as quoteSectionImage,
+  o as quoteSectionImageWrapper,
+  s as right,
+  a as top
+};
+//# sourceMappingURL=QuoteSection.module.css.js.map

package/dist/esm/ui/compositions/QuoteSection/QuoteSection.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteSection.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/esm/ui/compositions/QuoteSection/index.js

@@ -0,0 +1,5 @@
+import t from "./QuoteSection.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/compositions/QuoteSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/compositions/StatementSection/StatementSection.js

@@ -0,0 +1,87 @@
+import { jsx as e } from "react/jsx-runtime";
+import p from "../../primitives/Frame/Frame.js";
+import u from "../../patterns/Content/Content.js";
+import a from "./StatementSection.module.css.js";
+const x = ({
+  className: o,
+  data: i,
+  tokens: t,
+  events: c,
+  colorPalette: l,
+  colorSource: s,
+  customColor: d
+}) => {
+  if (!i) return null;
+  const r = {
+    ...t?.color?.background?.default && {
+      "--statement-section-surface-color": t.color.background.default
+    },
+    ...t?.border?.borderRadius && {
+      "--statement-section-border-radius": t.border.borderRadius.default
+    },
+    ...t?.spacing?.horizontalPadding?.default && {
+      "--statement-section-horizontal-padding": t.spacing.horizontalPadding.default
+    },
+    ...t?.spacing?.verticalPadding?.default && {
+      "--statement-section-vertical-padding": t.spacing.verticalPadding.default
+    },
+    ...t?.spacing?.horizontalMargin?.default && {
+      "--statement-section-horizontal-margin": t.spacing.horizontalMargin.default
+    },
+    ...t?.spacing?.verticalMargin?.default && {
+      "--statement-section-vertical-margin": t.spacing.verticalMargin.default
+    },
+    ...t?.spacing?.contentGap?.default && {
+      "--statement-section-content-gap": t.spacing.contentGap.default
+    },
+    ...t?.dimension?.maxWidth && {
+      "--statement-section-content-max-width": t.dimension.maxWidth.default
+    }
+  }, { content: n } = i || {}, m = [a.statementSection, o ?? ""].filter(Boolean).join(" "), g = n?.contentAlignment === "center" ? a.alignCenter : n?.contentAlignment === "right" ? a.alignRight : a.alignLeft;
+  return /* @__PURE__ */ e(
+    p,
+    {
+      "data-tui-composition": "base",
+      colorPalette: l,
+      colorSource: s,
+      customColor: d,
+      className: m,
+      style: r,
+      children: /* @__PURE__ */ e("div", { className: `${a.mainContent} ${g}`, children: /* @__PURE__ */ e(
+        u,
+        {
+          data: n,
+          tokens: {
+            dimension: {
+              maxWidth: {
+                default: "var(--composition-statement-section-default-sizing-content-max-width)"
+              }
+            },
+            spacing: {
+              titleGap: {
+                default: "var(--composition-statement-section-default-spacing-textblock-headings)"
+              },
+              contentGap: {
+                default: "var(--composition-statement-section-default-spacing-contentblock-ctablock)"
+              },
+              containerGap: {
+                default: "var(--composition-statement-section-default-spacing-contentblock-logo-icon-textblock)"
+              },
+              textGap: {
+                default: "var(--composition-statement-section-default-spacing-textblock-eyebrow-headings-body)"
+              },
+              ctaGap: {
+                default: "var(--composition-statement-section-default-spacing-ctablock-buttons-textlink)"
+              }
+            }
+          },
+          events: c
+        }
+      ) })
+    }
+  );
+};
+export {
+  x as default
+};
+//# sourceMappingURL=StatementSection.js.map

package/dist/esm/ui/compositions/StatementSection/StatementSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatementSection.js","sources":["../../../../../src/ui/compositions/StatementSection/StatementSection.tsx"],"sourcesContent":["import type { StatementSectionModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Content from \"../../patterns/Content/Content\";\nimport styles from \"./StatementSection.module.css\";\n\nexport interface StatementSectionProps extends StatementSectionModel {\n  children?: React.ReactNode;\n}\n\nconst StatementSection: React.FC<StatementSectionProps> = ({\n  className,\n  data,\n  tokens,\n  events,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"6242632bb4b1c9172e6c20fe43510f31\";\n\n  const tokenStyles = {\n    ...(tokens?.color?.background?.default && {\n      \"--statement-section-surface-color\": tokens.color.background.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--statement-section-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.spacing?.horizontalPadding?.default && {\n      \"--statement-section-horizontal-padding\":\n        tokens.spacing.horizontalPadding.default,\n    }),\n    ...(tokens?.spacing?.verticalPadding?.default && {\n      \"--statement-section-vertical-padding\":\n        tokens.spacing.verticalPadding.default,\n    }),\n    ...(tokens?.spacing?.horizontalMargin?.default && {\n      \"--statement-section-horizontal-margin\":\n        tokens.spacing.horizontalMargin.default,\n    }),\n    ...(tokens?.spacing?.verticalMargin?.default && {\n      \"--statement-section-vertical-margin\":\n        tokens.spacing.verticalMargin.default,\n    }),\n    ...(tokens?.spacing?.contentGap?.default && {\n      \"--statement-section-content-gap\": tokens.spacing.contentGap.default,\n    }),\n    ...(tokens?.dimension?.maxWidth && {\n      \"--statement-section-content-max-width\":\n        tokens.dimension.maxWidth.default,\n    }),\n  };\n\n  const { content } = data || {};\n\n  const statementSectionClassName = [styles.statementSection, className ?? \"\"]\n    .filter(Boolean)\n    .join(\" \");\n\n  const alignmentClass =\n    content?.contentAlignment === \"center\"\n      ? styles.alignCenter\n      : content?.contentAlignment === \"right\"\n        ? styles.alignRight\n        : styles.alignLeft;\n\n  return (\n    <Frame\n      data-tui-composition=\"base\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={statementSectionClassName}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <div className={`${styles.mainContent} ${alignmentClass}`}>\n        <Content\n          data={content}\n          tokens={{\n            dimension: {\n              maxWidth: {\n                default:\n                  \"var(--composition-statement-section-default-sizing-content-max-width)\",\n              },\n            },\n            spacing: {\n              titleGap: {\n                default:\n                  \"var(--composition-statement-section-default-spacing-textblock-headings)\",\n              },\n              contentGap: {\n                default:\n                  \"var(--composition-statement-section-default-spacing-contentblock-ctablock)\",\n              },\n              containerGap: {\n                default:\n                  \"var(--composition-statement-section-default-spacing-contentblock-logo-icon-textblock)\",\n              },\n              textGap: {\n                default:\n                  \"var(--composition-statement-section-default-spacing-textblock-eyebrow-headings-body)\",\n              },\n              ctaGap: {\n                default:\n                  \"var(--composition-statement-section-default-spacing-ctablock-buttons-textlink)\",\n              },\n            },\n          }}\n          events={events}\n        />\n      </div>\n    </Frame>\n  );\n};\n\nexport default StatementSection;\n"],"names":["StatementSection","className","data","tokens","events","colorPalette","colorSource","customColor","tokenStyles","content","statementSectionClassName","styles","alignmentClass","jsx","Frame","Content"],"mappings":";;;;AASA,MAAMA,IAAoD,CAAC;AAAA,EACzD,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACL,EAAM,QAAO;AAGlB,QAAMM,IAAc;AAAA,IAClB,GAAIL,GAAQ,OAAO,YAAY,WAAW;AAAA,MACxC,qCAAqCA,EAAO,MAAM,WAAW;AAAA,IAAA;AAAA,IAE/D,GAAIA,GAAQ,QAAQ,gBAAgB;AAAA,MAClC,qCAAqCA,EAAO,OAAO,aAAa;AAAA,IAAA;AAAA,IAElE,GAAIA,GAAQ,SAAS,mBAAmB,WAAW;AAAA,MACjD,0CACEA,EAAO,QAAQ,kBAAkB;AAAA,IAAA;AAAA,IAErC,GAAIA,GAAQ,SAAS,iBAAiB,WAAW;AAAA,MAC/C,wCACEA,EAAO,QAAQ,gBAAgB;AAAA,IAAA;AAAA,IAEnC,GAAIA,GAAQ,SAAS,kBAAkB,WAAW;AAAA,MAChD,yCACEA,EAAO,QAAQ,iBAAiB;AAAA,IAAA;AAAA,IAEpC,GAAIA,GAAQ,SAAS,gBAAgB,WAAW;AAAA,MAC9C,uCACEA,EAAO,QAAQ,eAAe;AAAA,IAAA;AAAA,IAElC,GAAIA,GAAQ,SAAS,YAAY,WAAW;AAAA,MAC1C,mCAAmCA,EAAO,QAAQ,WAAW;AAAA,IAAA;AAAA,IAE/D,GAAIA,GAAQ,WAAW,YAAY;AAAA,MACjC,yCACEA,EAAO,UAAU,SAAS;AAAA,IAAA;AAAA,EAC9B,GAGI,EAAE,SAAAM,MAAYP,KAAQ,CAAA,GAEtBQ,IAA4B,CAACC,EAAO,kBAAkBV,KAAa,EAAE,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,GAELW,IACJH,GAAS,qBAAqB,WAC1BE,EAAO,cACPF,GAAS,qBAAqB,UAC5BE,EAAO,aACPA,EAAO;AAEf,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,cAAAT;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAWG;AAAA,MACX,OAAOF;AAAA,MAEP,UAAA,gBAAAK,EAAC,SAAI,WAAW,GAAGF,EAAO,WAAW,IAAIC,CAAc,IACrD,UAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAMN;AAAA,UACN,QAAQ;AAAA,YACN,WAAW;AAAA,cACT,UAAU;AAAA,gBACR,SACE;AAAA,cAAA;AAAA,YACJ;AAAA,YAEF,SAAS;AAAA,cACP,UAAU;AAAA,gBACR,SACE;AAAA,cAAA;AAAA,cAEJ,YAAY;AAAA,gBACV,SACE;AAAA,cAAA;AAAA,cAEJ,cAAc;AAAA,gBACZ,SACE;AAAA,cAAA;AAAA,cAEJ,SAAS;AAAA,gBACP,SACE;AAAA,cAAA;AAAA,cAEJ,QAAQ;AAAA,gBACN,SACE;AAAA,cAAA;AAAA,YACJ;AAAA,UACF;AAAA,UAEF,QAAAL;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/compositions/StatementSection/StatementSection.module.css.js

@@ -0,0 +1,16 @@
+const t = "wcYX41-v", n = "_67ugP0Ct", e = "PvxGqAs0", a = "jgtemcuH", i = "j-x1T5m4", s = {
+  statementSection: t,
+  mainContent: n,
+  alignLeft: e,
+  alignCenter: a,
+  alignRight: i
+};
+export {
+  a as alignCenter,
+  e as alignLeft,
+  i as alignRight,
+  s as default,
+  n as mainContent,
+  t as statementSection
+};
+//# sourceMappingURL=StatementSection.module.css.js.map

package/dist/esm/ui/compositions/StatementSection/StatementSection.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatementSection.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/ui/compositions/StatementSection/index.js

@@ -0,0 +1,5 @@
+import e from "./StatementSection.js";
+export {
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/compositions/StatementSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}