npm - @tramo-digital/react-ui - Versions diffs - 0.0.0-alpha - Mend

@tramo-digital/react-ui 0.0.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1827) hide show

package/dist/cjs/ui/compositions/Collage/Collage.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Collage/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./Collage.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/Collage/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/ContentGrid/ContentGrid.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),I=require("../../primitives/Frame/Frame.cjs"),N=require("../../primitives/Image/Image.cjs"),w=require("../../patterns/Content/Content.cjs"),a=require("./ContentGrid.module.css.cjs"),h=3,_=(n,t)=>t\|\|(n===1?"single":n%2===0?"evens":"odds"),A=(n,t)=>{const o=[];for(let i=0;i<n.length;i+=t)o.push(n.slice(i,i+t));return o},x=({data:n,tokens:t,events:o,className:i,colorPalette:u,colorSource:m,customColor:f})=>{if(!n)return null;const j={...t?.color?.background&&{"--content-grid-background":t.color.background.default},...t?.spacing?.padding&&{"--content-grid-padding":t.spacing.padding.default},...t?.spacing?.gap&&{"--content-grid-gap":t.spacing.gap.default},...t?.spacing?.marginBottom&&{"--content-grid-margin-bottom":t.spacing.marginBottom.default},...t?.dimension?.minWidth&&{"--content-grid-item-min-width":t.dimension.minWidth.default},...t?.effect?.opacity&&{"--content-grid-overlay-opacity":t.effect.opacity.default}},{items:r=[],itemsPerRow:p=h,layout:y,alignment:l="left"}=n,g=[1,2,3].includes(p)?p:h;if(r.length>g){const c=A(r,g);return e.jsx(e.Fragment,{children:c.map((s,d)=>e.jsx(x,{data:{...n,items:s,itemsPerRow:g,alignment:l},events:o,className:i,colorPalette:u,colorSource:m,customColor:f},`content-grid-chunk-${d}`))})}const v=_(r.length,y),C={left:"tui-align-start",center:"tui-align-center",right:"tui-align-end"}[l]\|\|"tui-align-start",R=(c,s)=>{const{image:d,content:q}=c;return e.jsxs("div",{className:a.default.item,children:[d&&e.jsx("div",{className:a.default.imageContainer,children:e.jsx(N,{data:d})}),e.jsx(w,{data:{...q,contentAlignment:l},className:a.default.contentContainer})]},`content-grid-item-${s}`)},b=[a.default.contentGrid,a.default[v],C,i].filter(Boolean).join(" ");return r.length===0?null:e.jsx(I,{"data-tui-composition":"base",data:{as:"div"},colorPalette:u,colorSource:m,customColor:f,className:b,style:j,children:e.jsx("div",{className:a.default.contentContainer,children:r.map((c,s)=>R(c,s))})})};module.exports=x;
2	+ //# sourceMappingURL=ContentGrid.cjs.map

package/dist/cjs/ui/compositions/ContentGrid/ContentGrid.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ContentGrid.cjs","sources":["../../../../../src/ui/compositions/ContentGrid/ContentGrid.tsx"],"sourcesContent":["import type { ContentGridItem, ContentGridModel } 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 styles from \"./ContentGrid.module.css\";\n\nconst DEFAULT_ITEMS_PER_ROW = 3;\n\n/**\n * Determines the layout based on item count\n */\nconst getLayout = (itemCount: number, specifiedLayout?: string): string => {\n if (specifiedLayout) return specifiedLayout;\n if (itemCount === 1) return \"single\";\n\n return itemCount % 2 === 0 ? \"evens\" : \"odds\";\n};\n\n/**\n * Split items into chunks based on itemsPerRow\n */\nconst chunkItems = (\n items: ContentGridItem[],\n chunkSize: number,\n): ContentGridItem[][] => {\n const chunks: ContentGridItem[][] = [];\n for (let i = 0; i < items.length; i += chunkSize) {\n chunks.push(items.slice(i, i + chunkSize));\n }\n return chunks;\n};\n\n/**\n * ContentGrid composition - Renders a 1-row grid that adjusts items' layout based on count.\n *\n * - 1 item: Renders with image and content as 2 columns (image left, content right) - unchanged across breakpoints\n * - Multiple items (2-3): Each item has image on top and content below, sharing equal space in row\n * - Recursively splits items into rows based on itemsPerRow (1, 2, or 3)\n */\nconst ContentGrid: React.FC<ContentGridModel> = ({\n data,\n tokens,\n events,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n\n const _fingerprint = \"f527c99f8602466c95593faf2e525011\";\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--content-grid-background\": tokens.color.background.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--content-grid-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--content-grid-gap\": tokens.spacing.gap.default,\n }),\n ...(tokens?.spacing?.marginBottom && {\n \"--content-grid-margin-bottom\": tokens.spacing.marginBottom.default,\n }),\n ...(tokens?.dimension?.minWidth && {\n \"--content-grid-item-min-width\": tokens.dimension.minWidth.default,\n }),\n ...(tokens?.effect?.opacity && {\n \"--content-grid-overlay-opacity\": tokens.effect.opacity.default,\n }),\n };\n\n const {\n items = [],\n itemsPerRow = DEFAULT_ITEMS_PER_ROW,\n layout: specifiedLayout,\n alignment = \"left\",\n } = data;\n const validItemsPerRow = [1, 2, 3].includes(itemsPerRow)\n ? itemsPerRow\n : DEFAULT_ITEMS_PER_ROW;\n\n if (items.length > validItemsPerRow) {\n const chunks = chunkItems(items, validItemsPerRow);\n return (\n <>\n {chunks.map((chunk, chunkIndex) => (\n <ContentGrid\n key={`content-grid-chunk-${chunkIndex}`}\n data={{\n ...data,\n items: chunk,\n itemsPerRow: validItemsPerRow,\n alignment,\n }}\n events={events}\n className={className}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n />\n ))}\n </>\n );\n }\n\n const layout = getLayout(items.length, specifiedLayout);\n\n // Map alignment to flex alignment utility classes\n const alignmentMap: Record<string, string> = {\n left: \"tui-align-start\",\n center: \"tui-align-center\",\n right: \"tui-align-end\",\n };\n const flexAlignmentClass = alignmentMap[alignment] || \"tui-align-start\";\n\n const renderItem = (\n item: ContentGridItem,\n index: number,\n ): React.ReactNode => {\n const { image, content } = item;\n\n return (\n <div key={`content-grid-item-${index}`} className={styles.item}>\n {image && (\n <div className={styles.imageContainer}>\n <Image data={image} />\n </div>\n )}\n <Content\n data={{\n ...content,\n contentAlignment: alignment,\n }}\n className={styles.contentContainer}\n />\n </div>\n );\n };\n\n const rootClassName = [\n styles.contentGrid,\n styles[layout as keyof typeof styles],\n flexAlignmentClass,\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n if (items.length === 0) return null;\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={rootClassName}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.contentContainer}>\n {items.map((item, index) => renderItem(item, index))}\n </div>\n </Frame>\n );\n};\n\nexport default ContentGrid;\n"],"names":["DEFAULT_ITEMS_PER_ROW","getLayout","itemCount","specifiedLayout","chunkItems","items","chunkSize","chunks","ContentGrid","data","tokens","events","className","colorPalette","colorSource","customColor","tokenStyles","itemsPerRow","alignment","validItemsPerRow","jsx","Fragment","chunk","chunkIndex","layout","flexAlignmentClass","renderItem","item","index","image","content","jsxs","styles","Image","Content","rootClassName","Frame"],"mappings":"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"}

package/dist/cjs/ui/compositions/ContentGrid/ContentGrid.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="mpgr6JHp",e="YHPRHiWM",t="_9BHRkDYN",o="DmYnmHu6",s="_4fKTc5L7",c="ywhWs1Yb",i="E-jd8QIU",a="vVvcj911",r="Wpw9QuS0",d={contentGrid:n,hasBackground:e,imageContainer:t,overlay:o,contentContainer:s,item:c,single:i,evens:a,odds:r};exports.contentContainer=s;exports.contentGrid=n;exports.default=d;exports.evens=a;exports.hasBackground=e;exports.imageContainer=t;exports.item=c;exports.odds=r;exports.overlay=o;exports.single=i;
2	+ //# sourceMappingURL=ContentGrid.module.css.cjs.map

package/dist/cjs/ui/compositions/ContentGrid/ContentGrid.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/ContentGrid/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("./ContentGrid.cjs");module.exports=t;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/ContentGrid/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Faq/Faq.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("react/jsx-runtime"),p=require("../../primitives/Frame/Frame.cjs"),g=require("../../patterns/Content/Content.cjs"),m=require("../Accordion/Accordion.cjs"),n=require("./Faq.module.css.cjs"),q=require("../../layout/Stack/Stack.cjs"),b=({className:c,data:o,tokens:t,events:e,colorPalette:l,colorSource:d,customColor:r})=>{if(!o)return null;const s={...t?.color?.background&&{"--faq-surface-color":t.color.background.default},...t?.border?.borderRadius&&{"--faq-border-radius":t.border?.borderRadius.default},...t?.spacing?.padding&&{"--faq-padding":t.spacing?.padding.default},...t?.dimension?.leftContentMinWidth&&{"--faq-content-left-min-width":t.dimension.leftContentMinWidth.default},...t?.dimension?.rightContentMinWidth&&{"--faq-content-right-min-width":t.dimension.rightContentMinWidth.default},...t?.spacing?.gap&&{"--faq-gap":t.spacing?.gap.default}},{content:f,accordionItems:i}=o\|\|{},u=[n.default.faq,c??""].filter(Boolean).join(" ");return a.jsx(p,{"data-tui-composition":"base",data:{as:"div"},colorPalette:l,colorSource:d,customColor:r,className:u,style:s,children:a.jsxs(q,{data:{direction:"row",wrap:"wrap"},className:n.default.faqContent,children:[a.jsx("div",{className:n.default.leftContentPanel,children:a.jsx(g,{data:{...f,contentAlignment:"left"},tokens:{spacing:{titleGap:{default:"var(--composition-faq-default-spacing-textblock-headings)"},contentGap:{default:"var(--composition-faq-default-spacing-contentblock-ctablock)"},containerGap:{default:"var(--composition-faq-default-spacing-contentblock-logo-icon-textblock)"},textGap:{default:"var(--composition-faq-default-spacing-textblock-eyebrow-headings-body)"},ctaGap:{default:"var(--composition-faq-default-spacing-ctablock-buttons-textlink)"},textlinksGap:{default:"var(--composition-faq-default-spacing-textlinks)"}}},events:{onButtonClick:e?.onButtonClick,onLinkClick:e?.onLinkClick}})}),a.jsx("div",{className:n.default.rightContentPanel,children:i&&i.length>0&&a.jsx(m,{data:{items:i},events:{onToggle:e?.onAccordionToggle}})})]})})};module.exports=b;
2	+ //# sourceMappingURL=Faq.cjs.map

package/dist/cjs/ui/compositions/Faq/Faq.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Faq.cjs","sources":["../../../../../src/ui/compositions/Faq/Faq.tsx"],"sourcesContent":["import type { FaqModel } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport Content from '../../patterns/Content/Content';\nimport Accordion from '../Accordion/Accordion';\nimport styles from './Faq.module.css';\nimport { ReactNode } from 'react';\nimport Stack from '../../layout/Stack';\n\nexport type FaqProps = FaqModel;\n\nconst Faq = ({\n className,\n data,\n tokens,\n events,\n colorPalette,\n colorSource,\n customColor,\n}: FaqProps): ReactNode => {\n if (!data) return null;\n const _fingerprint = '1912bc114f70278b6a520c20748366ec';\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n '--faq-surface-color': tokens.color.background.default,\n }),\n ...(tokens?.border?.borderRadius && {\n '--faq-border-radius': tokens.border?.borderRadius.default,\n }),\n ...(tokens?.spacing?.padding && {\n '--faq-padding': tokens.spacing?.padding.default,\n }),\n ...(tokens?.dimension?.leftContentMinWidth && {\n '--faq-content-left-min-width':\n tokens.dimension.leftContentMinWidth.default,\n }),\n ...(tokens?.dimension?.rightContentMinWidth && {\n '--faq-content-right-min-width':\n tokens.dimension.rightContentMinWidth.default,\n }),\n ...(tokens?.spacing?.gap && { '--faq-gap': tokens.spacing?.gap.default }),\n };\n\n const { content, accordionItems } = data || {};\n\n const faqClassName = [styles.faq, className ?? ''].filter(Boolean).join(' ');\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={faqClassName}\n style={tokenStyles as React.CSSProperties}\n >\n <Stack\n data={{ direction: 'row', wrap: 'wrap' }}\n className={styles.faqContent}\n >\n <div className={styles.leftContentPanel}>\n <Content\n data={{\n ...content,\n contentAlignment: 'left',\n }}\n tokens={{\n spacing: {\n titleGap: {\n default:\n 'var(--composition-faq-default-spacing-textblock-headings)',\n },\n contentGap: {\n default:\n 'var(--composition-faq-default-spacing-contentblock-ctablock)',\n },\n containerGap: {\n default:\n 'var(--composition-faq-default-spacing-contentblock-logo-icon-textblock)',\n },\n textGap: {\n default:\n 'var(--composition-faq-default-spacing-textblock-eyebrow-headings-body)',\n },\n ctaGap: {\n default:\n 'var(--composition-faq-default-spacing-ctablock-buttons-textlink)',\n },\n textlinksGap: {\n default: 'var(--composition-faq-default-spacing-textlinks)',\n },\n },\n }}\n events={{\n onButtonClick: events?.onButtonClick,\n onLinkClick: events?.onLinkClick,\n }}\n />\n </div>\n <div className={styles.rightContentPanel}>\n {accordionItems && accordionItems.length > 0 && (\n <Accordion\n data={{ items: accordionItems }}\n events={{ onToggle: events?.onAccordionToggle }}\n />\n )}\n </div>\n </Stack>\n </Frame>\n );\n};\n\nexport default Faq;\n"],"names":["Faq","className","data","tokens","events","colorPalette","colorSource","customColor","tokenStyles","content","accordionItems","faqClassName","styles","jsx","Frame","jsxs","Stack","Content","Accordion"],"mappings":"oQAUMA,EAAM,CAAC,CACX,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAA2B,CACzB,GAAI,CAACL,EAAM,OAAO,KAGlB,MAAMM,EAAc,CAClB,GAAIL,GAAQ,OAAO,YAAc,CAC/B,sBAAuBA,EAAO,MAAM,WAAW,OAAA,EAEjD,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,sBAAuBA,EAAO,QAAQ,aAAa,OAAA,EAErD,GAAIA,GAAQ,SAAS,SAAW,CAC9B,gBAAiBA,EAAO,SAAS,QAAQ,OAAA,EAE3C,GAAIA,GAAQ,WAAW,qBAAuB,CAC5C,+BACEA,EAAO,UAAU,oBAAoB,OAAA,EAEzC,GAAIA,GAAQ,WAAW,sBAAwB,CAC7C,gCACEA,EAAO,UAAU,qBAAqB,OAAA,EAE1C,GAAIA,GAAQ,SAAS,KAAO,CAAE,YAAaA,EAAO,SAAS,IAAI,OAAA,CAAQ,EAGnE,CAAE,QAAAM,EAAS,eAAAC,CAAA,EAAmBR,GAAQ,CAAA,EAEtCS,EAAe,CAACC,UAAO,IAAKX,GAAa,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE3E,OACEY,EAAAA,IAACC,EAAA,CACC,uBAAqB,OACrB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAT,EACA,YAAAC,EACA,YAAAC,EACA,UAAWI,EACX,MAAOH,EAEP,SAAAO,EAAAA,KAACC,EAAA,CACC,KAAM,CAAE,UAAW,MAAO,KAAM,MAAA,EAChC,UAAWJ,EAAAA,QAAO,WAElB,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iBACrB,SAAAC,EAAAA,IAACI,EAAA,CACC,KAAM,CACJ,GAAGR,EACH,iBAAkB,MAAA,EAEpB,OAAQ,CACN,QAAS,CACP,SAAU,CACR,QACE,2DAAA,EAEJ,WAAY,CACV,QACE,8DAAA,EAEJ,aAAc,CACZ,QACE,yEAAA,EAEJ,QAAS,CACP,QACE,wEAAA,EAEJ,OAAQ,CACN,QACE,kEAAA,EAEJ,aAAc,CACZ,QAAS,kDAAA,CACX,CACF,EAEF,OAAQ,CACN,cAAeL,GAAQ,cACvB,YAAaA,GAAQ,WAAA,CACvB,CAAA,EAEJ,EACAS,EAAAA,IAAC,OAAI,UAAWD,UAAO,kBACpB,SAAAF,GAAkBA,EAAe,OAAS,GACzCG,EAAAA,IAACK,EAAA,CACC,KAAM,CAAE,MAAOR,CAAA,EACf,OAAQ,CAAE,SAAUN,GAAQ,iBAAA,CAAkB,CAAA,CAChD,CAEJ,CAAA,CAAA,CAAA,CACF,CAAA,CAGN"}

package/dist/cjs/ui/compositions/Faq/Faq.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="XuFwbfzi",e="RK2T24Lb",n="iPY4o-w1",o="RqfP2NKb",a={faq:t,faqContent:e,leftContentPanel:n,rightContentPanel:o};exports.default=a;exports.faq=t;exports.faqContent=e;exports.leftContentPanel=n;exports.rightContentPanel=o;
2	+ //# sourceMappingURL=Faq.module.css.cjs.map

package/dist/cjs/ui/compositions/Faq/Faq.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Faq/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./Faq.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/Faq/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Footer/Footer.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),F=require("react"),R=require("../../primitives/Frame/Frame.cjs"),D=require("../../primitives/Logo/Logo.cjs"),n=require("../../primitives/TextBody/TextBody.cjs"),b=require("../../primitives/TextEyebrow/TextEyebrow.cjs"),M=require("../../primitives/TextHeading/TextHeading.cjs"),x=require("../../primitives/Link/Link.cjs"),G=require("../../primitives/Button/Button.cjs"),B=require("../../primitives/Badge/Badge.cjs"),a=require("./Footer.module.css.cjs"),E=({data:g,events:N,tokens:e,className:v,colorPalette:w,colorSource:z,customColor:y})=>{const[c,h]=F.useState("");if(!g)return null;const T={...e?.color?.surface&&{"--footer-surface":e.color.surface.default},...e?.color?.border&&{"--footer-border":e.color.border.default},...e?.spacing?.padding&&{"--footer-padding":e.spacing.padding.default},...e?.spacing?.columnGap&&{"--footer-column-gap":e.spacing.columnGap.default},...e?.spacing?.rowGap&&{"--footer-row-gap":e.spacing.rowGap.default},...e?.borderRadius?.container&&{"--footer-border-radius":typeof e.borderRadius.container.default=="number"?`${e.borderRadius.container.default}px`:e.borderRadius.container.default},...(e?.dimension?.maxWidth\|\|e?.dimension?.contentMaxWidth\|\|e?.sizing?.contentMaxWidth)&&{"--footer-content-max-width":(e?.dimension?.maxWidth\|\|e?.dimension?.contentMaxWidth\|\|e?.sizing?.contentMaxWidth).default,"--footer-max-width":(e?.dimension?.maxWidth\|\|e?.dimension?.contentMaxWidth\|\|e?.sizing?.contentMaxWidth).default}},{brand:i,columns:p=[],socialLinks:m=[],newsletter:s,copyrightText:q,legalLinks:u=[],originText:f}=g,{onNewsletterSubmit:j,onLinkClick:o}=N\|\|{},L=l=>{l.preventDefault(),c&&j&&(j(c),h(""))},C=[a.default.tuiFooter,v??""].filter(Boolean).join(" "),W=`© ${new Date().getFullYear()} tramo.digital. All rights reserved.`;return t.jsx(R,{"data-tui-composition":"base",data:{as:"footer"},colorPalette:w,colorSource:z,customColor:y,className:C,style:T,children:t.jsxs("div",{className:a.default.container,children:[(i\|\|s)&&t.jsxs("div",{className:a.default.topSection,children:[i&&t.jsxs("div",{className:a.default.brandColumn,children:[i.logo?t.jsx("div",{className:a.default.logoWrapper,children:t.jsx(D,{data:i.logo,tokens:e?.elements?.logo})}):t.jsx(n,{data:{text:"tramo.digital",size:"sm",weight:"bold",as:"span"},className:a.default.brandFallback}),i.tagline&&t.jsx(n,{data:{text:i.tagline,size:"sm",weight:"regular"},tokens:e?.elements?.tagline,className:a.default.tagline})]}),s&&t.jsxs("div",{className:a.default.newsletterColumn,style:e?.elements?.newsletter?.color?.surface?.default?{backgroundColor:e.elements.newsletter.color.surface.default}:void 0,children:[t.jsx(b,{data:{text:s.title,size:"md"},tokens:e?.elements?.columnTitle}),s.description&&t.jsx(n,{data:{text:s.description,size:"sm"},className:a.default.newsletterDesc}),t.jsxs("form",{className:a.default.newsletterForm,onSubmit:L,children:[t.jsx("input",{type:"email",placeholder:s.inputPlaceholder\|\|"Enter your email",value:c,onChange:l=>h(l.target.value),className:a.default.newsletterInput,required:!0}),t.jsx(G,{data:{text:s.buttonText\|\|"Subscribe",variant:"primary",size:"md"},tokens:e?.elements?.newsletter})]}),s.legalDisclaimer&&t.jsx(n,{data:{text:s.legalDisclaimer,size:"sm",as:"span"},className:a.default.legalDisclaimer})]})]}),(p.length>0\|\|m.length>0)&&t.jsxs("div",{className:a.default.middleSection,children:[t.jsx("div",{className:a.default.columnsGrid,children:p.map((l,d)=>t.jsxs("div",{className:a.default.column,children:[t.jsx(b,{data:{text:l.title,size:"sm",weight:"bold"},tokens:e?.elements?.columnTitle,className:a.default.columnTitle}),t.jsx("ul",{className:a.default.columnLinks,children:l.links.map((r,S)=>t.jsxs("li",{className:a.default.columnLinkItem,children:[t.jsx(x,{data:{text:r.text,href:r.href,size:"sm"},events:{onClick:o?()=>o(r.text,r.href):void 0},tokens:e?.elements?.link,className:a.default.columnLink}),r.badge&&t.jsx(B,{data:{text:r.badge,status:"information"},className:a.default.badge})]},S))})]},d))}),m.length>0&&t.jsxs("div",{className:a.default.socialColumn,children:[t.jsx(M,{data:{text:"Follow Us",size:"xs",weight:"bold",as:"h3"},tokens:e?.elements?.columnTitle,className:a.default.columnTitle}),t.jsx("div",{className:a.default.socialLinks,children:m.map((l,d)=>t.jsx(x,{data:{text:l.label\|\|l.platform,href:l.href,size:"sm",target:"_blank",rel:"noopener noreferrer"},className:a.default.socialLink,"aria-label":l.label\|\|l.platform},d))})]})]}),t.jsxs("div",{className:a.default.bottomSection,children:[t.jsx(n,{data:{text:q\|\|W,size:"sm",as:"p"},tokens:e?.elements?.copyright,className:a.default.copyright}),(f\|\|u.length>0)&&t.jsxs("div",{className:a.default.bottomRight,children:[f&&t.jsx(n,{data:{text:f,size:"sm",as:"span"},tokens:e?.elements?.originText,className:a.default.originText}),u.length>0&&t.jsx("ul",{className:a.default.legalLinks,children:u.map((l,d)=>t.jsx("li",{className:a.default.legalItem,children:t.jsx(x,{data:{text:l.text,href:l.href,size:"sm"},events:{onClick:o?()=>o(l.text,l.href):void 0},tokens:e?.elements?.link,className:a.default.legalLink})},d))})]})]})]})})};module.exports=E;
2	+ //# sourceMappingURL=Footer.cjs.map

package/dist/cjs/ui/compositions/Footer/Footer.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Footer.cjs","sources":["../../../../../src/ui/compositions/Footer/Footer.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { FooterModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Logo from \"../../primitives/Logo/Logo\";\nimport TextBody from \"../../primitives/TextBody/TextBody\";\nimport TextEyebrow from \"../../primitives/TextEyebrow/TextEyebrow\";\nimport TextHeading from \"../../primitives/TextHeading/TextHeading\";\nimport Link from \"../../primitives/Link/Link\";\nimport Button from \"../../primitives/Button/Button\";\nimport Badge from \"../../primitives/Badge/Badge\";\nimport styles from \"./Footer.module.css\";\n\nexport interface FooterProps extends FooterModel {\n children?: React.ReactNode;\n}\n\nconst Footer: React.FC<FooterProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const [email, setEmail] = useState(\"\");\n if (!data) return null;\n const _fingerprint = \"efd1bf9f69e81f23784bd8895a07424d\";\n\n const tokenStyles = {\n ...(tokens?.color?.surface && {\n \"--footer-surface\": tokens.color.surface.default,\n }),\n ...(tokens?.color?.border && {\n \"--footer-border\": tokens.color.border.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--footer-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.columnGap && {\n \"--footer-column-gap\": tokens.spacing.columnGap.default,\n }),\n ...(tokens?.spacing?.rowGap && {\n \"--footer-row-gap\": tokens.spacing.rowGap.default,\n }),\n ...(tokens?.borderRadius?.container && {\n \"--footer-border-radius\":\n typeof tokens.borderRadius.container.default === \"number\"\n ? `${tokens.borderRadius.container.default}px`\n : tokens.borderRadius.container.default,\n }),\n ...((tokens?.dimension?.maxWidth ||\n (tokens?.dimension as any)?.contentMaxWidth ||\n (tokens as any)?.sizing?.contentMaxWidth) && {\n \"--footer-content-max-width\": (tokens?.dimension?.maxWidth ||\n (tokens?.dimension as any)?.contentMaxWidth ||\n (tokens as any)?.sizing?.contentMaxWidth)!.default,\n \"--footer-max-width\": (tokens?.dimension?.maxWidth ||\n (tokens?.dimension as any)?.contentMaxWidth ||\n (tokens as any)?.sizing?.contentMaxWidth)!.default,\n }),\n };\n\n const {\n brand,\n columns = [],\n socialLinks = [],\n newsletter,\n copyrightText,\n legalLinks = [],\n originText,\n } = data;\n const { onNewsletterSubmit, onLinkClick } = events || {};\n\n const handleNewsletterSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (email && onNewsletterSubmit) {\n onNewsletterSubmit(email);\n setEmail(\"\");\n }\n };\n\n const footerClassName = [styles.tuiFooter, className ?? \"\"]\n .filter(Boolean)\n .join(\" \");\n\n const currentYear = new Date().getFullYear();\n const defaultCopyright = `© ${currentYear} tramo.digital. All rights reserved.`;\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data={{ as: \"footer\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={footerClassName}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.container}>\n {/* Top Section: Brand + Newsletter */}\n {(brand || newsletter) && (\n <div className={styles.topSection}>\n {brand && (\n <div className={styles.brandColumn}>\n {brand.logo ? (\n <div className={styles.logoWrapper}>\n <Logo data={brand.logo} tokens={tokens?.elements?.logo} />\n </div>\n ) : (\n <TextBody\n data={{\n text: \"tramo.digital\",\n size: \"sm\",\n weight: \"bold\",\n as: \"span\",\n }}\n className={styles.brandFallback}\n />\n )}\n {brand.tagline && (\n <TextBody\n data={{\n text: brand.tagline,\n size: \"sm\",\n weight: \"regular\",\n }}\n tokens={tokens?.elements?.tagline}\n className={styles.tagline}\n />\n )}\n </div>\n )}\n\n {newsletter && (\n <div\n className={styles.newsletterColumn}\n style={\n tokens?.elements?.newsletter?.color?.surface?.default\n ? {\n backgroundColor:\n tokens.elements.newsletter.color.surface.default,\n }\n : undefined\n }\n >\n <TextEyebrow\n data={{ text: newsletter.title, size: \"md\" }}\n tokens={tokens?.elements?.columnTitle}\n />\n {newsletter.description && (\n <TextBody\n data={{ text: newsletter.description, size: \"sm\" }}\n className={styles.newsletterDesc}\n />\n )}\n <form\n className={styles.newsletterForm}\n onSubmit={handleNewsletterSubmit}\n >\n <input\n type=\"email\"\n placeholder={\n newsletter.inputPlaceholder || \"Enter your email\"\n }\n value={email}\n onChange={(e) => setEmail(e.target.value)}\n className={styles.newsletterInput}\n required\n />\n <Button\n data={{\n text: newsletter.buttonText || \"Subscribe\",\n variant: \"primary\",\n size: \"md\",\n }}\n tokens={tokens?.elements?.newsletter}\n />\n </form>\n {newsletter.legalDisclaimer && (\n <TextBody\n data={{\n text: newsletter.legalDisclaimer,\n size: \"sm\",\n as: \"span\",\n }}\n className={styles.legalDisclaimer}\n />\n )}\n </div>\n )}\n </div>\n )}\n\n {/* Middle Section: Navigation Columns + Socials */}\n {(columns.length > 0 || socialLinks.length > 0) && (\n <div className={styles.middleSection}>\n <div className={styles.columnsGrid}>\n {columns.map((col, idx) => (\n <div key={idx} className={styles.column}>\n <TextEyebrow\n data={{\n text: col.title,\n size: \"sm\",\n weight: \"bold\",\n }}\n tokens={tokens?.elements?.columnTitle}\n className={styles.columnTitle}\n />\n <ul className={styles.columnLinks}>\n {col.links.map((link, lIdx) => (\n <li key={lIdx} className={styles.columnLinkItem}>\n <Link\n data={{\n text: link.text,\n href: link.href,\n size: \"sm\",\n }}\n events={{\n onClick: onLinkClick\n ? () => onLinkClick(link.text, link.href)\n : undefined,\n }}\n tokens={tokens?.elements?.link}\n className={styles.columnLink}\n />\n {link.badge && (\n <Badge\n data={{ text: link.badge, status: \"information\" }}\n className={styles.badge}\n />\n )}\n </li>\n ))}\n </ul>\n </div>\n ))}\n </div>\n\n {socialLinks.length > 0 && (\n <div className={styles.socialColumn}>\n <TextHeading\n data={{\n text: \"Follow Us\",\n size: \"xs\",\n weight: \"bold\",\n as: \"h3\",\n }}\n tokens={tokens?.elements?.columnTitle}\n className={styles.columnTitle}\n />\n <div className={styles.socialLinks}>\n {socialLinks.map((social, idx) => (\n <Link\n key={idx}\n data={{\n text: social.label || social.platform,\n href: social.href,\n size: \"sm\",\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n }}\n className={styles.socialLink}\n aria-label={social.label || social.platform}\n />\n ))}\n </div>\n </div>\n )}\n </div>\n )}\n\n {/* Bottom Section: Copyright + Legal Links */}\n <div className={styles.bottomSection}>\n <TextBody\n data={{\n text: copyrightText || defaultCopyright,\n size: \"sm\",\n as: \"p\",\n }}\n tokens={tokens?.elements?.copyright}\n className={styles.copyright}\n />\n {(originText || legalLinks.length > 0) && (\n <div className={styles.bottomRight}>\n {originText && (\n <TextBody\n data={{\n text: originText,\n size: \"sm\",\n as: \"span\",\n }}\n tokens={tokens?.elements?.originText}\n className={styles.originText}\n />\n )}\n {legalLinks.length > 0 && (\n <ul className={styles.legalLinks}>\n {legalLinks.map((link, idx) => (\n <li key={idx} className={styles.legalItem}>\n <Link\n data={{ text: link.text, href: link.href, size: \"sm\" }}\n events={{\n onClick: onLinkClick\n ? () => onLinkClick(link.text, link.href)\n : undefined,\n }}\n tokens={tokens?.elements?.link}\n className={styles.legalLink}\n />\n </li>\n ))}\n </ul>\n )}\n </div>\n )}\n </div>\n </div>\n </Frame>\n );\n};\n\nexport default Footer;\n"],"names":["Footer","data","events","tokens","className","colorPalette","colorSource","customColor","email","setEmail","useState","tokenStyles","brand","columns","socialLinks","newsletter","copyrightText","legalLinks","originText","onNewsletterSubmit","onLinkClick","handleNewsletterSubmit","e","footerClassName","styles","defaultCopyright","jsx","Frame","jsxs","Logo","TextBody","TextEyebrow","Button","col","idx","link","lIdx","Link","Badge","TextHeading","social"],"mappings":"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"}

package/dist/cjs/ui/compositions/Footer/Footer.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="ol03RkGW",o="fVsLj6v-",t="OCSBMtRt",e="qPwC1Ty0",l="Km7lRdLM",c="WbFOApOf",i="_8-rKUbYB",s="PJWY7QAn",r="NQRps4vg",a="-bhQnUao",m="JKSu-Gfv",u="jd0HJScT",g="e-u34DlE",d="bo6gfZBo",k="_18Q3hoXO",b="Tn4RrPzO",L="ENkOm6xo",p="_1HUL5r9B",S="sX4dlaGS",w="qQWktEh0",F="ROOO-MdN",C="_2-XKvOdF",O="oF3ASe14",T="M2IWCsFI",h="AQzn5NEe",D="odKQANco",R="n5fnDwgx",I="BDKYZnvB",W="eUB5c00p",f={tuiFooter:n,container:o,topSection:t,brandColumn:e,logoWrapper:l,brandFallback:c,tagline:i,newsletterColumn:s,newsletterDesc:r,newsletterForm:a,newsletterInput:m,legalDisclaimer:u,middleSection:g,columnsGrid:d,column:k,columnTitle:b,columnLinks:L,columnLinkItem:p,columnLink:S,badge:w,socialColumn:F,socialLinks:C,socialLink:O,bottomSection:T,copyright:h,bottomRight:D,originText:R,legalLinks:I,legalLink:W};exports.badge=w;exports.bottomRight=D;exports.bottomSection=T;exports.brandColumn=e;exports.brandFallback=c;exports.column=k;exports.columnLink=S;exports.columnLinkItem=p;exports.columnLinks=L;exports.columnTitle=b;exports.columnsGrid=d;exports.container=o;exports.copyright=h;exports.default=f;exports.legalDisclaimer=u;exports.legalLink=W;exports.legalLinks=I;exports.logoWrapper=l;exports.middleSection=g;exports.newsletterColumn=s;exports.newsletterDesc=r;exports.newsletterForm=a;exports.newsletterInput=m;exports.originText=R;exports.socialColumn=F;exports.socialLink=O;exports.socialLinks=C;exports.tagline=i;exports.topSection=t;exports.tuiFooter=n;
2	+ //# sourceMappingURL=Footer.module.css.cjs.map

package/dist/cjs/ui/compositions/Footer/Footer.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Header/Header.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),A=require("react"),E=require("../../primitives/Frame/Frame.cjs"),U=require("../../primitives/Logo/Logo.cjs"),M=require("../../primitives/Button/Button.cjs"),h=require("../../primitives/Link/Link.cjs"),_=require("../../patterns/StripBanner/StripBanner.cjs"),J=require("../../layout/Drawer/Drawer.cjs"),y=require("../LinkGroup/LinkGroup.cjs"),a=require("./Header.module.css.cjs"),K=({data:v,events:z,tokens:t,className:O,colorPalette:q,colorSource:S,customColor:W})=>{const[D,B]=A.useState(!1);if(!v)return null;const k={...t?.color?.surface&&{"--header-surface":t.color.surface.default},...t?.color?.border&&{"--header-border":t.color.border.default},...t?.spacing?.padding&&{"--header-padding":t.spacing.padding.default},...t?.spacing?.gap&&{"--header-gap":t.spacing.gap.default},...t?.sizing?.height&&{"--header-height":typeof t.sizing.height.default=="number"?`${t.sizing.height.default}px`:t.sizing.height.default},...t?.dimension?.height&&{"--header-height":typeof t.dimension.height.default=="number"?`${t.dimension.height.default}px`:t.dimension.height.default},...t?.sizing?.contentMaxWidth&&{"--header-content-max-width":t.sizing.contentMaxWidth.default},...(t?.dimension?.maxWidth\|\|t?.dimension?.contentMaxWidth)&&{"--header-content-max-width":(t?.dimension?.maxWidth\|\|t?.dimension?.contentMaxWidth).default}},{logo:g,navLinks:d=[],linkGroups:c=[],buttons:o=[],announcement:N,position:j="static",mobileDrawerOpen:f,layout:b="default",logoPosition:L="left"}=v,{onLogoClick:G,onNavLinkClick:$,onMobileDrawerToggle:I,onAnnouncementClose:F}=z\|\|{},r=f!==void 0?f:D,m=()=>{const l=!r;f===void 0&&B(l),I?.(l)},P=[a.default.tuiHeader,j!=="static"?a.default[j]:"",O??""].filter(Boolean).join(" "),R=[a.default.mainNav,a.default[`layout-${b}`],a.default[`logo-${L}`]].filter(Boolean).join(" "),H=b==="split"&&L==="center",p=(l,s)=>s&&s.length>0?e.jsx("div",{className:a.default.linkGroupsWrapper,children:s.map((n,i)=>e.jsx(y,{data:n.data,events:n.events,tokens:t?.elements?.linkGroup\|\|n.tokens},i))}):e.jsx("ul",{className:a.default.navLinks,children:l.map((n,i)=>e.jsxs("li",{className:`${a.default.navItem} ${n.active?a.default.active:""}`,children:[e.jsx(h,{data:{text:n.text,href:n.href,size:"md"},events:{onClick:()=>$?.(n,i)},tokens:t?.elements?.navLink,className:a.default.navLink}),n.children&&n.children.length>0&&e.jsx("ul",{className:a.default.dropdown,children:n.children.map((u,x)=>e.jsx("li",{className:a.default.dropdownItem,children:e.jsx(h,{data:{text:u.text,href:u.href,size:"sm"},className:a.default.dropdownLink})},x))})]},i))}),T=(l,s)=>s&&s.length>0?e.jsx("div",{className:a.default.mobileLinkGroupsWrapper,children:s.map((n,i)=>e.jsx(y,{data:{...n.data,stacking:"vertical"},events:n.events,tokens:t?.elements?.linkGroup\|\|n.tokens},i))}):e.jsx("ul",{className:a.default.mobileNavLinks,children:l.map((n,i)=>e.jsxs("li",{className:`${a.default.mobileNavItem} ${n.active?a.default.active:""}`,children:[e.jsx(h,{data:{text:n.text,href:n.href,size:"lg"},events:{onClick:()=>{m(),$?.(n,i)}},tokens:t?.elements?.navLink,className:a.default.mobileNavLink}),n.children&&n.children.length>0&&e.jsx("ul",{className:a.default.mobileSubLinks,children:n.children.map((u,x)=>e.jsx("li",{className:a.default.mobileSubItem,children:e.jsx(h,{data:{text:u.text,href:u.href,size:"md"},events:{onClick:m},className:a.default.mobileSubLink})},x))})]},i))}),C=()=>e.jsx("div",{className:a.default.logoContainer,onClick:G,children:g?e.jsx(U,{data:g,tokens:t?.elements?.logo}):e.jsx("span",{className:a.default.brandFallback,children:"tramo.digital"})}),w=()=>e.jsxs("div",{className:a.default.utilities,children:[o&&o.length>0&&e.jsx("div",{className:a.default.actions,children:o.map((l,s)=>e.jsx(M,{data:l.data,events:l.events,tokens:t?.elements?.button},s))}),e.jsxs("button",{type:"button",className:a.default.hamburger,"aria-label":r?"Close menu":"Open menu","aria-expanded":r,onClick:m,children:[e.jsx("span",{className:`${a.default.bar} ${r?a.default.barOpenTop:""}`}),e.jsx("span",{className:`${a.default.bar} ${r?a.default.barOpenMid:""}`}),e.jsx("span",{className:`${a.default.bar} ${r?a.default.barOpenBot:""}`})]})]});return e.jsxs(E,{"data-tui-composition":"base",data:{as:"header"},colorPalette:q,colorSource:S,customColor:W,className:P,style:k,children:[N&&e.jsx("div",{className:a.default.announcementWrapper,children:e.jsx(_,{data:N,events:{onClose:F},tokens:t?.elements?.announcement})}),e.jsx("div",{className:R,children:H?e.jsxs(e.Fragment,{children:[e.jsx("nav",{className:`${a.default.desktopNav} ${a.default.desktopNavLeft}`,"aria-label":"Primary navigation left",children:p(d.slice(0,Math.ceil(d.length/2)),c.slice(0,Math.ceil(c.length/2)))}),C(),e.jsxs("div",{className:a.default.splitRightContainer,children:[e.jsx("nav",{className:`${a.default.desktopNav} ${a.default.desktopNavRight}`,"aria-label":"Primary navigation right",children:p(d.slice(Math.ceil(d.length/2)),c.slice(Math.ceil(c.length/2)))}),w()]})]}):e.jsxs(e.Fragment,{children:[C(),e.jsx("nav",{className:a.default.desktopNav,"aria-label":"Primary navigation",children:p(d,c)}),w()]})}),e.jsx(J,{data:{isOpen:r,placement:"right",size:"md",title:"Menu",showCloseButton:!0,closeOnBackdropClick:!0,closeOnEsc:!0,lockScroll:!0},events:{onClose:m},tokens:t?.elements?.drawer,children:e.jsxs("nav",{className:a.default.mobileNav,"aria-label":"Mobile primary navigation",children:[T(d,c),o&&o.length>0&&e.jsx("div",{className:a.default.mobileActions,children:o.map((l,s)=>e.jsx(M,{data:l.data,events:l.events,tokens:t?.elements?.button},s))})]})})]})};module.exports=K;
2	+ //# sourceMappingURL=Header.cjs.map

package/dist/cjs/ui/compositions/Header/Header.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Header.cjs","sources":["../../../../../src/ui/compositions/Header/Header.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { HeaderModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Logo from \"../../primitives/Logo/Logo\";\nimport Button from \"../../primitives/Button/Button\";\nimport Link from \"../../primitives/Link/Link\";\nimport StripBanner from \"../../patterns/StripBanner/StripBanner\";\nimport Drawer from \"../../layout/Drawer/Drawer\";\nimport LinkGroup from \"../LinkGroup/LinkGroup\";\nimport styles from \"./Header.module.css\";\n\nexport interface HeaderProps extends HeaderModel {\n children?: React.ReactNode;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const [internalDrawerOpen, setInternalDrawerOpen] = useState(false);\n if (!data) return null;\n const _fingerprint = \"5404b8f9c5f14fe84baccebd381544f6\";\n\n const tokenStyles = {\n ...(tokens?.color?.surface && {\n \"--header-surface\": tokens.color.surface.default,\n }),\n ...(tokens?.color?.border && {\n \"--header-border\": tokens.color.border.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--header-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--header-gap\": tokens.spacing.gap.default,\n }),\n ...(tokens?.sizing?.height && {\n \"--header-height\":\n typeof tokens.sizing.height.default === \"number\"\n ? `${tokens.sizing.height.default}px`\n : tokens.sizing.height.default,\n }),\n ...(tokens?.dimension?.height && {\n \"--header-height\":\n typeof tokens.dimension.height.default === \"number\"\n ? `${tokens.dimension.height.default}px`\n : tokens.dimension.height.default,\n }),\n ...(tokens?.sizing?.contentMaxWidth && {\n \"--header-content-max-width\": tokens.sizing.contentMaxWidth.default,\n }),\n ...((tokens?.dimension?.maxWidth || tokens?.dimension?.contentMaxWidth) && {\n \"--header-content-max-width\": (tokens?.dimension?.maxWidth ||\n tokens?.dimension?.contentMaxWidth)!.default,\n }),\n };\n\n const {\n logo,\n navLinks = [],\n linkGroups = [],\n buttons = [],\n announcement,\n position = \"static\",\n mobileDrawerOpen,\n layout = \"default\",\n logoPosition = \"left\",\n } = data;\n const {\n onLogoClick,\n onNavLinkClick,\n onMobileDrawerToggle,\n onAnnouncementClose,\n } = events || {};\n\n const isDrawerOpen =\n mobileDrawerOpen !== undefined ? mobileDrawerOpen : internalDrawerOpen;\n\n const handleDrawerToggle = () => {\n const nextState = !isDrawerOpen;\n if (mobileDrawerOpen === undefined) {\n setInternalDrawerOpen(nextState);\n }\n onMobileDrawerToggle?.(nextState);\n };\n\n const headerClassName = [\n styles.tuiHeader,\n position !== \"static\" ? styles[position] : \"\",\n className ?? \"\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const mainNavClassName = [\n styles.mainNav,\n styles[`layout-${layout}`],\n styles[`logo-${logoPosition}`],\n ]\n .filter(Boolean)\n .join(\" \");\n\n const isSplit = layout === \"split\" && logoPosition === \"center\";\n\n // ─── Desktop nav content ──────────────────────────────────────────────────\n // CSS media queries control visibility. No environment checks here.\n const renderDesktopNav = (\n items: typeof navLinks,\n groups: typeof linkGroups,\n ) => {\n if (groups && groups.length > 0) {\n return (\n <div className={styles.linkGroupsWrapper}>\n {groups.map((group, idx) => (\n <LinkGroup\n key={idx}\n data={group.data}\n events={group.events}\n tokens={tokens?.elements?.linkGroup || group.tokens}\n />\n ))}\n </div>\n );\n }\n\n return (\n <ul className={styles.navLinks}>\n {items.map((link, idx) => (\n <li\n key={idx}\n className={`${styles.navItem} ${link.active ? styles.active : \"\"}`}\n >\n <Link\n data={{ text: link.text, href: link.href, size: \"md\" }}\n events={{ onClick: () => onNavLinkClick?.(link, idx) }}\n tokens={tokens?.elements?.navLink}\n className={styles.navLink}\n />\n {link.children && link.children.length > 0 && (\n <ul className={styles.dropdown}>\n {link.children.map((child, cIdx) => (\n <li key={cIdx} className={styles.dropdownItem}>\n <Link\n data={{ text: child.text, href: child.href, size: \"sm\" }}\n className={styles.dropdownLink}\n />\n </li>\n ))}\n </ul>\n )}\n </li>\n ))}\n </ul>\n );\n };\n\n // ─── Mobile drawer nav content ────────────────────────────────────────────\n // Always vertical stacking; links close the drawer on click.\n const renderMobileNav = (\n items: typeof navLinks,\n groups: typeof linkGroups,\n ) => {\n if (groups && groups.length > 0) {\n return (\n <div className={styles.mobileLinkGroupsWrapper}>\n {groups.map((group, idx) => (\n <LinkGroup\n key={idx}\n data={{ ...group.data, stacking: \"vertical\" }}\n events={group.events}\n tokens={tokens?.elements?.linkGroup || group.tokens}\n />\n ))}\n </div>\n );\n }\n\n return (\n <ul className={styles.mobileNavLinks}>\n {items.map((link, idx) => (\n <li\n key={idx}\n className={`${styles.mobileNavItem} ${link.active ? styles.active : \"\"}`}\n >\n <Link\n data={{ text: link.text, href: link.href, size: \"lg\" }}\n events={{\n onClick: () => {\n handleDrawerToggle();\n onNavLinkClick?.(link, idx);\n },\n }}\n tokens={tokens?.elements?.navLink}\n className={styles.mobileNavLink}\n />\n {link.children && link.children.length > 0 && (\n <ul className={styles.mobileSubLinks}>\n {link.children.map((child, cIdx) => (\n <li key={cIdx} className={styles.mobileSubItem}>\n <Link\n data={{ text: child.text, href: child.href, size: \"md\" }}\n events={{ onClick: handleDrawerToggle }}\n className={styles.mobileSubLink}\n />\n </li>\n ))}\n </ul>\n )}\n </li>\n ))}\n </ul>\n );\n };\n\n // ─── Logo ─────────────────────────────────────────────────────────────────\n const renderLogo = () => (\n <div className={styles.logoContainer} onClick={onLogoClick}>\n {logo ? (\n <Logo data={logo} tokens={tokens?.elements?.logo} />\n ) : (\n <span className={styles.brandFallback}>tramo.digital</span>\n )}\n </div>\n );\n\n // ─── Utilities (CTA buttons + hamburger) ──────────────────────────────────\n const renderUtilities = () => (\n <div className={styles.utilities}>\n {buttons && buttons.length > 0 && (\n <div className={styles.actions}>\n {buttons.map((btn, idx) => (\n <Button\n key={idx}\n data={btn.data}\n events={btn.events}\n tokens={tokens?.elements?.button}\n />\n ))}\n </div>\n )}\n <button\n type=\"button\"\n className={styles.hamburger}\n aria-label={isDrawerOpen ? \"Close menu\" : \"Open menu\"}\n aria-expanded={isDrawerOpen}\n onClick={handleDrawerToggle}\n >\n <span\n className={`${styles.bar} ${isDrawerOpen ? styles.barOpenTop : \"\"}`}\n />\n <span\n className={`${styles.bar} ${isDrawerOpen ? styles.barOpenMid : \"\"}`}\n />\n <span\n className={`${styles.bar} ${isDrawerOpen ? styles.barOpenBot : \"\"}`}\n />\n </button>\n </div>\n );\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data={{ as: \"header\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={headerClassName}\n style={tokenStyles as React.CSSProperties}\n >\n {announcement && (\n <div className={styles.announcementWrapper}>\n <StripBanner\n data={announcement}\n events={{ onClose: onAnnouncementClose }}\n tokens={tokens?.elements?.announcement}\n />\n </div>\n )}\n\n {/* ── Desktop / tablet nav bar (CSS hides/shows at breakpoint) ── */}\n <div className={mainNavClassName}>\n {isSplit ? (\n <>\n <nav\n className={`${styles.desktopNav} ${styles.desktopNavLeft}`}\n aria-label=\"Primary navigation left\"\n >\n {renderDesktopNav(\n navLinks.slice(0, Math.ceil(navLinks.length / 2)),\n linkGroups.slice(0, Math.ceil(linkGroups.length / 2)),\n )}\n </nav>\n {renderLogo()}\n <div className={styles.splitRightContainer}>\n <nav\n className={`${styles.desktopNav} ${styles.desktopNavRight}`}\n aria-label=\"Primary navigation right\"\n >\n {renderDesktopNav(\n navLinks.slice(Math.ceil(navLinks.length / 2)),\n linkGroups.slice(Math.ceil(linkGroups.length / 2)),\n )}\n </nav>\n {renderUtilities()}\n </div>\n </>\n ) : (\n <>\n {renderLogo()}\n <nav className={styles.desktopNav} aria-label=\"Primary navigation\">\n {renderDesktopNav(navLinks, linkGroups)}\n </nav>\n {renderUtilities()}\n </>\n )}\n </div>\n\n {/* ── Mobile off-canvas drawer (CSS hides trigger at ≥768px) ── */}\n <Drawer\n data={{\n isOpen: isDrawerOpen,\n placement: \"right\",\n size: \"md\",\n title: \"Menu\",\n showCloseButton: true,\n closeOnBackdropClick: true,\n closeOnEsc: true,\n lockScroll: true,\n }}\n events={{ onClose: handleDrawerToggle }}\n tokens={tokens?.elements?.drawer}\n >\n <nav\n className={styles.mobileNav}\n aria-label=\"Mobile primary navigation\"\n >\n {renderMobileNav(navLinks, linkGroups)}\n {buttons && buttons.length > 0 && (\n <div className={styles.mobileActions}>\n {buttons.map((btn, idx) => (\n <Button\n key={idx}\n data={btn.data}\n events={btn.events}\n tokens={tokens?.elements?.button}\n />\n ))}\n </div>\n )}\n </nav>\n </Drawer>\n </Frame>\n );\n};\n\nexport default Header;\n"],"names":["Header","data","events","tokens","className","colorPalette","colorSource","customColor","internalDrawerOpen","setInternalDrawerOpen","useState","tokenStyles","logo","navLinks","linkGroups","buttons","announcement","position","mobileDrawerOpen","layout","logoPosition","onLogoClick","onNavLinkClick","onMobileDrawerToggle","onAnnouncementClose","isDrawerOpen","handleDrawerToggle","nextState","headerClassName","styles","mainNavClassName","isSplit","renderDesktopNav","items","groups","jsx","group","idx","LinkGroup","link","jsxs","Link","child","cIdx","renderMobileNav","renderLogo","Logo","renderUtilities","btn","Button","Frame","StripBanner","Fragment","Drawer"],"mappings":"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"}

package/dist/cjs/ui/compositions/Header/Header.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="Slm6nPcX",t="ZkbppgSw",e="RWeq8RD9",n="N9iQKyR5",a="WJhdhV22",i="NPZqXcVC",l="oxV3H609",s="_3niKAGm9",r="NwwMaatD",c="_1vj9rKGS",p="zyeZw4AB",b="_9lrH1zC0",m="vEKhkLe7",u="OmTyfkXN",d="rKP7j3lI",k="B50-3oE-",v="_9e3-vQoD",y="fPdiUCaW",L="pyQ4WRgm",g="aRktPetH",N="_9L31NrAd",f="-mgGH9D7",S="fLde24A5",h="_5zej8ttl",R="wbro1hmP",C="_2hTjRcmr",_="-F-06c70",w="Jf0VoT21",W="_9Lm-kSDa",I="_5b4HxtWf",A="RgpHW-v0",H="s8Zh7a9N",O="E3YyR9Ab",D="AgyS8tto",x="xlZDHbik",G="-oqeFKLS",E="Z7zy4-fI",K="_9oh0l011",P="lcltJEU2",T="VFLxpxVw",j="_8xiTPBAJ",B="IjRAUbkn",M="_6fkv20of",V="_6WR2-8RW",F={tuiHeader:o,sticky:t,fixed:e,announcementWrapper:n,mainNav:a,logoContainer:i,"layout-spaced":"oxV3H609",layoutSpaced:l,"layout-default":"_3niKAGm9",layoutDefault:s,"logo-left":"NwwMaatD",logoLeft:r,desktopNav:c,utilities:p,"layout-centered":"_9lrH1zC0",layoutCentered:b,"layout-even":"vEKhkLe7",layoutEven:m,"layout-compact":"OmTyfkXN",layoutCompact:u,"layout-split":"rKP7j3lI",layoutSplit:d,"logo-right":"B50-3oE-",logoRight:k,"logo-center":"_9e3-vQoD",logoCenter:v,desktopNavLeft:y,splitRightContainer:L,desktopNavRight:g,linkGroupsWrapper:N,mobileLinkGroupsWrapper:f,brandFallback:S,navLinks:h,navItem:R,navLink:C,active:_,dropdown:w,dropdownItem:W,dropdownLink:I,actions:A,hamburger:H,bar:O,barOpenTop:D,barOpenMid:x,barOpenBot:G,mobileNav:E,mobileNavLinks:K,mobileNavItem:P,mobileNavLink:T,mobileSubLinks:j,mobileSubItem:B,mobileSubLink:M,mobileActions:V};exports.actions=A;exports.active=_;exports.announcementWrapper=n;exports.bar=O;exports.barOpenBot=G;exports.barOpenMid=x;exports.barOpenTop=D;exports.brandFallback=S;exports.default=F;exports.desktopNav=c;exports.desktopNavLeft=y;exports.desktopNavRight=g;exports.dropdown=w;exports.dropdownItem=W;exports.dropdownLink=I;exports.fixed=e;exports.hamburger=H;exports.layoutCentered=b;exports.layoutCompact=u;exports.layoutDefault=s;exports.layoutEven=m;exports.layoutSpaced=l;exports.layoutSplit=d;exports.linkGroupsWrapper=N;exports.logoCenter=v;exports.logoContainer=i;exports.logoLeft=r;exports.logoRight=k;exports.mainNav=a;exports.mobileActions=V;exports.mobileLinkGroupsWrapper=f;exports.mobileNav=E;exports.mobileNavItem=P;exports.mobileNavLink=T;exports.mobileNavLinks=K;exports.mobileSubItem=B;exports.mobileSubLink=M;exports.mobileSubLinks=j;exports.navItem=R;exports.navLink=C;exports.navLinks=h;exports.splitRightContainer=L;exports.sticky=t;exports.tuiHeader=o;exports.utilities=p;
2	+ //# sourceMappingURL=Header.module.css.cjs.map

package/dist/cjs/ui/compositions/Header/Header.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Hero/Hero.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const r=require("react/jsx-runtime"),v=require("../../primitives/Frame/Frame.cjs"),j=require("../../primitives/InterfaceIcon/InterfaceIcon.cjs"),x=require("../../primitives/Overlay/Overlay.cjs"),N=require("../../primitives/Video/Video.cjs"),q=require("../../patterns/Content/Content.cjs"),o=require("./Hero.module.css.cjs"),C=require("../../primitives/Image/Image.cjs"),I=({className:s,data:d,tokens:e,events:u,colorPalette:f,colorSource:g,customColor:p})=>{if(!d)return null;const m={...e?.dimension?.minHeight&&{"--hero-min-height":e.dimension.minHeight.default},...e?.color?.background&&{"--hero-background":e.color.background.default},...e?.color?.overlay&&{"--hero-overlay-color":e.color.overlay.default},...e?.spacing?.padding&&{"--hero-padding":e.spacing.padding.default},...e?.border?.borderRadius&&{"--hero-border-radius":e.border.borderRadius.default},...e?.effect?.opacity&&{"--hero-overlay-opacity":e.effect.opacity.default},...e?.layout?.mediaPosition&&{"--hero-media-position":e.layout.mediaPosition.default}},h=a=>a.backgroundType==="video"?r.jsx(N,{data:{src:a.src,poster:a.backgroundVideoPoster,alt:a.alt,type:a.backgroundVideoType,autoPlay:!0,loop:!0,muted:!0,playsInline:!0},className:o.default.backgroundVideo}):a.src?r.jsx("div",{className:o.default.imageWrapper,children:r.jsx(C,{data:{src:a.src,alt:a.alt,loading:"eager",objectFit:"cover",fluid:!0},tokens:{border:{borderRadius:{default:"0px"}}}})}):null,{content:t,media:i={src:void 0,alt:void 0,backgroundType:"image",backgroundVideoSrc:void 0,backgroundVideoPoster:void 0,backgroundVideoType:"video/mp4"},align:n="center",justify:c="center",overlay:y}=d\|\|{},l=(i.backgroundType==="video",i.src),b=[o.default.tuiHero,t?.contentAlignment?`${t.contentAlignment}`:"",n?o.default[`align-${n}`]:"",c?o.default[`justify-${c}`]:"",l?"":o.default.heroNoImage,s??""].filter(Boolean).join(" ");return r.jsxs(v,{"data-tui-composition":"base",data:{as:"div"},colorPalette:f,colorSource:g,customColor:p,className:b,style:m,children:[l&&r.jsxs("div",{className:o.default.mediaContainer,children:[r.jsx(x,{data:{...y,isOpen:!0}}),h(i)]}),r.jsxs("div",{className:o.default.heroContent,children:[r.jsx(q,{data:{...t},events:u,className:o.default.leftContentPanel}),t?.icons&&t.icons.length>0&&r.jsx("div",{className:o.default.rightContentPanel,children:r.jsx("div",{className:o.default.interactiveIconsContainer,children:r.jsx("div",{className:o.default.objectIconsWrapper,children:t.icons.map(a=>r.jsx(j,{data:a},a.type))})})})]})]})};module.exports=I;
2	+ //# sourceMappingURL=Hero.cjs.map

package/dist/cjs/ui/compositions/Hero/Hero.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Hero.cjs","sources":["../../../../../src/ui/compositions/Hero/Hero.tsx"],"sourcesContent":["import type { HeroModel, IconData } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport InterfaceIcon from '../../primitives/InterfaceIcon/InterfaceIcon';\nimport Overlay from '../../primitives/Overlay/Overlay';\nimport Video from '../../primitives/Video/Video';\nimport Content from '../../patterns/Content/Content';\nimport styles from './Hero.module.css';\nimport Image from '../../primitives/Image';\n\nexport interface HeroProps extends HeroModel {\n children?: React.ReactNode;\n}\n\nconst Hero: React.FC<HeroProps> = ({\n className,\n data,\n tokens,\n events,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = '4362ae16c10259c414d558586b9fda40';\n\n const tokenStyles = {\n ...(tokens?.dimension?.minHeight && {\n '--hero-min-height': tokens.dimension.minHeight.default,\n }),\n ...(tokens?.color?.background && {\n '--hero-background': tokens.color.background.default,\n }),\n ...(tokens?.color?.overlay && {\n '--hero-overlay-color': tokens.color.overlay.default,\n }),\n ...(tokens?.spacing?.padding && {\n '--hero-padding': tokens.spacing.padding.default,\n }),\n ...(tokens?.border?.borderRadius && {\n '--hero-border-radius': tokens.border.borderRadius.default,\n }),\n ...(tokens?.effect?.opacity && {\n '--hero-overlay-opacity': tokens.effect.opacity.default,\n }),\n ...(tokens?.layout?.mediaPosition && {\n '--hero-media-position': tokens.layout.mediaPosition.default,\n }),\n };\n\n /**\n * Renders the appropriate media element based on backgroundType\n */\n const renderMedia = (mediaData: typeof media) => {\n if (mediaData.backgroundType === 'video') {\n return (\n <Video\n data={{\n src: mediaData.src,\n poster: mediaData.backgroundVideoPoster,\n alt: mediaData.alt,\n type: mediaData.backgroundVideoType,\n autoPlay: true,\n loop: true,\n muted: true,\n playsInline: true,\n }}\n className={styles.backgroundVideo}\n />\n );\n }\n\n if (mediaData.src) {\n return (\n <div className={styles.imageWrapper}>\n <Image\n data={{\n src: mediaData.src,\n alt: mediaData.alt,\n loading: 'eager',\n objectFit: 'cover',\n fluid: true,\n }}\n tokens={{\n border: {\n borderRadius: {\n default: '0px',\n },\n },\n }}\n />\n </div>\n );\n }\n\n return null;\n };\n\n const {\n content,\n media = {\n src: undefined,\n alt: undefined,\n backgroundType: 'image',\n backgroundVideoSrc: undefined,\n backgroundVideoPoster: undefined,\n backgroundVideoType: 'video/mp4',\n },\n align = 'center',\n justify = 'center',\n overlay,\n } = data || {};\n\n const hasMedia = media.backgroundType === 'video' ? media.src : media.src;\n const heroClassName = [\n styles.tuiHero,\n content?.contentAlignment ? `${content.contentAlignment}` : '',\n align ? styles[`align-${align}`] : '',\n justify ? styles[`justify-${justify}`] : '',\n !hasMedia ? styles.heroNoImage : '',\n className ?? '',\n ]\n .filter(Boolean)\n .join(' ');\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={heroClassName}\n style={tokenStyles as React.CSSProperties}\n >\n {/* Media container (image or video) */}\n {hasMedia && (\n <div className={styles.mediaContainer}>\n {/* Overlay */}\n <Overlay data={{ ...overlay, isOpen: true }} />\n {renderMedia(media)}\n </div>\n )}\n {/* Main content */}\n <div className={styles.heroContent}>\n <Content\n data={{ ...content }}\n events={events}\n className={styles.leftContentPanel}\n />\n {content?.icons && content.icons.length > 0 && (\n <div className={styles.rightContentPanel}>\n <div className={styles.interactiveIconsContainer}>\n <div className={styles.objectIconsWrapper}>\n {content.icons.map((icon: IconData) => (\n <InterfaceIcon key={icon.type} data={icon} />\n ))}\n </div>\n </div>\n </div>\n )}\n </div>\n </Frame>\n );\n};\n\nexport default Hero;\n"],"names":["Hero","className","data","tokens","events","colorPalette","colorSource","customColor","tokenStyles","renderMedia","mediaData","jsx","Video","styles","Image","content","media","align","justify","overlay","hasMedia","heroClassName","jsxs","Frame","Overlay","Content","icon","InterfaceIcon"],"mappings":"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"}

package/dist/cjs/ui/compositions/Hero/Hero.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="rwpJntwl",e="ZX6X2-0z",n="Bm79Saih",o="_12NGRMl5",r="d66o4LCF",a="PEZq5Txn",i="_14Z7v6SX",s="PkmweB99",c="dxAs2F6K",l="LaydIPBL",g="HFXkKUAQ",d="BBJD0raN",u="CpIwBNrH",C="r97vqDwH",h="_57vq-fNX",p="hwj8cM77",f="-Ws06qUh",j="EQhnSomb",y="wcghML8w",v={tuiHero:t,heroNoImage:e,mediaContainer:n,imageWrapper:o,videoWrapper:r,backgroundVideo:a,heroContent:i,container:s,interactiveIconsContainer:c,leftContentPanel:l,heroOverlay:g,rightContentPanel:d,objectIconsWrapper:u,"justify-start":"r97vqDwH",justifyStart:C,"justify-center":"_57vq-fNX",justifyCenter:h,"justify-end":"hwj8cM77",justifyEnd:p,"align-start":"-Ws06qUh",alignStart:f,"align-center":"EQhnSomb",alignCenter:j,"align-end":"wcghML8w",alignEnd:y};exports.alignCenter=j;exports.alignEnd=y;exports.alignStart=f;exports.backgroundVideo=a;exports.container=s;exports.default=v;exports.heroContent=i;exports.heroNoImage=e;exports.heroOverlay=g;exports.imageWrapper=o;exports.interactiveIconsContainer=c;exports.justifyCenter=h;exports.justifyEnd=p;exports.justifyStart=C;exports.leftContentPanel=l;exports.mediaContainer=n;exports.objectIconsWrapper=u;exports.rightContentPanel=d;exports.tuiHero=t;exports.videoWrapper=r;
2	+ //# sourceMappingURL=Hero.module.css.cjs.map

package/dist/cjs/ui/compositions/Hero/Hero.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/Hero/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./Hero.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/Hero/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/HeroEnhanced/HeroEnhanced.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),m=require("../../primitives/Frame/Frame.cjs"),h=require("../../primitives/Image/Image.cjs"),f=require("../../patterns/Content/Content.cjs"),a=require("./HeroEnhanced.module.css.cjs"),g=({className:c,data:s,tokens:n,colorPalette:d,colorSource:l,customColor:i})=>{if(!s\|\|!s.content)return null;const r={...n?.color?.background&&{"--hero-enhanced-background":n.color.background.default},...n?.spacing?.padding&&{"--hero-enhanced-padding":n.spacing.padding.default},...n?.spacing?.gap&&{"--hero-enhanced-gap":n.spacing.gap.default}},{content:o,image:t}=s,u=[a.default.heroEnhanced,c??""].filter(Boolean).join(" ");return e.jsxs(m,{"data-tui-composition":"base",data:{as:"div"},colorPalette:d,colorSource:l,customColor:i,className:u,style:r,children:[e.jsx("div",{className:a.default.mainSurfaceColor}),e.jsx("div",{className:a.default.spaceBelowContainer}),e.jsx("div",{className:a.default.mainContentContainer,children:e.jsxs("div",{className:a.default.contentContainer,children:[e.jsx("div",{className:a.default.leftContentPanel,children:e.jsx("div",{className:a.default.content,children:e.jsx("div",{className:a.default.topContentContainer,children:e.jsx(f,{data:{...o},className:a.default.contentSpacing})})})}),e.jsx("div",{className:a.default.rightContentPanel,children:t&&e.jsx("div",{className:a.default.collageGroup,children:e.jsx("div",{className:a.default.imageWrapper,children:e.jsx(h,{data:t})})})})]})}),e.jsx("div",{className:a.default.spaceAboveContainer})]})};module.exports=g;
2	+ //# sourceMappingURL=HeroEnhanced.cjs.map

package/dist/cjs/ui/compositions/HeroEnhanced/HeroEnhanced.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeroEnhanced.cjs","sources":["../../../../../src/ui/compositions/HeroEnhanced/HeroEnhanced.tsx"],"sourcesContent":["import type { HeroEnhancedModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Image from \"../../primitives/Image/Image\";\nimport Content from \"../../patterns/Content/Content\";\nimport styles from \"./HeroEnhanced.module.css\";\n\nexport interface HeroEnhancedProps extends HeroEnhancedModel {\n children?: React.ReactNode;\n}\n\nconst HeroEnhanced: React.FC<HeroEnhancedProps> = ({\n className,\n data,\n tokens,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data || !data.content) return null;\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--hero-enhanced-background\": tokens.color.background.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--hero-enhanced-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--hero-enhanced-gap\": tokens.spacing.gap.default,\n }),\n };\n\n const { content, image } = data;\n\n const heroEnhancedClassName = [styles.heroEnhanced, className ?? \"\"]\n .filter(Boolean)\n .join(\" \");\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={heroEnhancedClassName}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.mainSurfaceColor} />\n <div className={styles.spaceBelowContainer} />\n <div className={styles.mainContentContainer}>\n <div className={styles.contentContainer}>\n <div className={styles.leftContentPanel}>\n <div className={styles.content}>\n <div className={styles.topContentContainer}>\n <Content\n data={{ ...content }}\n className={styles.contentSpacing}\n />\n </div>\n </div>\n </div>\n <div className={styles.rightContentPanel}>\n {image && (\n <div className={styles.collageGroup}>\n <div className={styles.imageWrapper}>\n <Image data={image} />\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n <div className={styles.spaceAboveContainer} />\n </Frame>\n );\n};\n\nexport default HeroEnhanced;\n"],"names":["HeroEnhanced","className","data","tokens","colorPalette","colorSource","customColor","tokenStyles","content","image","heroEnhancedClassName","styles","jsxs","Frame","jsx","Content","Image"],"mappings":"yOAUMA,EAA4C,CAAC,CACjD,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACJ,GAAQ,CAACA,EAAK,QAAS,OAAO,KAEnC,MAAMK,EAAc,CAClB,GAAIJ,GAAQ,OAAO,YAAc,CAC/B,6BAA8BA,EAAO,MAAM,WAAW,OAAA,EAExD,GAAIA,GAAQ,SAAS,SAAW,CAC9B,0BAA2BA,EAAO,QAAQ,QAAQ,OAAA,EAEpD,GAAIA,GAAQ,SAAS,KAAO,CAC1B,sBAAuBA,EAAO,QAAQ,IAAI,OAAA,CAC5C,EAGI,CAAE,QAAAK,EAAS,MAAAC,CAAA,EAAUP,EAErBQ,EAAwB,CAACC,UAAO,aAAcV,GAAa,EAAE,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEW,EAAAA,KAACC,EAAA,CACC,uBAAqB,OACrB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAT,EACA,YAAAC,EACA,YAAAC,EACA,UAAWI,EACX,MAAOH,EAEP,SAAA,CAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,gBAAA,CAAkB,EACzCG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,mBAAA,CAAqB,EAC5CG,EAAAA,IAAC,OAAI,UAAWH,EAAAA,QAAO,qBACrB,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iBACrB,SAAA,CAAAG,MAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,iBACrB,SAAAG,MAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,QACrB,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,oBACrB,SAAAG,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAGP,CAAA,EACX,UAAWG,EAAAA,QAAO,cAAA,CAAA,CACpB,CACF,EACF,EACF,EACAG,EAAAA,IAAC,OAAI,UAAWH,EAAAA,QAAO,kBACpB,SAAAF,GACCK,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,aACrB,eAAC,MAAA,CAAI,UAAWA,EAAAA,QAAO,aACrB,SAAAG,EAAAA,IAACE,GAAM,KAAMP,CAAA,CAAO,CAAA,CACtB,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,EACAK,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,mBAAA,CAAqB,CAAA,CAAA,CAAA,CAGlD"}

package/dist/cjs/ui/compositions/HeroEnhanced/HeroEnhanced.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="L0qFnR2o",t="_2lYtc-A6",e="WBYGuDXh",o="kNsOhU1K",a="oQ-MqE-y",c="_8fr53Ohs",r="_0mXc-yis",i="IsuHlSyo",l="m-iiQm-x",s="_6Sw-pWlF",C="_61hHnLQB",p="wfNF-iWI",u="JR5-h0Lr",g={heroEnhanced:n,mainSurfaceColor:t,spaceBelowContainer:e,spaceAboveContainer:o,mainContentContainer:a,contentContainer:c,leftContentPanel:r,content:i,contentSpacing:l,topContentContainer:s,rightContentPanel:C,collageGroup:p,imageWrapper:u};exports.collageGroup=p;exports.content=i;exports.contentContainer=c;exports.contentSpacing=l;exports.default=g;exports.heroEnhanced=n;exports.imageWrapper=u;exports.leftContentPanel=r;exports.mainContentContainer=a;exports.mainSurfaceColor=t;exports.rightContentPanel=C;exports.spaceAboveContainer=o;exports.spaceBelowContainer=e;exports.topContentContainer=s;
2	+ //# sourceMappingURL=HeroEnhanced.module.css.cjs.map

package/dist/cjs/ui/compositions/HeroEnhanced/HeroEnhanced.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/HeroEnhanced/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./HeroEnhanced.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/HeroEnhanced/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/LinkGroup/LinkGroup.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const i=require("react/jsx-runtime"),o=require("react"),j=require("../../primitives/Frame/Frame.cjs"),I=require("../../primitives/Icon/Icon.cjs"),f=require("../../primitives/Link/Link.cjs"),C=require("../../primitives/Button/Button.cjs"),r=require("./LinkGroup.module.css.cjs"),N=a=>{const{textIconBoxes:e}=a\|\|{},s=o.useRef(null),[c,d]=o.useState(!1);return o.useEffect(()=>{const t=s.current;if(!t)return;const l=()=>{const p=t.scrollWidth>t.clientWidth\|\|t.scrollHeight>t.clientHeight;d(p)};l();const u=new ResizeObserver(l);return u.observe(t),()=>u.disconnect()},[]),i.jsx("div",{className:r.default.linkgroupIconWrapper,children:i.jsx("div",{className:r.default.linkgroupIconContainer,children:i.jsx("div",{className:r.default.linkgroupIconMainContainer,children:i.jsx("div",{ref:s,className:`${r.default.linkgroupIconBoxesContainer} ${c?r.default.overflow:""}`,children:i.jsx("div",{className:r.default.linkgroupIconBoxesWrapper,children:e?.map((t,l)=>i.jsx("div",{className:r.default.iconBoxItem,children:i.jsxs(f,{data:{text:t.data.textLink.text,href:t.data.textLink.href},events:t.events,className:r.default.iconBoxSurface,"aria-label":t.data.textLink.text,children:[i.jsx(I,{data:{...t.data.objectIcon,type:t.data.objectIcon.type}}),t.data.textLink.text]})},`${t.data.textLink.text}-${l}`))})})})})})},w=a=>{const[e,s]=o.useState(!1),c=o.useRef(null),{links:d,buttonVis:t=!0,button:l,stacking:u}=a,p=o.useId(),h=o.useId(),m=u==="vertical",v=()=>s(n=>!n),b=e?"CaratUpSmall":"CaratDownSmall";o.useEffect(()=>{const n=g=>{e&&c.current&&!c.current.contains(g.target)&&s(!1)};return document.addEventListener("mousedown",n),()=>document.removeEventListener("mousedown",n)},[e]);const x=d?.map((n,g)=>{const k={...n,events:{...n.events,onClick:()=>{m&&s(!1),n.events?.onClick&&n.events.onClick()}}};return i.jsx(f,{...k,role:"menuitem"},`${n.data?.text\|\|""}-${g}`)});return i.jsx("div",{className:r.default.linkgroupTextWrapper,children:i.jsx("div",{className:r.default.linkgroupTextContent,children:i.jsxs("div",{className:r.default.linkgroupTextContainer,children:[i.jsx("div",{className:r.default.linkgroupTextLeftPanel,children:m?i.jsxs("div",{className:r.default.linkgroupCollapseContent,ref:c,children:[i.jsx(f,{data:{interfaceIcon:{graph:b},text:"Links",positioning:"right"},events:{onClick:v},"aria-expanded":e,"aria-controls":p,"aria-haspopup":"menu","aria-label":"Toggle jump links",id:h,role:"button"}),e?i.jsx("div",{className:r.default.linkgroupDropdownContainer,id:p,role:"menu","aria-labelledby":h,children:i.jsx("div",{className:r.default.linkgroupDropdownContent,children:i.jsx("div",{className:r.default.linkgroupVerticalTextContent,children:x})})}):void 0]}):i.jsx("div",{className:r.default.linkgroupLinksWrapper,children:x})}),i.jsx("div",{className:r.default.linkgroupTextRightPanel,children:i.jsx("div",{className:r.default.linkgroupTextButtonWrapper,children:l&&t?i.jsx(C,{...l}):void 0})})]})})})},z=({data:a,tokens:e,colorPalette:s,colorSource:c,customColor:d})=>{if(!a)return null;const t=a.textIconBoxes&&a.textIconBoxes.length>0,l={...e?.color?.surface&&{"--linkgroup-color-surface":e.color.surface.default},...e?.color?.scrollbarTrack&&{"--linkgroup-scrollbar-background":e.color.scrollbarTrack.default},...e?.color?.scrollbarThumb&&{"--linkgroup-thumb-background":e.color.scrollbarThumb.default},...e?.spacing?.textHorizontalPadding&&{"--linkgroup-text-padding-horizontal":e.spacing.textHorizontalPadding.default},...e?.spacing?.textDivider&&{"--linkgroup-text-spacing-divider":e.spacing.textDivider.default},...e?.spacing?.verticalItemGap&&{"--linkgroup-spacing-between-vertical-items":e.spacing.verticalItemGap.default},...e?.spacing?.groupingLinks&&{"--linkgroup-grouping-links-spacing":e.spacing.groupingLinks.default},...e?.spacing?.dropdownDivider&&{"--linkgroup-dropdown-spacing-divider":e.spacing.dropdownDivider.default},...e?.spacing?.iconSliderTop&&{"--linkgroup-icon-spacing-slider-top":e.spacing.iconSliderTop.default},...e?.spacing?.iconItemsGap&&{"--linkgroup-icon-spacing-between-items":e.spacing.iconItemsGap.default},...e?.sizing?.dividerHeight&&{"--linkgroup-height-divider":e.sizing.dividerHeight.default},...e?.sizing?.panelHeight&&{"--linkgroup-height":e.sizing.panelHeight.default},...e?.sizing?.iconSliderMinHeight&&{"--linkgroup-icon-slider-min-height":e.sizing.iconSliderMinHeight.default},...e?.sizing?.trackHeight&&{"--linkgroup-track-height":e.sizing.trackHeight.default},...e?.sizing?.thumbWidth&&{"--linkgroup-thumb-width":e.sizing.thumbWidth.default},...e?.sizing?.thumbHeight&&{"--linkgroup-thumb-height":e.sizing.thumbHeight.default},...e?.borderRadius?.component&&{"--linkgroup-border-radius":e.borderRadius.component.default},...e?.borderRadius?.scrollbar&&{"--linkgroup-scrollbar-border-radius":e.borderRadius.scrollbar.default},...e?.borderRadius?.thumb&&{"--linkgroup-thumb-border-radius":e.borderRadius.thumb.default}};return i.jsx(j,{"data-tui-composition":"base","data-tui-pattern":"base",colorPalette:s,colorSource:c,customColor:d,className:r.default.linkgroupWrapper,style:l,children:t?N(a):w(a)})};module.exports=z;
2	+ //# sourceMappingURL=LinkGroup.cjs.map

package/dist/cjs/ui/compositions/LinkGroup/LinkGroup.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LinkGroup.cjs","sources":["../../../../../src/ui/compositions/LinkGroup/LinkGroup.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\nimport { SvgIconName } from '@tramo-digital/icons';\nimport { LinkGroupModel } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport Icon from '../../primitives/Icon/Icon';\nimport Link from '../../primitives/Link/Link';\nimport Button from '../../primitives/Button/Button';\nimport styles from './LinkGroup.module.css';\n\nexport interface LinkGroupProps extends React.HTMLAttributes<HTMLElement> {\n data?: LinkGroupModel['data'];\n events?: LinkGroupModel['events'];\n tokens?: LinkGroupModel['tokens'];\n colorPalette?: LinkGroupModel['colorPalette'];\n colorSource?: LinkGroupModel['colorSource'];\n customColor?: LinkGroupModel['customColor'];\n}\n\n/* ────────────────────────────────────────────────\n * Icon mode – scrollable row of Icon + Link pairs\n * ──────────────────────────────────────────────── */\n\nconst renderIconMode = (data: NonNullable<LinkGroupProps['data']>) => {\n const { textIconBoxes } = data || {};\n const ref = useRef<HTMLDivElement>(null);\n const [hasOverflow, setHasOverflow] = useState(false);\n\n useEffect(() => {\n const el = ref.current;\n if (!el) return;\n\n const checkOverflow = () => {\n const has =\n el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;\n setHasOverflow(has);\n };\n\n checkOverflow();\n const resizeObserver = new ResizeObserver(checkOverflow);\n resizeObserver.observe(el);\n return () => resizeObserver.disconnect();\n }, []);\n\n return (\n <div className={styles.linkgroupIconWrapper}>\n <div className={styles.linkgroupIconContainer}>\n <div className={styles.linkgroupIconMainContainer}>\n <div\n ref={ref}\n className={`${styles.linkgroupIconBoxesContainer} ${hasOverflow ? styles.overflow : ''}`}\n >\n <div className={styles.linkgroupIconBoxesWrapper}>\n {textIconBoxes?.map((box, index) => (\n <div\n key={`${box.data.textLink.text}-${index}`}\n className={styles.iconBoxItem}\n >\n <Link\n data={{\n text: box.data.textLink.text,\n href: box.data.textLink.href,\n }}\n events={box.events}\n className={styles.iconBoxSurface}\n aria-label={box.data.textLink.text}\n >\n <Icon\n data={{\n ...box.data.objectIcon,\n type: box.data.objectIcon.type as SvgIconName,\n }}\n />\n {box.data.textLink.text}\n </Link>\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\n/* ────────────────────────────────────────────────\n * Text mode – horizontal links / vertical collapse\n * ──────────────────────────────────────────────── */\n\nconst renderTextMode = (data: NonNullable<LinkGroupProps['data']>) => {\n const [collapseOpen, setCollapseOpen] = useState<boolean>(false);\n const dropdownRef = useRef<HTMLDivElement | null>(null);\n const { links, buttonVis = true, button, stacking } = data;\n const dropdownId = useId();\n const toggleId = useId();\n\n const isCollapseEnabled = stacking === 'vertical';\n const onCollapseClick = () => setCollapseOpen((prev) => !prev);\n const caret = collapseOpen ? 'CaratUpSmall' : 'CaratDownSmall';\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (!collapseOpen) return;\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setCollapseOpen(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [collapseOpen]);\n\n const textLinkComponents = links?.map((link, index) => {\n const augmentedLink = {\n ...link,\n events: {\n ...link.events,\n onClick: () => {\n if (isCollapseEnabled) setCollapseOpen(false);\n if (link.events?.onClick) link.events.onClick();\n },\n },\n };\n return (\n <Link\n key={`${link.data?.text || ''}-${index}`}\n {...augmentedLink}\n role=\"menuitem\"\n />\n );\n });\n\n return (\n <div className={styles.linkgroupTextWrapper}>\n <div className={styles.linkgroupTextContent}>\n <div className={styles.linkgroupTextContainer}>\n <div className={styles.linkgroupTextLeftPanel}>\n {isCollapseEnabled ? (\n <div\n className={styles.linkgroupCollapseContent}\n ref={dropdownRef}\n >\n <Link\n data={{\n interfaceIcon: { graph: caret },\n text: 'Links',\n positioning: 'right',\n }}\n events={{ onClick: onCollapseClick }}\n aria-expanded={collapseOpen}\n aria-controls={dropdownId}\n aria-haspopup=\"menu\"\n aria-label=\"Toggle jump links\"\n id={toggleId}\n role=\"button\"\n />\n {collapseOpen ? (\n <div\n className={styles.linkgroupDropdownContainer}\n id={dropdownId}\n role=\"menu\"\n aria-labelledby={toggleId}\n >\n <div className={styles.linkgroupDropdownContent}>\n <div className={styles.linkgroupVerticalTextContent}>\n {textLinkComponents}\n </div>\n </div>\n </div>\n ) : undefined}\n </div>\n ) : (\n <div className={styles.linkgroupLinksWrapper}>\n {textLinkComponents}\n </div>\n )}\n </div>\n <div className={styles.linkgroupTextRightPanel}>\n <div className={styles.linkgroupTextButtonWrapper}>\n {button && buttonVis ? <Button {...button} /> : undefined}\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\n/* ────────────────────────────────────────────────\n * Main LinkGroup composition\n * ──────────────────────────────────────────────── */\n\nconst LinkGroup: React.FC<LinkGroupProps> = ({\n data,\n tokens,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = '4432ac8b27dbb3833bcdb045ea45279d';\n\n const useIconMode = data.textIconBoxes && data.textIconBoxes.length > 0;\n\n // Map LinkGroup tokens to CSS variables\n const tokenStyles = {\n // Colors\n ...(tokens?.color?.surface && {\n '--linkgroup-color-surface': tokens.color.surface.default,\n }),\n ...(tokens?.color?.scrollbarTrack && {\n '--linkgroup-scrollbar-background': tokens.color.scrollbarTrack.default,\n }),\n ...(tokens?.color?.scrollbarThumb && {\n '--linkgroup-thumb-background': tokens.color.scrollbarThumb.default,\n }),\n // Spacing\n ...(tokens?.spacing?.textHorizontalPadding && {\n '--linkgroup-text-padding-horizontal':\n tokens.spacing.textHorizontalPadding.default,\n }),\n ...(tokens?.spacing?.textDivider && {\n '--linkgroup-text-spacing-divider': tokens.spacing.textDivider.default,\n }),\n ...(tokens?.spacing?.verticalItemGap && {\n '--linkgroup-spacing-between-vertical-items':\n tokens.spacing.verticalItemGap.default,\n }),\n ...(tokens?.spacing?.groupingLinks && {\n '--linkgroup-grouping-links-spacing':\n tokens.spacing.groupingLinks.default,\n }),\n ...(tokens?.spacing?.dropdownDivider && {\n '--linkgroup-dropdown-spacing-divider':\n tokens.spacing.dropdownDivider.default,\n }),\n ...(tokens?.spacing?.iconSliderTop && {\n '--linkgroup-icon-spacing-slider-top':\n tokens.spacing.iconSliderTop.default,\n }),\n ...(tokens?.spacing?.iconItemsGap && {\n '--linkgroup-icon-spacing-between-items':\n tokens.spacing.iconItemsGap.default,\n }),\n // Sizing\n ...(tokens?.sizing?.dividerHeight && {\n '--linkgroup-height-divider': tokens.sizing.dividerHeight.default,\n }),\n ...(tokens?.sizing?.panelHeight && {\n '--linkgroup-height': tokens.sizing.panelHeight.default,\n }),\n ...(tokens?.sizing?.iconSliderMinHeight && {\n '--linkgroup-icon-slider-min-height':\n tokens.sizing.iconSliderMinHeight.default,\n }),\n ...(tokens?.sizing?.trackHeight && {\n '--linkgroup-track-height': tokens.sizing.trackHeight.default,\n }),\n ...(tokens?.sizing?.thumbWidth && {\n '--linkgroup-thumb-width': tokens.sizing.thumbWidth.default,\n }),\n ...(tokens?.sizing?.thumbHeight && {\n '--linkgroup-thumb-height': tokens.sizing.thumbHeight.default,\n }),\n // Border Radius\n ...(tokens?.borderRadius?.component && {\n '--linkgroup-border-radius': tokens.borderRadius.component.default,\n }),\n ...(tokens?.borderRadius?.scrollbar && {\n '--linkgroup-scrollbar-border-radius':\n tokens.borderRadius.scrollbar.default,\n }),\n ...(tokens?.borderRadius?.thumb && {\n '--linkgroup-thumb-border-radius': tokens.borderRadius.thumb.default,\n }),\n } as React.CSSProperties;\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data-tui-pattern=\"base\"\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={styles.linkgroupWrapper}\n style={tokenStyles}\n >\n {useIconMode ? renderIconMode(data) : renderTextMode(data)}\n </Frame>\n );\n};\n\nexport default LinkGroup;\n"],"names":["renderIconMode","data","textIconBoxes","ref","useRef","hasOverflow","setHasOverflow","useState","useEffect","el","checkOverflow","has","resizeObserver","jsx","styles","box","index","jsxs","Link","Icon","renderTextMode","collapseOpen","setCollapseOpen","dropdownRef","links","buttonVis","button","stacking","dropdownId","useId","toggleId","isCollapseEnabled","onCollapseClick","prev","caret","handleClickOutside","event","textLinkComponents","link","augmentedLink","Button","LinkGroup","tokens","colorPalette","colorSource","customColor","useIconMode","tokenStyles","Frame"],"mappings":"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"}

package/dist/cjs/ui/compositions/LinkGroup/LinkGroup.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="KIWZ6u3p",o="C-6--lqn",r="FtNxn8SS",e="Jn4P8xng",t="U253-76N",p="NkcZMwOZ",i="vK73LAK5",l="Rh3lqopg",u="NfmHrG-o",g="IFdPdvyI",a="uplArpAt",k="FXWIIff0",c="MT-qu1zt",s="y8sveYjD",x="_21BXOaMn",C="O5SQl0oi",I="IjvObL6x",T="pa2FTUCz",W="F52O0V-y",B="_7n--WpS-",f={linkgroupWrapper:n,linkgroupTextWrapper:o,linkgroupTextContent:r,linkgroupVerticalTextContent:e,linkgroupCollapseContent:t,linkgroupTextContainer:p,linkgroupTextLeftPanel:i,linkgroupTextRightPanel:l,linkgroupLinksWrapper:u,linkgroupTextButtonWrapper:g,linkgroupDropdownContainer:a,linkgroupDropdownContent:k,linkgroupIconWrapper:c,linkgroupIconContainer:s,linkgroupIconBoxesContainer:x,overflow:C,linkgroupIconBoxesWrapper:I,iconBoxItem:T,iconBoxSurface:W,linkgroupIconMainContainer:B};exports.default=f;exports.iconBoxItem=T;exports.iconBoxSurface=W;exports.linkgroupCollapseContent=t;exports.linkgroupDropdownContainer=a;exports.linkgroupDropdownContent=k;exports.linkgroupIconBoxesContainer=x;exports.linkgroupIconBoxesWrapper=I;exports.linkgroupIconContainer=s;exports.linkgroupIconMainContainer=B;exports.linkgroupIconWrapper=c;exports.linkgroupLinksWrapper=u;exports.linkgroupTextButtonWrapper=g;exports.linkgroupTextContainer=p;exports.linkgroupTextContent=r;exports.linkgroupTextLeftPanel=i;exports.linkgroupTextRightPanel=l;exports.linkgroupTextWrapper=o;exports.linkgroupVerticalTextContent=e;exports.linkgroupWrapper=n;exports.overflow=C;
2	+ //# sourceMappingURL=LinkGroup.module.css.cjs.map

package/dist/cjs/ui/compositions/LinkGroup/LinkGroup.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/LinkGroup/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const r=require("./LinkGroup.cjs");module.exports=r;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/LinkGroup/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/MediaQuote/MediaQuote.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("react/jsx-runtime"),m=require("../../primitives/Frame/Frame.cjs"),p=require("../../primitives/TextQuote/TextQuote.cjs"),f=require("../../patterns/Author/Author.cjs"),t=require("./MediaQuote.module.css.cjs"),h=({data:d,tokens:e,colorPalette:r,colorSource:u,customColor:s})=>{if(!d)return null;const n={...e?.color?.background&&{"--media-quote-background":e.color.background.default},...e?.border?.borderRadius&&{"--media-quote-border-radius":e.border.borderRadius.default},...e?.spacing?.padding&&{"--media-quote-padding":e.spacing.padding.default},...e?.spacing?.gap&&{"--media-quote-content-gap":e.spacing.gap.default},...e?.dimension?.minWidth&&{"--media-quote-left-min-width":e.dimension.minWidth.default}},{textQuote:l,author:i,src:o,alt:c}=d\|\|{};return a.jsx(m,{"data-tui-composition":"base",colorPalette:r,colorSource:u,customColor:s,className:t.default.mediaQuote,style:n,children:a.jsxs("div",{className:t.default.mediaQuoteWrapper,children:[a.jsx("div",{className:t.default.leftPanelContent,children:a.jsx("img",{className:t.default.image,src:o,alt:c})}),a.jsx("div",{className:t.default.rightPanelContent,children:a.jsxs("div",{className:t.default.mediaQuoteContentContainer,children:[a.jsx("div",{className:t.default.mediaQuoteContentWrapper,children:a.jsx(p,{data:{...l},tokens:e?.elements?.textQuote})}),a.jsx("div",{className:t.default.mediaQuoteAuthorWrapper,children:i?a.jsx("div",{className:t.default.mediaQuoteAuthorContent,children:a.jsx(f,{data:{...i},tokens:e?.elements?.author})}):null})]})})]})})};module.exports=h;
2	+ //# sourceMappingURL=MediaQuote.cjs.map

package/dist/cjs/ui/compositions/MediaQuote/MediaQuote.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MediaQuote.cjs","sources":["../../../../../src/ui/compositions/MediaQuote/MediaQuote.tsx"],"sourcesContent":["import { MediaQuoteModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport TextQuote from \"../../primitives/TextQuote/TextQuote\";\nimport Author from \"../../patterns/Author/Author\";\nimport styles from \"./MediaQuote.module.css\";\n\nexport type MediaQuoteProps = Omit<MediaQuoteModel, \"_type\">;\n\nconst MediaQuote: React.FC<MediaQuoteProps> = ({\n data,\n tokens,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"d9263775cdc6a33393be4ab25bca8a2d\";\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--media-quote-background\": tokens.color.background.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--media-quote-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--media-quote-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--media-quote-content-gap\": tokens.spacing.gap.default,\n }),\n ...(tokens?.dimension?.minWidth && {\n \"--media-quote-left-min-width\": tokens.dimension.minWidth.default,\n }),\n };\n\n const { textQuote, author, src, alt } = data || {};\n\n return (\n <Frame\n data-tui-composition=\"base\"\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={styles.mediaQuote}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.mediaQuoteWrapper}>\n <div className={styles.leftPanelContent}>\n <img className={styles.image} src={src} alt={alt} />\n </div>\n <div className={styles.rightPanelContent}>\n <div className={styles.mediaQuoteContentContainer}>\n <div className={styles.mediaQuoteContentWrapper}>\n <TextQuote\n data={{ ...textQuote }}\n tokens={tokens?.elements?.textQuote}\n />\n </div>\n <div className={styles.mediaQuoteAuthorWrapper}>\n {author ? (\n <div className={styles.mediaQuoteAuthorContent}>\n <Author\n data={{ ...author }}\n tokens={tokens?.elements?.author}\n />\n </div>\n ) : null}\n </div>\n </div>\n </div>\n </div>\n </Frame>\n );\n};\n\nexport default MediaQuote;\n"],"names":["MediaQuote","data","tokens","colorPalette","colorSource","customColor","tokenStyles","textQuote","author","src","alt","jsx","Frame","styles","jsxs","TextQuote","Author"],"mappings":"6OAQMA,EAAwC,CAAC,CAC7C,KAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACJ,EAAM,OAAO,KAGlB,MAAMK,EAAc,CAClB,GAAIJ,GAAQ,OAAO,YAAc,CAC/B,2BAA4BA,EAAO,MAAM,WAAW,OAAA,EAEtD,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,8BAA+BA,EAAO,OAAO,aAAa,OAAA,EAE5D,GAAIA,GAAQ,SAAS,SAAW,CAC9B,wBAAyBA,EAAO,QAAQ,QAAQ,OAAA,EAElD,GAAIA,GAAQ,SAAS,KAAO,CAC1B,4BAA6BA,EAAO,QAAQ,IAAI,OAAA,EAElD,GAAIA,GAAQ,WAAW,UAAY,CACjC,+BAAgCA,EAAO,UAAU,SAAS,OAAA,CAC5D,EAGI,CAAE,UAAAK,EAAW,OAAAC,EAAQ,IAAAC,EAAK,IAAAC,CAAA,EAAQT,GAAQ,CAAA,EAEhD,OACEU,EAAAA,IAACC,EAAA,CACC,uBAAqB,OACrB,aAAAT,EACA,YAAAC,EACA,YAAAC,EACA,UAAWQ,EAAAA,QAAO,WAClB,MAAOP,EAEP,SAAAQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,kBACrB,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,iBACrB,SAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,MAAO,IAAAJ,EAAU,IAAAC,CAAA,CAAU,EACpD,EACAC,EAAAA,IAAC,OAAI,UAAWE,EAAAA,QAAO,kBACrB,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,2BACrB,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,yBACrB,SAAAF,EAAAA,IAACI,EAAA,CACC,KAAM,CAAE,GAAGR,CAAA,EACX,OAAQL,GAAQ,UAAU,SAAA,CAAA,EAE9B,EACAS,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,wBACpB,WACCF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,wBACrB,SAAAF,EAAAA,IAACK,EAAA,CACC,KAAM,CAAE,GAAGR,CAAA,EACX,OAAQN,GAAQ,UAAU,MAAA,CAAA,CAC5B,CACF,EACE,IAAA,CACN,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/cjs/ui/compositions/MediaQuote/MediaQuote.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="wIVgl8hc",t="Ehicgq5m",o="-z4zVL-b",n="ZgGhyiOt",a="aLIuEvbo",r="uhTe8D9E",i="Cwsz4KbL",u="ORCfiGj1",m={mediaQuote:e,mediaQuoteWrapper:t,leftPanelContent:o,image:n,rightPanelContent:a,mediaQuoteContentContainer:r,mediaQuoteContentWrapper:i,mediaQuoteAuthorWrapper:u};exports.default=m;exports.image=n;exports.leftPanelContent=o;exports.mediaQuote=e;exports.mediaQuoteAuthorWrapper=u;exports.mediaQuoteContentContainer=r;exports.mediaQuoteContentWrapper=i;exports.mediaQuoteWrapper=t;exports.rightPanelContent=a;
2	+ //# sourceMappingURL=MediaQuote.module.css.cjs.map

package/dist/cjs/ui/compositions/MediaQuote/MediaQuote.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/MediaQuote/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./MediaQuote.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/MediaQuote/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/MediaSplit/MediaSplit.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),h=require("../../primitives/Frame/Frame.cjs"),C=require("../../primitives/Video/Video.cjs"),j=require("../../primitives/Image/Image.cjs"),y=require("../../patterns/Content/Content.cjs"),n=require("./MediaSplit.module.css.cjs"),V=({className:l,data:o,tokens:a,colorPalette:c,colorSource:s,customColor:u})=>{if(!o)return null;const p={...a?.color?.background&&{"--media-split-default-background":a.color.background.default},...a?.spacing?.padding&&{"--media-split-default-padding":a.spacing.padding.default},...a?.spacing?.gap&&{"--media-split-default-gap":a.spacing.gap.default}},{leftContentContainer:g=!0,rightContentContainer:f=!0,leftContent:m,rightContent:b,media:i={src:void 0,alt:"Hero background image",backgroundType:"image",backgroundVideoSrc:void 0,backgroundVideoPoster:void 0,backgroundVideoType:"video/mp4"}}=o\|\|{},k=e=>e.backgroundType==="video"&&e.backgroundVideoSrc?t.jsx(C,{data:{src:e.backgroundVideoSrc,poster:e.backgroundVideoPoster,alt:e.alt,type:e.backgroundVideoType,autoPlay:!0,loop:!0,muted:!0,playsInline:!0},className:n.default.backgroundVideo}):e.src?t.jsx("div",{className:n.default.imageWrapper,children:t.jsx(j,{data:{src:e.src,alt:e.alt\|\|"Hero background",fluid:!0,objectFit:"contain"}})}):null,d=(e,r)=>r?t.jsx("div",{className:`${n.default.contentPanel} ${e?n.default.leftContentPanel:n.default.rightContentPanel}`,children:t.jsx(y,{data:r,tokens:{spacing:{titleGap:{default:"var(--composition-media-split-default-spacing-textblock-headings)"},contentGap:{default:"var(--composition-media-split-default-spacing-contentblock-ctablock)"},containerGap:{default:"var(--composition-media-split-default-spacing-contentblock-logo-icon-textblock)"},textGap:{default:"var(--composition-media-split-default-spacing-textblock-eyebrow-headings-body)"},ctaGap:{default:"var(--composition-media-split-default-spacing-ctablock-buttons-textlink)"},textlinksGap:{default:"var(--composition-media-split-default-spacing-textlinks)"}},dimension:{minWidth:{default:"var(--composition-media-split-default-sizing-content-min-width)"}}}})}):null,v=i.backgroundType==="video"?i.backgroundVideoSrc:i.src,x=[n.default.mediaSplit,l??""].filter(Boolean).join(" ");return t.jsxs(h,{"data-tui-composition":"base",data:{as:"div"},colorPalette:c,colorSource:s,customColor:u,className:x,style:p,children:[v&&t.jsx("div",{className:n.default.mediaContainer,children:k(i)}),t.jsx("div",{className:n.default.contentWrapper,children:t.jsxs("div",{className:n.default.mainContentContainer,children:[g&&d(!0,m),f&&d(!1,b)]})})]})};module.exports=V;
2	+ //# sourceMappingURL=MediaSplit.cjs.map

package/dist/cjs/ui/compositions/MediaSplit/MediaSplit.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MediaSplit.cjs","sources":["../../../../../src/ui/compositions/MediaSplit/MediaSplit.tsx"],"sourcesContent":["import type { ContentData, MediaSplitModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Video from \"../../primitives/Video/Video\";\nimport Image from \"../../primitives/Image/Image\";\nimport Content from \"../../patterns/Content/Content\";\nimport styles from \"./MediaSplit.module.css\";\n\nexport interface MediaSplitProps extends MediaSplitModel {\n children?: React.ReactNode;\n}\n\nconst MediaSplit: React.FC<MediaSplitProps> = ({\n className,\n data,\n tokens,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"486b27a8cc7ae2bbdfd8e79656257078\";\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--media-split-default-background\": tokens.color.background.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--media-split-default-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--media-split-default-gap\": tokens.spacing.gap.default,\n }),\n };\n\n const {\n leftContentContainer = true,\n rightContentContainer = true,\n leftContent,\n rightContent,\n media = {\n src: undefined,\n alt: \"Hero background image\",\n backgroundType: \"image\",\n backgroundVideoSrc: undefined,\n backgroundVideoPoster: undefined,\n backgroundVideoType: \"video/mp4\",\n },\n } = data || {};\n\n /**\n * Renders the appropriate media element based on backgroundType\n */\n const renderMedia = (mediaData: typeof media) => {\n if (mediaData.backgroundType === \"video\" && mediaData.backgroundVideoSrc) {\n return (\n <Video\n data={{\n src: mediaData.backgroundVideoSrc,\n poster: mediaData.backgroundVideoPoster,\n alt: mediaData.alt,\n type: mediaData.backgroundVideoType,\n autoPlay: true,\n loop: true,\n muted: true,\n playsInline: true,\n }}\n className={styles.backgroundVideo}\n />\n );\n }\n\n if (mediaData.src) {\n return (\n <div className={styles.imageWrapper}>\n <Image\n data={{\n src: mediaData.src,\n alt: mediaData.alt || \"Hero background\",\n fluid: true,\n objectFit: \"contain\",\n }}\n />\n </div>\n );\n }\n\n return null;\n };\n\n const renderContentPanel = (isLeft: boolean, contentData?: ContentData) => {\n if (!contentData) return null;\n\n return (\n <div\n className={`${styles.contentPanel} ${isLeft ? styles.leftContentPanel : styles.rightContentPanel}`}\n >\n <Content\n data={contentData}\n tokens={{\n spacing: {\n titleGap: {\n default:\n \"var(--composition-media-split-default-spacing-textblock-headings)\",\n },\n contentGap: {\n default:\n \"var(--composition-media-split-default-spacing-contentblock-ctablock)\",\n },\n containerGap: {\n default:\n \"var(--composition-media-split-default-spacing-contentblock-logo-icon-textblock)\",\n },\n textGap: {\n default:\n \"var(--composition-media-split-default-spacing-textblock-eyebrow-headings-body)\",\n },\n ctaGap: {\n default:\n \"var(--composition-media-split-default-spacing-ctablock-buttons-textlink)\",\n },\n textlinksGap: {\n default:\n \"var(--composition-media-split-default-spacing-textlinks)\",\n },\n },\n dimension: {\n minWidth: {\n default:\n \"var(--composition-media-split-default-sizing-content-min-width)\",\n },\n },\n }}\n />\n </div>\n );\n };\n\n const hasMedia =\n media.backgroundType === \"video\" ? media.backgroundVideoSrc : media.src;\n const mediaSplitClassName = [styles.mediaSplit, className ?? \"\"]\n .filter(Boolean)\n .join(\" \");\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={mediaSplitClassName}\n style={tokenStyles as React.CSSProperties}\n >\n {hasMedia && (\n <div className={styles.mediaContainer}>{renderMedia(media)}</div>\n )}\n <div className={styles.contentWrapper}>\n <div className={styles.mainContentContainer}>\n {leftContentContainer && renderContentPanel(true, leftContent)}\n {rightContentContainer && renderContentPanel(false, rightContent)}\n </div>\n </div>\n </Frame>\n );\n};\n\nexport default MediaSplit;\n"],"names":["MediaSplit","className","data","tokens","colorPalette","colorSource","customColor","tokenStyles","leftContentContainer","rightContentContainer","leftContent","rightContent","media","renderMedia","mediaData","jsx","Video","styles","Image","renderContentPanel","isLeft","contentData","Content","hasMedia","mediaSplitClassName","jsxs","Frame"],"mappings":"qRAWMA,EAAwC,CAAC,CAC7C,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACJ,EAAM,OAAO,KAGlB,MAAMK,EAAc,CAClB,GAAIJ,GAAQ,OAAO,YAAc,CAC/B,mCAAoCA,EAAO,MAAM,WAAW,OAAA,EAE9D,GAAIA,GAAQ,SAAS,SAAW,CAC9B,gCAAiCA,EAAO,QAAQ,QAAQ,OAAA,EAE1D,GAAIA,GAAQ,SAAS,KAAO,CAC1B,4BAA6BA,EAAO,QAAQ,IAAI,OAAA,CAClD,EAGI,CACJ,qBAAAK,EAAuB,GACvB,sBAAAC,EAAwB,GACxB,YAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,CACN,IAAK,OACL,IAAK,wBACL,eAAgB,QAChB,mBAAoB,OACpB,sBAAuB,OACvB,oBAAqB,WAAA,CACvB,EACEV,GAAQ,CAAA,EAKNW,EAAeC,GACfA,EAAU,iBAAmB,SAAWA,EAAU,mBAElDC,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,IAAKF,EAAU,mBACf,OAAQA,EAAU,sBAClB,IAAKA,EAAU,IACf,KAAMA,EAAU,oBAChB,SAAU,GACV,KAAM,GACN,MAAO,GACP,YAAa,EAAA,EAEf,UAAWG,EAAAA,QAAO,eAAA,CAAA,EAKpBH,EAAU,IAEVC,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,aACrB,SAAAF,EAAAA,IAACG,EAAA,CACC,KAAM,CACJ,IAAKJ,EAAU,IACf,IAAKA,EAAU,KAAO,kBACtB,MAAO,GACP,UAAW,SAAA,CACb,CAAA,EAEJ,EAIG,KAGHK,EAAqB,CAACC,EAAiBC,IACtCA,EAGHN,EAAAA,IAAC,MAAA,CACC,UAAW,GAAGE,UAAO,YAAY,IAAIG,EAASH,EAAAA,QAAO,iBAAmBA,UAAO,iBAAiB,GAEhG,SAAAF,EAAAA,IAACO,EAAA,CACC,KAAMD,EACN,OAAQ,CACN,QAAS,CACP,SAAU,CACR,QACE,mEAAA,EAEJ,WAAY,CACV,QACE,sEAAA,EAEJ,aAAc,CACZ,QACE,iFAAA,EAEJ,QAAS,CACP,QACE,gFAAA,EAEJ,OAAQ,CACN,QACE,0EAAA,EAEJ,aAAc,CACZ,QACE,0DAAA,CACJ,EAEF,UAAW,CACT,SAAU,CACR,QACE,iEAAA,CACJ,CACF,CACF,CAAA,CACF,CAAA,EA1CqB,KA+CrBE,EACJX,EAAM,iBAAmB,QAAUA,EAAM,mBAAqBA,EAAM,IAChEY,EAAsB,CAACP,UAAO,WAAYhB,GAAa,EAAE,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEwB,EAAAA,KAACC,EAAA,CACC,uBAAqB,OACrB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAtB,EACA,YAAAC,EACA,YAAAC,EACA,UAAWkB,EACX,MAAOjB,EAEN,SAAA,CAAAgB,SACE,MAAA,CAAI,UAAWN,EAAAA,QAAO,eAAiB,SAAAJ,EAAYD,CAAK,EAAE,EAE7DG,EAAAA,IAAC,OAAI,UAAWE,EAAAA,QAAO,eACrB,SAAAQ,EAAAA,KAAC,MAAA,CAAI,UAAWR,EAAAA,QAAO,qBACpB,SAAA,CAAAT,GAAwBW,EAAmB,GAAMT,CAAW,EAC5DD,GAAyBU,EAAmB,GAAOR,CAAY,CAAA,CAAA,CAClE,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/cjs/ui/compositions/MediaSplit/MediaSplit.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="y0omOnLN",t="oumRnSaJ",e="zmrVciud",o="NN7jfL-i",a="_96Xwxt87",i="fFLHwOIV",r="tdR2l-YA",l="FC8dth5p",c="ue8skmWr",d={mediaSplit:n,mediaContainer:t,imageWrapper:e,backgroundVideo:o,contentWrapper:a,mainContentContainer:i,contentPanel:r,leftContentPanel:l,rightContentPanel:c};exports.backgroundVideo=o;exports.contentPanel=r;exports.contentWrapper=a;exports.default=d;exports.imageWrapper=e;exports.leftContentPanel=l;exports.mainContentContainer=i;exports.mediaContainer=t;exports.mediaSplit=n;exports.rightContentPanel=c;
2	+ //# sourceMappingURL=MediaSplit.module.css.cjs.map

package/dist/cjs/ui/compositions/MediaSplit/MediaSplit.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/MediaSplit/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./MediaSplit.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/MediaSplit/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/MediaText/MediaText.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),g=require("../../primitives/Frame/Frame.cjs"),f=require("../../primitives/Image/Image.cjs"),x=require("../../patterns/Content/Content.cjs"),h=require("../../layout/Stack/Stack.cjs"),a=require("./MediaText.module.css.cjs"),b=({data:i,tokens:t,className:o,colorPalette:c,colorSource:l,customColor:s})=>{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:m,reversed:d=!1,alignment:u="center"}=i\|\|{},p=[a.default.mediaText,o].filter(Boolean).join(" ");return e.jsx(g,{"data-tui-composition":"base",colorPalette:c,colorSource:l,customColor:s,className:p,style:r,children:e.jsxs(h,{data:{direction:d?"row-reverse":"row",align:u,wrap:d?"wrap-reverse":"wrap"},className:a.default.stackContainer,children:[n&&e.jsx("div",{className:a.default.imagePanel,children:e.jsx(f,{data:{...n,fluid:!0}})}),e.jsx("div",{className:a.default.contentPanel,children:e.jsx(x,{data:m,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)"}}}})})]})})};module.exports=b;
2	+ //# sourceMappingURL=MediaText.cjs.map

package/dist/cjs/ui/compositions/MediaText/MediaText.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MediaText.cjs","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":"gRAQMA,EAAsC,CAAC,CAC3C,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACL,EAAM,OAAO,KAIlB,MAAMM,EAAc,CAClB,GAAIL,GAAQ,OAAO,YAAY,SAAW,CACxC,gCAAiCA,EAAO,MAAM,WAAW,OAAA,EAE3D,GAAIA,GAAQ,SAAS,QAAQ,SAAW,CACtC,sBAAuBA,EAAO,QAAQ,OAAO,OAAA,EAE/C,GAAIA,GAAQ,SAAS,SAAW,CAC9B,uBAAwBA,EAAO,QAAQ,QAAQ,OAAA,EAEjD,GAAIA,GAAQ,SAAS,KAAO,CAC1B,mBAAoBA,EAAO,QAAQ,IAAI,OAAA,EAEzC,GAAIA,GAAQ,WAAW,aAAe,CACpC,kCAAmCA,EAAO,UAAU,YAAY,OAAA,EAElE,GAAIA,GAAQ,WAAW,qBAAuB,CAC5C,sCACEA,EAAO,UAAU,oBAAoB,OAAA,EAEzC,GAAIA,GAAQ,WAAW,sBAAwB,CAC7C,uCACEA,EAAO,UAAU,qBAAqB,OAAA,CAC1C,EAGI,CAAE,MAAAM,EAAO,QAAAC,EAAS,SAAAC,EAAW,GAAO,UAAAC,EAAY,UAAaV,GAAQ,CAAA,EAErEW,EAAgB,CAACC,EAAAA,QAAO,UAAWV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE5E,OACEW,EAAAA,IAACC,EAAA,CACC,uBAAqB,OACrB,aAAAX,EACA,YAAAC,EACA,YAAAC,EACA,UAAWM,EACX,MAAOL,EAEP,SAAAS,EAAAA,KAACC,EAAA,CACC,KAAM,CACJ,UAAWP,EAAW,cAAgB,MACtC,MAAOC,EACP,KAAMD,EAAW,eAAiB,MAAA,EAEpC,UAAWG,EAAAA,QAAO,eAEjB,SAAA,CAAAL,GACCM,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,WACrB,SAAAC,EAAAA,IAACI,EAAA,CAAM,KAAM,CAAE,GAAGV,EAAO,MAAO,EAAA,EAAQ,EAC1C,EAEFM,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,aACrB,SAAAC,EAAAA,IAACK,EAAA,CACC,KAAMV,EACN,OAAQ,CACN,QAAS,CACP,SAAU,CACR,QACE,kEAAA,EAEJ,WAAY,CACV,QACE,qEAAA,EAEJ,aAAc,CACZ,QACE,gFAAA,EAEJ,QAAS,CACP,QACE,+EAAA,EAEJ,OAAQ,CACN,QACE,yEAAA,EAEJ,aAAc,CACZ,QACE,yDAAA,CACJ,CACF,CACF,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CAGN"}

package/dist/cjs/ui/compositions/MediaText/MediaText.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="GyPP6OvL",t="_6-3Goy4b",n="nUriCX5D",a="N8rN5mje",o={mediaText:e,stackContainer:t,imagePanel:n,contentPanel:a};exports.contentPanel=a;exports.default=o;exports.imagePanel=n;exports.mediaText=e;exports.stackContainer=t;
2	+ //# sourceMappingURL=MediaText.module.css.cjs.map

package/dist/cjs/ui/compositions/MediaText/MediaText.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/compositions/MediaText/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("./MediaText.cjs");module.exports=e;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/cjs/ui/compositions/MediaText/index.cjs.map ADDED Viewed

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