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/QuoteBanner/QuoteBanner.cjs ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"QuoteBanner.cjs","sources":["../../../../../src/ui/compositions/QuoteBanner/QuoteBanner.tsx"],"sourcesContent":["import type { QuoteBannerModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport TextQuote from \"../../primitives/TextQuote/TextQuote\";\nimport Author from \"../../patterns/Author/Author\";\nimport styles from \"./QuoteBanner.module.css\";\n\nexport interface QuoteBannerProps extends QuoteBannerModel {\n children?: React.ReactNode;\n}\n\nconst getAlignmentStyle = (alignment?: string) => {\n if (alignment === \"right\") return styles.alignmentRight;\n if (alignment === \"center\") return styles.alignmentCenter;\n return styles.alignmentLeft;\n};\n\nconst getAlignmentUtilityClass = (alignment?: string) => {\n if (alignment === \"right\") return \"tui-align-end\";\n if (alignment === \"center\") return \"tui-align-center\";\n return \"tui-align-start\";\n};\n\nconst getPositionStyle = (position?: string) => {\n if (position === \"bottom\") return styles.positionBottom;\n if (position === \"middle\") return styles.positionMiddle;\n return styles.positionTop;\n};\n\nconst QuoteBanner: React.FC<QuoteBannerProps> = ({\n data,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"dbe615e6a0e57db4266dd5ae243a02b1\";\n\n const {\n text = \"\",\n position = \"top\",\n alignment = \"left\",\n src = \"\",\n alt = \"\",\n authorText = \"\",\n avatarSrc = \"\",\n avatarAlt = \"\",\n } = data || {};\n\n const tokenStyles = {\n ...(tokens?.spacing?.paddingLeft && {\n \"--banner-padding-left\": tokens.spacing.paddingLeft.default,\n }),\n ...(tokens?.spacing?.paddingRight && {\n \"--banner-padding-right\": tokens.spacing.paddingRight.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--banner-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.color?.background && {\n \"--banner-overlay-background\": tokens.color.background.default,\n }),\n ...(tokens?.effects?.opacity && {\n \"--banner-overlay-opacity\": tokens.effects.opacity.default,\n }),\n ...(tokens?.spacing?.paddingTop && {\n \"--banner-padding-top\": tokens.spacing.paddingTop.default,\n }),\n ...(tokens?.spacing?.paddingBottom && {\n \"--banner-padding-bottom\": tokens.spacing.paddingBottom.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--banner-gap\": tokens.spacing.gap.default,\n }),\n ...(tokens?.dimension?.height && {\n \"--banner-height\": tokens.dimension.height.default,\n }),\n };\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.tuiQuoteBanner} ${className || \"\"}`}\n style={tokenStyles as React.CSSProperties}\n >\n {src && (\n <>\n <div className={`${styles.bannerBackground}`}>\n <img src={src} alt={alt} />\n </div>\n <div className={`${styles.bannerOverlay}`} />\n </>\n )}\n <div\n className={`${styles.bannerContent} ${getPositionStyle(position)} ${getAlignmentStyle(alignment)} ${getAlignmentUtilityClass(alignment)}`}\n >\n <TextQuote\n data={{ alignment, text }}\n className={styles.textQuote}\n tokens={tokens?.elements?.textQuote}\n />\n <Author\n data={{ avatarSrc, avatarAlt, text: authorText || \"\" }}\n className={styles.author}\n tokens={tokens?.elements?.author}\n />\n </div>\n </Frame>\n );\n};\n\nexport default QuoteBanner;\n"],"names":["getAlignmentStyle","alignment","styles","getAlignmentUtilityClass","getPositionStyle","position","QuoteBanner","data","tokens","className","colorPalette","colorSource","customColor","text","src","alt","authorText","avatarSrc","avatarAlt","tokenStyles","jsxs","Frame","Fragment","jsx","TextQuote","Author"],"mappings":"8OAWMA,EAAqBC,GACrBA,IAAc,QAAgBC,EAAAA,QAAO,eACrCD,IAAc,SAAiBC,EAAAA,QAAO,gBACnCA,EAAAA,QAAO,cAGVC,EAA4BF,GAC5BA,IAAc,QAAgB,gBAC9BA,IAAc,SAAiB,mBAC5B,kBAGHG,EAAoBC,GACpBA,IAAa,SAAiBH,EAAAA,QAAO,eACrCG,IAAa,SAAiBH,EAAAA,QAAO,eAClCA,EAAAA,QAAO,YAGVI,EAA0C,CAAC,CAC/C,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACL,EAAM,OAAO,KAGlB,KAAM,CACJ,KAAAM,EAAO,GACP,SAAAR,EAAW,MACX,UAAAJ,EAAY,OACZ,IAAAa,EAAM,GACN,IAAAC,EAAM,GACN,WAAAC,EAAa,GACb,UAAAC,EAAY,GACZ,UAAAC,EAAY,EAAA,EACVX,GAAQ,CAAA,EAENY,EAAc,CAClB,GAAIX,GAAQ,SAAS,aAAe,CAClC,wBAAyBA,EAAO,QAAQ,YAAY,OAAA,EAEtD,GAAIA,GAAQ,SAAS,cAAgB,CACnC,yBAA0BA,EAAO,QAAQ,aAAa,OAAA,EAExD,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,yBAA0BA,EAAO,OAAO,aAAa,OAAA,EAEvD,GAAIA,GAAQ,OAAO,YAAc,CAC/B,8BAA+BA,EAAO,MAAM,WAAW,OAAA,EAEzD,GAAIA,GAAQ,SAAS,SAAW,CAC9B,2BAA4BA,EAAO,QAAQ,QAAQ,OAAA,EAErD,GAAIA,GAAQ,SAAS,YAAc,CACjC,uBAAwBA,EAAO,QAAQ,WAAW,OAAA,EAEpD,GAAIA,GAAQ,SAAS,eAAiB,CACpC,0BAA2BA,EAAO,QAAQ,cAAc,OAAA,EAE1D,GAAIA,GAAQ,SAAS,KAAO,CAC1B,eAAgBA,EAAO,QAAQ,IAAI,OAAA,EAErC,GAAIA,GAAQ,WAAW,QAAU,CAC/B,kBAAmBA,EAAO,UAAU,OAAO,OAAA,CAC7C,EAGF,OACEY,EAAAA,KAACC,EAAA,CACC,uBAAqB,OACrB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAX,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGV,UAAO,cAAc,IAAIO,GAAa,EAAE,GACtD,MAAOU,EAEN,SAAA,CAAAL,GACCM,EAAAA,KAAAE,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGrB,EAAAA,QAAO,gBAAgB,GACxC,SAAAqB,EAAAA,IAAC,MAAA,CAAI,IAAAT,EAAU,IAAAC,CAAA,CAAU,CAAA,CAC3B,QACC,MAAA,CAAI,UAAW,GAAGb,EAAAA,QAAO,aAAa,EAAA,CAAI,CAAA,EAC7C,EAEFkB,EAAAA,KAAC,MAAA,CACC,UAAW,GAAGlB,EAAAA,QAAO,aAAa,IAAIE,EAAiBC,CAAQ,CAAC,IAAIL,EAAkBC,CAAS,CAAC,IAAIE,EAAyBF,CAAS,CAAC,GAEvI,SAAA,CAAAsB,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,UAAAvB,EAAW,KAAAY,CAAA,EACnB,UAAWX,EAAAA,QAAO,UAClB,OAAQM,GAAQ,UAAU,SAAA,CAAA,EAE5Be,EAAAA,IAACE,EAAA,CACC,KAAM,CAAE,UAAAR,EAAW,UAAAC,EAAW,KAAMF,GAAc,EAAA,EAClD,UAAWd,EAAAA,QAAO,OAClB,OAAQM,GAAQ,UAAU,MAAA,CAAA,CAC5B,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="cD6OgUvr",t="ViPOQfnD",e="DueedUy2",o="gquG45Hb",i="_7LSR0k-s",a="vGc9xosB",s="DD5dtFYY",r="C8OkEc7i",l="yGJH83ag",g="Gt8M-WZS",u="xBAz1sEg",c={tuiQuoteBanner:n,bannerBackground:t,bannerOverlay:e,bannerContent:o,alignmentLeft:i,alignmentCenter:a,alignmentRight:s,positionTop:r,positionMiddle:l,positionBottom:g,textQuote:u};exports.alignmentCenter=a;exports.alignmentLeft=i;exports.alignmentRight=s;exports.bannerBackground=t;exports.bannerContent=o;exports.bannerOverlay=e;exports.default=c;exports.positionBottom=g;exports.positionMiddle=l;exports.positionTop=r;exports.textQuote=u;exports.tuiQuoteBanner=n;
2	+ //# sourceMappingURL=QuoteBanner.module.css.cjs.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"QuoteSection.cjs","sources":["../../../../../src/ui/compositions/QuoteSection/QuoteSection.tsx"],"sourcesContent":["import { QuoteSectionModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Overlay from \"../../primitives/Overlay/Overlay\";\nimport TextQuote from \"../../primitives/TextQuote/TextQuote\";\nimport Author from \"../../patterns/Author/Author\";\nimport styles from \"./QuoteSection.module.css\";\n\nexport type QuoteSectionProps = Omit<QuoteSectionModel, \"_type\">;\n\nconst QuoteSection: React.FC<QuoteSectionProps> = ({\n data,\n tokens,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"2bca44657eb1b10d18ab8d037b03b6ef\";\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--quote-section-background\": tokens.color.background.default,\n }),\n ...(tokens?.color?.overlay && {\n \"--quote-section-overlay-color\": tokens.color.overlay.default,\n }),\n ...(tokens?.effect?.opacity && {\n \"--quote-section-overlay-opacity\": tokens.effect.opacity.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--quote-section-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--quote-section-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--quote-section-content-gap\": tokens.spacing.gap.default,\n }),\n ...(tokens?.dimension?.height && {\n \"--quote-section-content-height\": tokens.dimension.height.default,\n }),\n };\n\n const {\n position = \"middle\",\n alignment = \"center\",\n textQuote,\n author,\n overlay,\n } = data || {};\n\n const textQuoteData = { ...textQuote, alignment };\n const alignmentClassName = styles[alignment];\n const positionClassName = styles[position];\n\n return (\n <Frame\n data-tui-composition=\"base\"\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={styles.quoteSection}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.quoteSectionImageWrapper}>\n <Overlay\n data={{ ...overlay, isOpen: true }}\n className={styles.overlay}\n />\n {data.src && (\n <img\n src={data.src}\n alt={data.alt}\n className={styles.quoteSectionImage}\n />\n )}\n </div>\n <div className={styles.quoteSectionContentWrapper}>\n <div\n className={`${styles.quoteSectionContentContainer} ${positionClassName} ${alignmentClassName}`}\n >\n <TextQuote\n {...textQuote}\n data={textQuoteData}\n tokens={tokens?.elements?.textQuote}\n />\n {author && (\n <Author data={{ ...author }} tokens={tokens?.elements?.author} />\n )}\n </div>\n </div>\n </Frame>\n );\n};\n\nexport default QuoteSection;\n"],"names":["QuoteSection","data","tokens","colorPalette","colorSource","customColor","tokenStyles","position","alignment","textQuote","author","overlay","textQuoteData","alignmentClassName","styles","positionClassName","jsxs","Frame","jsx","Overlay","TextQuote","Author"],"mappings":"iSASMA,EAA4C,CAAC,CACjD,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,6BAA8BA,EAAO,MAAM,WAAW,OAAA,EAExD,GAAIA,GAAQ,OAAO,SAAW,CAC5B,gCAAiCA,EAAO,MAAM,QAAQ,OAAA,EAExD,GAAIA,GAAQ,QAAQ,SAAW,CAC7B,kCAAmCA,EAAO,OAAO,QAAQ,OAAA,EAE3D,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,gCAAiCA,EAAO,OAAO,aAAa,OAAA,EAE9D,GAAIA,GAAQ,SAAS,SAAW,CAC9B,0BAA2BA,EAAO,QAAQ,QAAQ,OAAA,EAEpD,GAAIA,GAAQ,SAAS,KAAO,CAC1B,8BAA+BA,EAAO,QAAQ,IAAI,OAAA,EAEpD,GAAIA,GAAQ,WAAW,QAAU,CAC/B,iCAAkCA,EAAO,UAAU,OAAO,OAAA,CAC5D,EAGI,CACJ,SAAAK,EAAW,SACX,UAAAC,EAAY,SACZ,UAAAC,EACA,OAAAC,EACA,QAAAC,CAAA,EACEV,GAAQ,CAAA,EAENW,EAAgB,CAAE,GAAGH,EAAW,UAAAD,CAAA,EAChCK,EAAqBC,EAAAA,QAAON,CAAS,EACrCO,EAAoBD,EAAAA,QAAOP,CAAQ,EAEzC,OACES,EAAAA,KAACC,EAAA,CACC,uBAAqB,OACrB,aAAAd,EACA,YAAAC,EACA,YAAAC,EACA,UAAWS,EAAAA,QAAO,aAClB,MAAOR,EAEP,SAAA,CAAAU,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,yBACrB,SAAA,CAAAI,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAGR,EAAS,OAAQ,EAAA,EAC5B,UAAWG,EAAAA,QAAO,OAAA,CAAA,EAEnBb,EAAK,KACJiB,EAAAA,IAAC,MAAA,CACC,IAAKjB,EAAK,IACV,IAAKA,EAAK,IACV,UAAWa,EAAAA,QAAO,iBAAA,CAAA,CACpB,EAEJ,EACAI,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,2BACrB,SAAAE,EAAAA,KAAC,MAAA,CACC,UAAW,GAAGF,EAAAA,QAAO,4BAA4B,IAAIC,CAAiB,IAAIF,CAAkB,GAE5F,SAAA,CAAAK,EAAAA,IAACE,EAAA,CACE,GAAGX,EACJ,KAAMG,EACN,OAAQV,GAAQ,UAAU,SAAA,CAAA,EAE3BQ,GACCQ,EAAAA,IAACG,EAAA,CAAO,KAAM,CAAE,GAAGX,CAAA,EAAU,OAAQR,GAAQ,UAAU,MAAA,CAAQ,CAAA,CAAA,CAAA,CAEnE,CACF,CAAA,CAAA,CAAA,CAGN"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="aNEalvvL",e="xKfxxX4d",o="Ef1m332c",n="mmYD4Wrj",c="lyrzzj2g",r="QGHeEJ7g",i="fdfM8SVF",a="cFpXg4df",u="W1mBC-xm",s="MvQGoi1K",l="BCTAlH-J",m="ioxsr8ju",S={quoteSection:t,quoteSectionImageWrapper:e,quoteSectionImage:o,quoteSectionContentWrapper:n,quoteSectionContentContainer:c,left:r,center:i,right:a,top:u,bottom:s,middle:l,overlay:m};exports.bottom=s;exports.center=i;exports.default=S;exports.left=r;exports.middle=l;exports.overlay=m;exports.quoteSection=t;exports.quoteSectionContentContainer=c;exports.quoteSectionContentWrapper=n;exports.quoteSectionImage=o;exports.quoteSectionImageWrapper=e;exports.right=a;exports.top=u;
2	+ //# sourceMappingURL=QuoteSection.module.css.cjs.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"StatementSection.cjs","sources":["../../../../../src/ui/compositions/StatementSection/StatementSection.tsx"],"sourcesContent":["import type { StatementSectionModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Content from \"../../patterns/Content/Content\";\nimport styles from \"./StatementSection.module.css\";\n\nexport interface StatementSectionProps extends StatementSectionModel {\n children?: React.ReactNode;\n}\n\nconst StatementSection: React.FC<StatementSectionProps> = ({\n className,\n data,\n tokens,\n events,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"6242632bb4b1c9172e6c20fe43510f31\";\n\n const tokenStyles = {\n ...(tokens?.color?.background?.default && {\n \"--statement-section-surface-color\": tokens.color.background.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--statement-section-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.spacing?.horizontalPadding?.default && {\n \"--statement-section-horizontal-padding\":\n tokens.spacing.horizontalPadding.default,\n }),\n ...(tokens?.spacing?.verticalPadding?.default && {\n \"--statement-section-vertical-padding\":\n tokens.spacing.verticalPadding.default,\n }),\n ...(tokens?.spacing?.horizontalMargin?.default && {\n \"--statement-section-horizontal-margin\":\n tokens.spacing.horizontalMargin.default,\n }),\n ...(tokens?.spacing?.verticalMargin?.default && {\n \"--statement-section-vertical-margin\":\n tokens.spacing.verticalMargin.default,\n }),\n ...(tokens?.spacing?.contentGap?.default && {\n \"--statement-section-content-gap\": tokens.spacing.contentGap.default,\n }),\n ...(tokens?.dimension?.maxWidth && {\n \"--statement-section-content-max-width\":\n tokens.dimension.maxWidth.default,\n }),\n };\n\n const { content } = data || {};\n\n const statementSectionClassName = [styles.statementSection, className ?? \"\"]\n .filter(Boolean)\n .join(\" \");\n\n const alignmentClass =\n content?.contentAlignment === \"center\"\n ? styles.alignCenter\n : content?.contentAlignment === \"right\"\n ? styles.alignRight\n : styles.alignLeft;\n\n return (\n <Frame\n data-tui-composition=\"base\"\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={statementSectionClassName}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={`${styles.mainContent} ${alignmentClass}`}>\n <Content\n data={content}\n tokens={{\n dimension: {\n maxWidth: {\n default:\n \"var(--composition-statement-section-default-sizing-content-max-width)\",\n },\n },\n spacing: {\n titleGap: {\n default:\n \"var(--composition-statement-section-default-spacing-textblock-headings)\",\n },\n contentGap: {\n default:\n \"var(--composition-statement-section-default-spacing-contentblock-ctablock)\",\n },\n containerGap: {\n default:\n \"var(--composition-statement-section-default-spacing-contentblock-logo-icon-textblock)\",\n },\n textGap: {\n default:\n \"var(--composition-statement-section-default-spacing-textblock-eyebrow-headings-body)\",\n },\n ctaGap: {\n default:\n \"var(--composition-statement-section-default-spacing-ctablock-buttons-textlink)\",\n },\n },\n }}\n events={events}\n />\n </div>\n </Frame>\n );\n};\n\nexport default StatementSection;\n"],"names":["StatementSection","className","data","tokens","events","colorPalette","colorSource","customColor","tokenStyles","content","statementSectionClassName","styles","alignmentClass","jsx","Frame","Content"],"mappings":"+LASMA,EAAoD,CAAC,CACzD,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACL,EAAM,OAAO,KAGlB,MAAMM,EAAc,CAClB,GAAIL,GAAQ,OAAO,YAAY,SAAW,CACxC,oCAAqCA,EAAO,MAAM,WAAW,OAAA,EAE/D,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,oCAAqCA,EAAO,OAAO,aAAa,OAAA,EAElE,GAAIA,GAAQ,SAAS,mBAAmB,SAAW,CACjD,yCACEA,EAAO,QAAQ,kBAAkB,OAAA,EAErC,GAAIA,GAAQ,SAAS,iBAAiB,SAAW,CAC/C,uCACEA,EAAO,QAAQ,gBAAgB,OAAA,EAEnC,GAAIA,GAAQ,SAAS,kBAAkB,SAAW,CAChD,wCACEA,EAAO,QAAQ,iBAAiB,OAAA,EAEpC,GAAIA,GAAQ,SAAS,gBAAgB,SAAW,CAC9C,sCACEA,EAAO,QAAQ,eAAe,OAAA,EAElC,GAAIA,GAAQ,SAAS,YAAY,SAAW,CAC1C,kCAAmCA,EAAO,QAAQ,WAAW,OAAA,EAE/D,GAAIA,GAAQ,WAAW,UAAY,CACjC,wCACEA,EAAO,UAAU,SAAS,OAAA,CAC9B,EAGI,CAAE,QAAAM,GAAYP,GAAQ,CAAA,EAEtBQ,EAA4B,CAACC,UAAO,iBAAkBV,GAAa,EAAE,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,EAELW,EACJH,GAAS,mBAAqB,SAC1BE,EAAAA,QAAO,YACPF,GAAS,mBAAqB,QAC5BE,EAAAA,QAAO,WACPA,EAAAA,QAAO,UAEf,OACEE,EAAAA,IAACC,EAAA,CACC,uBAAqB,OACrB,aAAAT,EACA,YAAAC,EACA,YAAAC,EACA,UAAWG,EACX,MAAOF,EAEP,SAAAK,EAAAA,IAAC,OAAI,UAAW,GAAGF,UAAO,WAAW,IAAIC,CAAc,GACrD,SAAAC,EAAAA,IAACE,EAAA,CACC,KAAMN,EACN,OAAQ,CACN,UAAW,CACT,SAAU,CACR,QACE,uEAAA,CACJ,EAEF,QAAS,CACP,SAAU,CACR,QACE,yEAAA,EAEJ,WAAY,CACV,QACE,4EAAA,EAEJ,aAAc,CACZ,QACE,uFAAA,EAEJ,QAAS,CACP,QACE,sFAAA,EAEJ,OAAQ,CACN,QACE,gFAAA,CACJ,CACF,EAEF,OAAAL,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAGN"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="wcYX41-v",e="_67ugP0Ct",n="PvxGqAs0",i="jgtemcuH",a="j-x1T5m4",o={statementSection:t,mainContent:e,alignLeft:n,alignCenter:i,alignRight:a};exports.alignCenter=i;exports.alignLeft=n;exports.alignRight=a;exports.default=o;exports.mainContent=e;exports.statementSection=t;
2	+ //# sourceMappingURL=StatementSection.module.css.cjs.map

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

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

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

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

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

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

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

	@@ -0,0 +1,2 @@
1	+ "use strict";const i=require("react/jsx-runtime"),h=require("react"),y=require("../../primitives/Frame/Frame.cjs"),n=require("./Tabs.module.css.cjs"),N=r=>{if(r.render){if(typeof r.render=="function"){const s=r.render;return i.jsx(s,{})}return r.render}return null},C=({data:r,events:s,tokens:a,className:f,colorPalette:p,colorSource:g,customColor:v})=>{if(!r)return null;const c=r.tabs\|\|r.items\|\|[],{defaultActiveId:o,variant:m="underline"}=r,[u,x]=h.useState(()=>{if(o&&c.some((l,t)=>(l.key\|\|l.id\|\|String(t))===o))return o;const e=c[0];return e?e.key\|\|e.id\|\|"0":""}),T=(e,l)=>{if(e.disabled)return;const t=e.key\|\|e.id\|\|String(l);x(t),s?.onTabChange?.(t,l)},j={...a?.color?.background&&{"--tabs-bg":a.color.background.default},...a?.color?.tabBar&&{"--tabs-bar":a.color.tabBar.default},...a?.color?.activeTab&&{"--tabs-active-tab":a.color.activeTab.default},...a?.color?.activeIndicator&&{"--tabs-indicator":a.color.activeIndicator.default},...a?.color?.tabText&&{"--tabs-text":a.color.tabText.default},...a?.color?.activeTabText&&{"--tabs-text-active":a.color.activeTabText.default},...a?.color?.panelBackground&&{"--tabs-panel-bg":a.color.panelBackground.default},...a?.spacing?.gap&&{"--tabs-gap":a.spacing.gap.default},...a?.spacing?.tabPadding&&{"--tabs-padding":a.spacing.tabPadding.default},...a?.spacing?.panelPadding&&{"--tabs-panel-padding":a.spacing.panelPadding.default}};return i.jsxs(y,{"data-tui-composition":"base",data:{as:"div"},colorPalette:p,colorSource:g,customColor:v,className:[n.default.tabsContainer,n.default[`variant-${m}`],f??""].filter(Boolean).join(" "),style:j,children:[i.jsx("div",{className:n.default.tabListWrapper,children:i.jsx("div",{className:n.default.tabList,role:"tablist",children:c.map((e,l)=>{const t=e.key\|\|e.id\|\|String(l),d=t===u;return i.jsxs("button",{role:"tab",type:"button",id:`tab-${t}`,"aria-selected":d,"aria-controls":`panel-${t}`,disabled:e.disabled,className:[n.default.tabButton,d?n.default.active:"",e.disabled?n.default.disabled:""].filter(Boolean).join(" "),onClick:()=>T(e,l),children:[e.icon&&i.jsx("span",{className:n.default.icon,"aria-hidden":"true",children:e.icon}),i.jsx("span",{className:n.default.label,children:e.label})]},t)})})}),i.jsx("div",{className:n.default.panelsContainer,children:c.map((e,l)=>{const t=e.key\|\|e.id\|\|String(l),d=t===u,b=N(e);return!d&&!b?null:i.jsx("div",{id:`panel-${t}`,role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:!d,className:[n.default.tabPanel,d?n.default.panelActive:""].join(" "),children:d&&i.jsx("div",{className:n.default.panelContent,children:b})},t)})})]})};module.exports=C;
2	+ //# sourceMappingURL=Tabs.cjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Tabs.cjs","sources":["../../../../../src/ui/compositions/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { TabsModel, TabItemData } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabsProps {\n id?: TabsModel[\"id\"];\n data: TabsModel[\"data\"];\n events?: TabsModel[\"events\"];\n tokens?: TabsModel[\"tokens\"];\n className?: TabsModel[\"className\"];\n colorPalette?: TabsModel[\"colorPalette\"];\n colorSource?: TabsModel[\"colorSource\"];\n customColor?: TabsModel[\"customColor\"];\n}\n\nconst renderTabPanelContent = (tab: TabItemData) => {\n if (tab.render) {\n if (typeof tab.render === \"function\") {\n const RenderFunc = tab.render as React.ElementType;\n return <RenderFunc />;\n }\n return tab.render as React.ReactNode;\n }\n return null;\n};\n\nconst Tabs: React.FC<TabsProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"a611a92ed820032fd958f7c66cc45542\";\n\n const tabList = data.tabs || data.items || [];\n const { defaultActiveId, variant = \"underline\" } = data;\n\n const [activeTabId, setActiveTabId] = useState<string>(() => {\n if (\n defaultActiveId &&\n tabList.some(\n (t: TabItemData, idx: number) =>\n (t.key || t.id || String(idx)) === defaultActiveId,\n )\n ) {\n return defaultActiveId;\n }\n const firstTab = tabList[0];\n return firstTab ? firstTab.key || firstTab.id || \"0\" : \"\";\n });\n\n const handleTabClick = (tab: TabItemData, idx: number) => {\n if (tab.disabled) return;\n const tabId = tab.key || tab.id || String(idx);\n setActiveTabId(tabId);\n events?.onTabChange?.(tabId, idx);\n };\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--tabs-bg\": tokens.color.background.default,\n }),\n ...(tokens?.color?.tabBar && { \"--tabs-bar\": tokens.color.tabBar.default }),\n ...(tokens?.color?.activeTab && {\n \"--tabs-active-tab\": tokens.color.activeTab.default,\n }),\n ...(tokens?.color?.activeIndicator && {\n \"--tabs-indicator\": tokens.color.activeIndicator.default,\n }),\n ...(tokens?.color?.tabText && {\n \"--tabs-text\": tokens.color.tabText.default,\n }),\n ...(tokens?.color?.activeTabText && {\n \"--tabs-text-active\": tokens.color.activeTabText.default,\n }),\n ...(tokens?.color?.panelBackground && {\n \"--tabs-panel-bg\": tokens.color.panelBackground.default,\n }),\n ...(tokens?.spacing?.gap && { \"--tabs-gap\": tokens.spacing.gap.default }),\n ...(tokens?.spacing?.tabPadding && {\n \"--tabs-padding\": tokens.spacing.tabPadding.default,\n }),\n ...(tokens?.spacing?.panelPadding && {\n \"--tabs-panel-padding\": tokens.spacing.panelPadding.default,\n }),\n };\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={[\n styles.tabsContainer,\n styles[`variant-${variant}`],\n className ?? \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.tabListWrapper}>\n <div className={styles.tabList} role=\"tablist\">\n {tabList.map((tab: TabItemData, idx: number) => {\n const tabId = tab.key || tab.id || String(idx);\n const isActive = tabId === activeTabId;\n return (\n <button\n key={tabId}\n role=\"tab\"\n type=\"button\"\n id={`tab-${tabId}`}\n aria-selected={isActive}\n aria-controls={`panel-${tabId}`}\n disabled={tab.disabled}\n className={[\n styles.tabButton,\n isActive ? styles.active : \"\",\n tab.disabled ? styles.disabled : \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n onClick={() => handleTabClick(tab, idx)}\n >\n {tab.icon && (\n <span className={styles.icon} aria-hidden=\"true\">\n {tab.icon}\n </span>\n )}\n <span className={styles.label}>{tab.label}</span>\n </button>\n );\n })}\n </div>\n </div>\n\n <div className={styles.panelsContainer}>\n {tabList.map((tab: TabItemData, idx: number) => {\n const tabId = tab.key || tab.id || String(idx);\n const isActive = tabId === activeTabId;\n const panelContentNode = renderTabPanelContent(tab);\n if (!isActive && !panelContentNode) return null;\n\n return (\n <div\n key={tabId}\n id={`panel-${tabId}`}\n role=\"tabpanel\"\n aria-labelledby={`tab-${tabId}`}\n hidden={!isActive}\n className={[\n styles.tabPanel,\n isActive ? styles.panelActive : \"\",\n ].join(\" \")}\n >\n {isActive && (\n <div className={styles.panelContent}>{panelContentNode}</div>\n )}\n </div>\n );\n })}\n </div>\n </Frame>\n );\n};\n\nexport default Tabs;\n"],"names":["renderTabPanelContent","tab","RenderFunc","Tabs","data","events","tokens","className","colorPalette","colorSource","customColor","tabList","defaultActiveId","variant","activeTabId","setActiveTabId","useState","t","idx","firstTab","handleTabClick","tabId","tokenStyles","jsxs","Frame","styles","jsx","isActive","panelContentNode"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_6dDbmslL",a="_1BuF1zyK",n="iW6wqWgj",e="_9apcrmFe",i="nRhpiXbJ",r="x1DgOaeW",s="Jp-tladC",l="XxtrdKhF",o="tTnjGiNZ",b="YeMi3sCO",c="cZvIBksF",d="ugnzb6HY",g="C6ngF5H3",v="AOdrJWr7",p={tabsContainer:t,tabListWrapper:a,tabList:n,"align-center":"_9apcrmFe",alignCenter:e,"align-right":"nRhpiXbJ",alignRight:i,tabButton:r,disabled:s,active:l,"variant-underline":"tTnjGiNZ",variantUnderline:o,"variant-pill":"YeMi3sCO",variantPill:b,"variant-boxed":"cZvIBksF",variantBoxed:c,badge:d,panelsContainer:g,tabPanel:v};exports.active=l;exports.alignCenter=e;exports.alignRight=i;exports.badge=d;exports.default=p;exports.disabled=s;exports.panelsContainer=g;exports.tabButton=r;exports.tabList=n;exports.tabListWrapper=a;exports.tabPanel=v;exports.tabsContainer=t;exports.variantBoxed=c;exports.variantPill=b;exports.variantUnderline=o;
2	+ //# sourceMappingURL=Tabs.module.css.cjs.map

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

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

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

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

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

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

package/dist/cjs/ui/layout/Container/Container.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const g=require("react/jsx-runtime"),x=require("../../primitives/Frame/Frame.cjs"),h=require("./Container.module.css.cjs"),q=({data:e={as:"div",fluid:!1,align:"center"},tokens:a,children:r,className:t,colorPalette:d,colorSource:s="palette",customColor:o,style:n,...c})=>{const{as:u="div",fluid:l=!1,align:m="center",display:i}=e,p={"--container-max-width":l?"100%":"var(--container-default, 1200px)","--container-margin":{left:"0 auto 0 0",center:"0 auto",right:"0 0 0 auto"}[m]??"0 auto",...i&&{"--container-display":i},...a?.dimension?.maxWidth?.default&&{"--container-max-width":a.dimension.maxWidth.default},...a?.spacing?.padding?.default&&{"--container-padding":a.spacing.padding.default},...n&&{...n}},f=`${h.default.tuiContainer} ${t\|\|""}`.trim();return g.jsx(x,{data:{as:u},colorSource:s,colorPalette:d,customColor:o,className:f,style:p,...c,children:r})};module.exports=q;
2	+ //# sourceMappingURL=Container.cjs.map

package/dist/cjs/ui/layout/Container/Container.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Container.cjs","sources":["../../../../../src/ui/layout/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Container.module.css\";\nimport type { ContainerModel } from \"@tramo-digital/types\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLElement> {\n tokens?: ContainerModel[\"tokens\"];\n events?: ContainerModel[\"events\"];\n children?: React.ReactNode;\n className?: string;\n data?: ContainerModel[\"data\"];\n colorPalette?: ContainerModel[\"colorPalette\"];\n colorSource?: ContainerModel[\"colorSource\"];\n customColor?: ContainerModel[\"customColor\"];\n}\n\nconst Container: React.FC<ContainerProps> = ({\n data = { as: \"div\", fluid: false, align: \"center\" },\n tokens,\n children,\n className,\n colorPalette,\n colorSource = \"palette\",\n customColor,\n style,\n ...rest\n}) => {\n const { as = \"div\", fluid = false, align = \"center\", display } = data;\n\n const marginMap: Record<string, string> = {\n left: \"0 auto 0 0\",\n center: \"0 auto\",\n right: \"0 0 0 auto\",\n };\n\n const tokenStyles = {\n \"--container-max-width\": fluid\n ? \"100%\"\n : \"var(--container-default, 1200px)\",\n \"--container-margin\": marginMap[align] ?? \"0 auto\",\n ...(display && { \"--container-display\": display }),\n ...(tokens?.dimension?.maxWidth?.default && {\n \"--container-max-width\": tokens.dimension.maxWidth.default,\n }),\n ...(tokens?.spacing?.padding?.default && {\n \"--container-padding\": tokens.spacing.padding.default,\n }),\n ...(style && { ...style }),\n } as React.CSSProperties;\n\n const classNames =\n `${styles.tuiContainer} ${className ? className : \"\"}`.trim();\n\n return (\n <Frame\n data={{ as }}\n colorSource={colorSource}\n colorPalette={colorPalette}\n customColor={customColor}\n className={classNames}\n style={tokenStyles}\n {...rest}\n >\n {children}\n </Frame>\n );\n};\n\nexport default Container;\n"],"names":["Container","data","tokens","children","className","colorPalette","colorSource","customColor","style","rest","as","fluid","align","display","tokenStyles","classNames","styles","jsx","Frame"],"mappings":"wIAgBMA,EAAsC,CAAC,CAC3C,KAAAC,EAAO,CAAE,GAAI,MAAO,MAAO,GAAO,MAAO,QAAA,EACzC,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,UACd,YAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,GAAAC,EAAK,MAAO,MAAAC,EAAQ,GAAO,MAAAC,EAAQ,SAAU,QAAAC,GAAYZ,EAQ3Da,EAAc,CAClB,wBAAyBH,EACrB,OACA,mCACJ,qBAVwC,CACxC,KAAM,aACN,OAAQ,SACR,MAAO,YAAA,EAOyBC,CAAK,GAAK,SAC1C,GAAIC,GAAW,CAAE,sBAAuBA,CAAA,EACxC,GAAIX,GAAQ,WAAW,UAAU,SAAW,CAC1C,wBAAyBA,EAAO,UAAU,SAAS,OAAA,EAErD,GAAIA,GAAQ,SAAS,SAAS,SAAW,CACvC,sBAAuBA,EAAO,QAAQ,QAAQ,OAAA,EAEhD,GAAIM,GAAS,CAAE,GAAGA,CAAA,CAAM,EAGpBO,EACJ,GAAGC,EAAAA,QAAO,YAAY,IAAIZ,GAAwB,EAAE,GAAG,KAAA,EAEzD,OACEa,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAAR,CAAA,EACR,YAAAJ,EACA,aAAAD,EACA,YAAAE,EACA,UAAWQ,EACX,MAAOD,EACN,GAAGL,EAEH,SAAAN,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/layout/Container/Container.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_1oyrvMDC",t={tuiContainer:e};exports.default=t;exports.tuiContainer=e;
2	+ //# sourceMappingURL=Container.module.css.cjs.map

package/dist/cjs/ui/layout/Container/Container.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/Container/index.cjs ADDED Viewed

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

package/dist/cjs/ui/layout/Container/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/Drawer/Drawer.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const r=require("react/jsx-runtime"),u=require("react"),L=require("react-dom"),O=require("../../primitives/Frame/Frame.cjs"),a=require("./Drawer.module.css.cjs"),$=({data:f={},events:m,tokens:e,children:h,className:w,colorPalette:x,colorSource:p="palette",customColor:y,style:i,...b})=>{const{isOpen:t=!1,placement:v="right",size:g="md",title:l,showBackdrop:j=!0,closeOnBackdropClick:C=!0,closeOnEsc:n=!0,showCloseButton:c=!0,lockScroll:s=!0,as:N="div"}=f\|\|{},{onClose:d}=m\|\|{};if(u.useEffect(()=>{if(!t\|\|!n)return;const o=H=>{H.key==="Escape"&&d&&d()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[t,n,d]),u.useEffect(()=>{if(!t\|\|!s)return;const o=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=o}},[t,s]),!t\|\|typeof document>"u")return null;const B=()=>{C&&d&&d()},E={...e?.color?.surface?.default&&{"--drawer-surface":e.color.surface.default},...e?.color?.backdrop?.default&&{"--drawer-backdrop":e.color.backdrop.default},...e?.color?.text?.default&&{"--drawer-text":e.color.text.default},...e?.color?.border?.default&&{"--drawer-border":e.color.border.default},...e?.dimension?.width?.default&&{"--drawer-width":typeof e.dimension.width.default=="number"?`${e.dimension.width.default}px`:e.dimension.width.default},...e?.dimension?.maxHeight?.default&&{"--drawer-max-height":typeof e.dimension.maxHeight.default=="number"?`${e.dimension.maxHeight.default}px`:e.dimension.maxHeight.default},...e?.spacing?.padding?.default&&{"--drawer-padding":e.spacing.padding.default},...e?.elevation?.zIndex?.default&&{"--drawer-z-index":e.elevation.zIndex.default},...i&&{...i}},q=[a.default.tuiDrawer,w??""].filter(Boolean).join(" "),z=[a.default.panel,a.default[`placement-${v}`],a.default[`size-${g}`]].filter(Boolean).join(" "),D=r.jsxs(O,{data:{as:N},colorSource:p,colorPalette:x,customColor:y,className:q,style:E,role:"dialog","aria-modal":"true","aria-labelledby":l?"drawer-title":void 0,...b,children:[j&&r.jsx("div",{className:a.default.backdrop,onClick:B,"aria-hidden":"true"}),r.jsxs("div",{className:z,children:[(l\|\|c)&&r.jsxs("header",{className:a.default.header,children:[l?r.jsx("h2",{id:"drawer-title",className:a.default.title,children:l}):r.jsx("span",{}),c&&r.jsx("button",{type:"button",className:a.default.closeButton,onClick:d,"aria-label":"Close drawer",children:r.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),r.jsx("div",{className:a.default.body,children:h})]})]});return L.createPortal(D,document.body)};module.exports=$;
2	+ //# sourceMappingURL=Drawer.cjs.map

package/dist/cjs/ui/layout/Drawer/Drawer.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Drawer.cjs","sources":["../../../../../src/ui/layout/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { DrawerModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Drawer.module.css\";\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLElement> {\n tokens?: DrawerModel[\"tokens\"];\n events?: DrawerModel[\"events\"];\n children?: React.ReactNode;\n className?: string;\n data?: DrawerModel[\"data\"];\n colorPalette?: DrawerModel[\"colorPalette\"];\n colorSource?: DrawerModel[\"colorSource\"];\n customColor?: DrawerModel[\"customColor\"];\n}\n\nconst Drawer: React.FC<DrawerProps> = ({\n data = {},\n events,\n tokens,\n children,\n className,\n colorPalette,\n colorSource = \"palette\",\n customColor,\n style,\n ...rest\n}) => {\n const _fingerprint = \"76a6b75d04650c4cb9a12827adfe39ea\";\n\n const {\n isOpen = false,\n placement = \"right\",\n size = \"md\",\n title,\n showBackdrop = true,\n closeOnBackdropClick = true,\n closeOnEsc = true,\n showCloseButton = true,\n lockScroll = true,\n as = \"div\",\n } = data || {};\n\n const { onClose } = events || {};\n\n useEffect(() => {\n if (!isOpen || !closeOnEsc) return;\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"Escape\" && onClose) {\n onClose();\n }\n };\n document.addEventListener(\"keydown\", handleKeyDown);\n return () => document.removeEventListener(\"keydown\", handleKeyDown);\n }, [isOpen, closeOnEsc, onClose]);\n\n useEffect(() => {\n if (!isOpen || !lockScroll) return;\n const originalOverflow = document.body.style.overflow;\n document.body.style.overflow = \"hidden\";\n return () => {\n document.body.style.overflow = originalOverflow;\n };\n }, [isOpen, lockScroll]);\n\n if (!isOpen || typeof document === \"undefined\") return null;\n\n const handleBackdropClick = () => {\n if (closeOnBackdropClick && onClose) {\n onClose();\n }\n };\n\n const tokenStyles = {\n ...(tokens?.color?.surface?.default && {\n \"--drawer-surface\": tokens.color.surface.default,\n }),\n ...(tokens?.color?.backdrop?.default && {\n \"--drawer-backdrop\": tokens.color.backdrop.default,\n }),\n ...(tokens?.color?.text?.default && {\n \"--drawer-text\": tokens.color.text.default,\n }),\n ...(tokens?.color?.border?.default && {\n \"--drawer-border\": tokens.color.border.default,\n }),\n ...(tokens?.dimension?.width?.default && {\n \"--drawer-width\":\n typeof tokens.dimension.width.default === \"number\"\n ? `${tokens.dimension.width.default}px`\n : tokens.dimension.width.default,\n }),\n ...(tokens?.dimension?.maxHeight?.default && {\n \"--drawer-max-height\":\n typeof tokens.dimension.maxHeight.default === \"number\"\n ? `${tokens.dimension.maxHeight.default}px`\n : tokens.dimension.maxHeight.default,\n }),\n ...(tokens?.spacing?.padding?.default && {\n \"--drawer-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.elevation?.zIndex?.default && {\n \"--drawer-z-index\": tokens.elevation.zIndex.default,\n }),\n ...(style && { ...style }),\n } as React.CSSProperties;\n\n const classNames = [styles.tuiDrawer, className ?? \"\"]\n .filter(Boolean)\n .join(\" \");\n const panelClassNames = [\n styles.panel,\n styles[`placement-${placement}`],\n styles[`size-${size}`],\n ]\n .filter(Boolean)\n .join(\" \");\n\n const drawerContent = (\n <Frame\n data={{ as }}\n colorSource={colorSource}\n colorPalette={colorPalette}\n customColor={customColor}\n className={classNames}\n style={tokenStyles}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={title ? \"drawer-title\" : undefined}\n {...rest}\n >\n {showBackdrop && (\n <div\n className={styles.backdrop}\n onClick={handleBackdropClick}\n aria-hidden=\"true\"\n />\n )}\n <div className={panelClassNames}>\n {(title || showCloseButton) && (\n <header className={styles.header}>\n {title ? (\n <h2 id=\"drawer-title\" className={styles.title}>\n {title}\n </h2>\n ) : (\n <span />\n )}\n {showCloseButton && (\n <button\n type=\"button\"\n className={styles.closeButton}\n onClick={onClose}\n aria-label=\"Close drawer\"\n >\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n </button>\n )}\n </header>\n )}\n <div className={styles.body}>{children}</div>\n </div>\n </Frame>\n );\n\n return createPortal(drawerContent, document.body);\n};\n\nexport default Drawer;\n"],"names":["Drawer","data","events","tokens","children","className","colorPalette","colorSource","customColor","style","rest","isOpen","placement","size","title","showBackdrop","closeOnBackdropClick","closeOnEsc","showCloseButton","lockScroll","as","onClose","useEffect","handleKeyDown","e","originalOverflow","handleBackdropClick","tokenStyles","classNames","styles","panelClassNames","drawerContent","jsxs","Frame","jsx","createPortal"],"mappings":"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"}

package/dist/cjs/ui/layout/Drawer/Drawer.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="ym4TM8WQ",t="O3Dh3zfC",o="wT5iC9Nb",l="BruMmfkw",s="FlqdR91k",n="oSOgNO4v",c="_0-PRiHlK",i="FBs6i2sh",a="t2pqrOj6",m="_2Eg5CAS9",p="QUH1Wo-5",r="_6-QFf14W",d="IiEkB1nM",u="XSTRVG-T",z="_9Q3IVyWx",g={tuiDrawer:e,backdrop:t,panel:o,"placement-right":"BruMmfkw",placementRight:l,"placement-left":"FlqdR91k",placementLeft:s,"placement-top":"oSOgNO4v",placementTop:n,"placement-bottom":"_0-PRiHlK",placementBottom:c,"size-sm":"FBs6i2sh",sizeSm:i,"size-md":"t2pqrOj6",sizeMd:a,"size-lg":"_2Eg5CAS9",sizeLg:m,"size-full":"QUH1Wo-5",sizeFull:p,header:r,title:d,closeButton:u,body:z};exports.backdrop=t;exports.body=z;exports.closeButton=u;exports.default=g;exports.header=r;exports.panel=o;exports.placementBottom=c;exports.placementLeft=s;exports.placementRight=l;exports.placementTop=n;exports.sizeFull=p;exports.sizeLg=m;exports.sizeMd=a;exports.sizeSm=i;exports.title=d;exports.tuiDrawer=e;
2	+ //# sourceMappingURL=Drawer.module.css.cjs.map

package/dist/cjs/ui/layout/Drawer/Drawer.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/Drawer/index.cjs ADDED Viewed

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

package/dist/cjs/ui/layout/Drawer/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/GridContainer/GridContainer.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const Bd=require("react/jsx-runtime"),Fd=require("../../primitives/Frame/Frame.cjs"),d=require("./GridContainer.module.css.cjs"),Wd=({data:a={},tokens:_d,children:g,className:i,colorPalette:t,colorSource:l="palette",customColor:x,style:r,...n})=>{const{containerWidth:p="fixed",gridColXs:o=12,gridColSm:s,gridColMd:m,gridColLg:X,gridColXl:P,gridColXxl:e,gridColXxxl:c,gapXs:C,gapSm:b,gapMd:w,gapLg:y,gapXl:f,gapXxl:u,gapXxxl:L,gapColXs:M,gapColSm:S,gapColMd:h,gapColLg:R,gapColXl:j,gapColXxl:q,gapColXxxl:G,gapRowXs:N,gapRowSm:k,gapRowMd:v,gapRowLg:B,gapRowXl:F,gapRowXxl:W,gapRowXxxl:_,paddingXs:z,paddingSm:A,paddingMd:D,paddingLg:E,paddingXl:H,paddingXxl:I,paddingXxxl:J,xPaddingXs:K,xPaddingSm:O,xPaddingMd:Q,xPaddingLg:T,xPaddingXl:U,xPaddingXxl:V,xPaddingXxxl:Y,yPaddingXs:Z,yPaddingSm:$,yPaddingMd:dd,yPaddingLg:ad,yPaddingXl:gd,yPaddingXxl:id,yPaddingXxxl:td,topPaddingXs:ld,topPaddingSm:xd,topPaddingMd:rd,topPaddingLg:nd,topPaddingXl:pd,topPaddingXxl:od,topPaddingXxxl:sd,bottomPaddingXs:md,bottomPaddingSm:Xd,bottomPaddingMd:Pd,bottomPaddingLg:ed,bottomPaddingXl:cd,bottomPaddingXxl:Cd,bottomPaddingXxxl:bd,leftPaddingXs:wd,leftPaddingSm:yd,leftPaddingMd:fd,leftPaddingLg:ud,leftPaddingXl:Ld,leftPaddingXxl:Md,leftPaddingXxxl:Sd,rightPaddingXs:hd,rightPaddingSm:Rd,rightPaddingMd:jd,rightPaddingLg:qd,rightPaddingXl:Gd,rightPaddingXxl:Nd,rightPaddingXxxl:kd}=a,vd=[d.default.gridContainer,p==="full"?d.default.full:"",i].filter(Boolean).join(" ");return Bd.jsx(Fd,{...n,data:{as:"div"},className:vd,style:r,colorSource:l,colorPalette:t,customColor:x,"data-grid-cols-xs":o,"data-grid-cols-sm":s,"data-grid-cols-md":m,"data-grid-cols-lg":X,"data-grid-cols-xl":P,"data-grid-cols-xxl":e,"data-grid-cols-xxxl":c,"data-grid-gap-xs":C,"data-grid-gap-sm":b,"data-grid-gap-md":w,"data-grid-gap-lg":y,"data-grid-gap-xl":f,"data-grid-gap-xxl":u,"data-grid-gap-xxxl":L,"data-grid-col-gap-xs":M,"data-grid-col-gap-sm":S,"data-grid-col-gap-md":h,"data-grid-col-gap-lg":R,"data-grid-col-gap-xl":j,"data-grid-col-gap-xxl":q,"data-grid-col-gap-xxxl":G,"data-grid-row-gap-xs":N,"data-grid-row-gap-sm":k,"data-grid-row-gap-md":v,"data-grid-row-gap-lg":B,"data-grid-row-gap-xl":F,"data-grid-row-gap-xxl":W,"data-grid-row-gap-xxxl":_,"data-grid-padding-xs":z,"data-grid-padding-sm":A,"data-grid-padding-md":D,"data-grid-padding-lg":E,"data-grid-padding-xl":H,"data-grid-padding-xxl":I,"data-grid-padding-xxxl":J,"data-grid-x-padding-xs":K,"data-grid-x-padding-sm":O,"data-grid-x-padding-md":Q,"data-grid-x-padding-lg":T,"data-grid-x-padding-xl":U,"data-grid-x-padding-xxl":V,"data-grid-x-padding-xxxl":Y,"data-grid-y-padding-xs":Z,"data-grid-y-padding-sm":$,"data-grid-y-padding-md":dd,"data-grid-y-padding-lg":ad,"data-grid-y-padding-xl":gd,"data-grid-y-padding-xxl":id,"data-grid-y-padding-xxxl":td,"data-grid-t-padding-xs":ld,"data-grid-t-padding-sm":xd,"data-grid-t-padding-md":rd,"data-grid-t-padding-lg":nd,"data-grid-t-padding-xl":pd,"data-grid-t-padding-xxl":od,"data-grid-t-padding-xxxl":sd,"data-grid-b-padding-xs":md,"data-grid-b-padding-sm":Xd,"data-grid-b-padding-md":Pd,"data-grid-b-padding-lg":ed,"data-grid-b-padding-xl":cd,"data-grid-b-padding-xxl":Cd,"data-grid-b-padding-xxxl":bd,"data-grid-l-padding-xs":wd,"data-grid-l-padding-sm":yd,"data-grid-l-padding-md":fd,"data-grid-l-padding-lg":ud,"data-grid-l-padding-xl":Ld,"data-grid-l-padding-xxl":Md,"data-grid-l-padding-xxxl":Sd,"data-grid-r-padding-xs":hd,"data-grid-r-padding-sm":Rd,"data-grid-r-padding-md":jd,"data-grid-r-padding-lg":qd,"data-grid-r-padding-xl":Gd,"data-grid-r-padding-xxl":Nd,"data-grid-r-padding-xxxl":kd,children:g})};module.exports=Wd;
2	+ //# sourceMappingURL=GridContainer.cjs.map

package/dist/cjs/ui/layout/GridContainer/GridContainer.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GridContainer.cjs","sources":["../../../../../src/ui/layout/GridContainer/GridContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./GridContainer.module.css\";\nimport type { GridContainerModel } from \"@tramo-digital/types\";\n\nexport interface GridContainerProps extends React.HTMLAttributes<HTMLElement> {\n tokens?: GridContainerModel[\"tokens\"];\n events?: GridContainerModel[\"events\"];\n children?: React.ReactNode;\n className?: string;\n data?: GridContainerModel[\"data\"];\n colorPalette?: GridContainerModel[\"colorPalette\"];\n colorSource?: GridContainerModel[\"colorSource\"];\n customColor?: GridContainerModel[\"customColor\"];\n}\n\nconst GridContainer: React.FC<GridContainerProps> = ({\n data = {},\n tokens,\n children,\n className,\n colorPalette,\n colorSource = \"palette\",\n customColor,\n style,\n ...rest\n}) => {\n const {\n containerWidth = \"fixed\",\n gridColXs = 12,\n gridColSm,\n gridColMd,\n gridColLg,\n gridColXl,\n gridColXxl,\n gridColXxxl,\n gapXs,\n gapSm,\n gapMd,\n gapLg,\n gapXl,\n gapXxl,\n gapXxxl,\n gapColXs,\n gapColSm,\n gapColMd,\n gapColLg,\n gapColXl,\n gapColXxl,\n gapColXxxl,\n gapRowXs,\n gapRowSm,\n gapRowMd,\n gapRowLg,\n gapRowXl,\n gapRowXxl,\n gapRowXxxl,\n paddingXs,\n paddingSm,\n paddingMd,\n paddingLg,\n paddingXl,\n paddingXxl,\n paddingXxxl,\n xPaddingXs,\n xPaddingSm,\n xPaddingMd,\n xPaddingLg,\n xPaddingXl,\n xPaddingXxl,\n xPaddingXxxl,\n yPaddingXs,\n yPaddingSm,\n yPaddingMd,\n yPaddingLg,\n yPaddingXl,\n yPaddingXxl,\n yPaddingXxxl,\n topPaddingXs,\n topPaddingSm,\n topPaddingMd,\n topPaddingLg,\n topPaddingXl,\n topPaddingXxl,\n topPaddingXxxl,\n bottomPaddingXs,\n bottomPaddingSm,\n bottomPaddingMd,\n bottomPaddingLg,\n bottomPaddingXl,\n bottomPaddingXxl,\n bottomPaddingXxxl,\n leftPaddingXs,\n leftPaddingSm,\n leftPaddingMd,\n leftPaddingLg,\n leftPaddingXl,\n leftPaddingXxl,\n leftPaddingXxxl,\n rightPaddingXs,\n rightPaddingSm,\n rightPaddingMd,\n rightPaddingLg,\n rightPaddingXl,\n rightPaddingXxl,\n rightPaddingXxxl,\n } = data;\n\n const classNames = [\n styles.gridContainer,\n containerWidth === \"full\" ? styles.full : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <Frame\n {...rest}\n data={{ as: \"div\" }}\n className={classNames}\n style={style}\n colorSource={colorSource}\n colorPalette={colorPalette}\n customColor={customColor}\n data-grid-cols-xs={gridColXs}\n data-grid-cols-sm={gridColSm}\n data-grid-cols-md={gridColMd}\n data-grid-cols-lg={gridColLg}\n data-grid-cols-xl={gridColXl}\n data-grid-cols-xxl={gridColXxl}\n data-grid-cols-xxxl={gridColXxxl}\n data-grid-gap-xs={gapXs}\n data-grid-gap-sm={gapSm}\n data-grid-gap-md={gapMd}\n data-grid-gap-lg={gapLg}\n data-grid-gap-xl={gapXl}\n data-grid-gap-xxl={gapXxl}\n data-grid-gap-xxxl={gapXxxl}\n data-grid-col-gap-xs={gapColXs}\n data-grid-col-gap-sm={gapColSm}\n data-grid-col-gap-md={gapColMd}\n data-grid-col-gap-lg={gapColLg}\n data-grid-col-gap-xl={gapColXl}\n data-grid-col-gap-xxl={gapColXxl}\n data-grid-col-gap-xxxl={gapColXxxl}\n data-grid-row-gap-xs={gapRowXs}\n data-grid-row-gap-sm={gapRowSm}\n data-grid-row-gap-md={gapRowMd}\n data-grid-row-gap-lg={gapRowLg}\n data-grid-row-gap-xl={gapRowXl}\n data-grid-row-gap-xxl={gapRowXxl}\n data-grid-row-gap-xxxl={gapRowXxxl}\n data-grid-padding-xs={paddingXs}\n data-grid-padding-sm={paddingSm}\n data-grid-padding-md={paddingMd}\n data-grid-padding-lg={paddingLg}\n data-grid-padding-xl={paddingXl}\n data-grid-padding-xxl={paddingXxl}\n data-grid-padding-xxxl={paddingXxxl}\n data-grid-x-padding-xs={xPaddingXs}\n data-grid-x-padding-sm={xPaddingSm}\n data-grid-x-padding-md={xPaddingMd}\n data-grid-x-padding-lg={xPaddingLg}\n data-grid-x-padding-xl={xPaddingXl}\n data-grid-x-padding-xxl={xPaddingXxl}\n data-grid-x-padding-xxxl={xPaddingXxxl}\n data-grid-y-padding-xs={yPaddingXs}\n data-grid-y-padding-sm={yPaddingSm}\n data-grid-y-padding-md={yPaddingMd}\n data-grid-y-padding-lg={yPaddingLg}\n data-grid-y-padding-xl={yPaddingXl}\n data-grid-y-padding-xxl={yPaddingXxl}\n data-grid-y-padding-xxxl={yPaddingXxxl}\n data-grid-t-padding-xs={topPaddingXs}\n data-grid-t-padding-sm={topPaddingSm}\n data-grid-t-padding-md={topPaddingMd}\n data-grid-t-padding-lg={topPaddingLg}\n data-grid-t-padding-xl={topPaddingXl}\n data-grid-t-padding-xxl={topPaddingXxl}\n data-grid-t-padding-xxxl={topPaddingXxxl}\n data-grid-b-padding-xs={bottomPaddingXs}\n data-grid-b-padding-sm={bottomPaddingSm}\n data-grid-b-padding-md={bottomPaddingMd}\n data-grid-b-padding-lg={bottomPaddingLg}\n data-grid-b-padding-xl={bottomPaddingXl}\n data-grid-b-padding-xxl={bottomPaddingXxl}\n data-grid-b-padding-xxxl={bottomPaddingXxxl}\n data-grid-l-padding-xs={leftPaddingXs}\n data-grid-l-padding-sm={leftPaddingSm}\n data-grid-l-padding-md={leftPaddingMd}\n data-grid-l-padding-lg={leftPaddingLg}\n data-grid-l-padding-xl={leftPaddingXl}\n data-grid-l-padding-xxl={leftPaddingXxl}\n data-grid-l-padding-xxxl={leftPaddingXxxl}\n data-grid-r-padding-xs={rightPaddingXs}\n data-grid-r-padding-sm={rightPaddingSm}\n data-grid-r-padding-md={rightPaddingMd}\n data-grid-r-padding-lg={rightPaddingLg}\n data-grid-r-padding-xl={rightPaddingXl}\n data-grid-r-padding-xxl={rightPaddingXxl}\n data-grid-r-padding-xxxl={rightPaddingXxxl}\n >\n {children}\n </Frame>\n );\n};\n\nexport default GridContainer;\n"],"names":["GridContainer","data","tokens","children","className","colorPalette","colorSource","customColor","style","rest","containerWidth","gridColXs","gridColSm","gridColMd","gridColLg","gridColXl","gridColXxl","gridColXxxl","gapXs","gapSm","gapMd","gapLg","gapXl","gapXxl","gapXxxl","gapColXs","gapColSm","gapColMd","gapColLg","gapColXl","gapColXxl","gapColXxxl","gapRowXs","gapRowSm","gapRowMd","gapRowLg","gapRowXl","gapRowXxl","gapRowXxxl","paddingXs","paddingSm","paddingMd","paddingLg","paddingXl","paddingXxl","paddingXxxl","xPaddingXs","xPaddingSm","xPaddingMd","xPaddingLg","xPaddingXl","xPaddingXxl","xPaddingXxxl","yPaddingXs","yPaddingSm","yPaddingMd","yPaddingLg","yPaddingXl","yPaddingXxl","yPaddingXxxl","topPaddingXs","topPaddingSm","topPaddingMd","topPaddingLg","topPaddingXl","topPaddingXxl","topPaddingXxxl","bottomPaddingXs","bottomPaddingSm","bottomPaddingMd","bottomPaddingLg","bottomPaddingXl","bottomPaddingXxl","bottomPaddingXxxl","leftPaddingXs","leftPaddingSm","leftPaddingMd","leftPaddingLg","leftPaddingXl","leftPaddingXxl","leftPaddingXxxl","rightPaddingXs","rightPaddingSm","rightPaddingMd","rightPaddingLg","rightPaddingXl","rightPaddingXxl","rightPaddingXxxl","classNames","styles","jsx","Frame"],"mappings":"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"}

package/dist/cjs/ui/layout/GridContainer/GridContainer.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="HdD9rV8I",t="c5O0G9-8",l={gridContainer:e,full:t};exports.default=l;exports.full=t;exports.gridContainer=e;
2	+ //# sourceMappingURL=GridContainer.module.css.cjs.map

package/dist/cjs/ui/layout/GridContainer/GridContainer.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/GridContainer/index.cjs ADDED Viewed

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

package/dist/cjs/ui/layout/GridContainer/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/GridItem/GridItem.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const Q=require("react/jsx-runtime"),T=require("../../primitives/Frame/Frame.cjs"),U=require("./GridItem.module.css.cjs"),V=({data:d={},tokens:W,children:l,className:s,colorPalette:o,colorSource:e="palette",customColor:r,style:f,...i})=>{const{xs:x=12,sm:m,md:g,lg:n,xl:u,xxl:j,offsetXs:X,offsetSm:y,offsetMd:h,offsetLg:w,offsetXl:c,offsetXxl:L,showXs:M,showSm:S,showMd:q,showLg:I,showXl:p,showXxl:G,align:a,alignXs:$,alignSm:k,alignMd:v,alignLg:F,alignXl:N,alignXxl:R,justify:t,justifyXs:_,justifySm:b,justifyMd:z,justifyLg:A,justifyXl:B,justifyXxl:C,orderXs:D,orderSm:E,orderMd:H,orderLg:J,orderXl:K,orderXxl:O}=d,P=`${U.default.gridItem} ${s\|\|""}`.trim();return Q.jsx(T,{...i,data:{as:"div"},className:P,style:f,colorSource:e,colorPalette:o,customColor:r,"data-xs":x,"data-sm":m,"data-md":g,"data-lg":n,"data-xl":u,"data-xxl":j,"data-offset-xs":X,"data-offset-sm":y,"data-offset-md":h,"data-offset-lg":w,"data-offset-xl":c,"data-offset-xxl":L,"data-show-xs":M,"data-show-sm":S,"data-show-md":q,"data-show-lg":I,"data-show-xl":p,"data-show-xxl":G,"data-align-xs":$\|\|a,"data-align-sm":k\|\|a,"data-align-md":v\|\|a,"data-align-lg":F\|\|a,"data-align-xl":N\|\|a,"data-align-xxl":R\|\|a,"data-justify-xs":_\|\|t,"data-justify-sm":b\|\|t,"data-justify-md":z\|\|t,"data-justify-lg":A\|\|t,"data-justify-xl":B\|\|t,"data-justify-xxl":C\|\|t,"data-order-xs":D,"data-order-sm":E,"data-order-md":H,"data-order-lg":J,"data-order-xl":K,"data-order-xxl":O,children:l})};module.exports=V;
2	+ //# sourceMappingURL=GridItem.cjs.map

package/dist/cjs/ui/layout/GridItem/GridItem.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GridItem.cjs","sources":["../../../../../src/ui/layout/GridItem/GridItem.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./GridItem.module.css\";\nimport type { GridItemModel } from \"@tramo-digital/types\";\n\nexport interface GridItemProps extends React.HTMLAttributes<HTMLElement> {\n tokens?: GridItemModel[\"tokens\"];\n events?: GridItemModel[\"events\"];\n children?: React.ReactNode;\n className?: string;\n data?: GridItemModel[\"data\"];\n colorPalette?: GridItemModel[\"colorPalette\"];\n colorSource?: GridItemModel[\"colorSource\"];\n customColor?: GridItemModel[\"customColor\"];\n}\n\nconst GridItem: React.FC<GridItemProps> = ({\n data = {},\n tokens,\n children,\n className,\n colorPalette,\n colorSource = \"palette\",\n customColor,\n style,\n ...rest\n}) => {\n const {\n xs = 12,\n sm,\n md,\n lg,\n xl,\n xxl,\n offsetXs,\n offsetSm,\n offsetMd,\n offsetLg,\n offsetXl,\n offsetXxl,\n showXs,\n showSm,\n showMd,\n showLg,\n showXl,\n showXxl,\n align,\n alignXs,\n alignSm,\n alignMd,\n alignLg,\n alignXl,\n alignXxl,\n justify,\n justifyXs,\n justifySm,\n justifyMd,\n justifyLg,\n justifyXl,\n justifyXxl,\n orderXs,\n orderSm,\n orderMd,\n orderLg,\n orderXl,\n orderXxl,\n } = data;\n\n const classNames = `${styles.gridItem} ${className ? className : \"\"}`.trim();\n\n return (\n <Frame\n {...rest}\n data={{ as: \"div\" }}\n className={classNames}\n style={style}\n colorSource={colorSource}\n colorPalette={colorPalette}\n customColor={customColor}\n data-xs={xs}\n data-sm={sm}\n data-md={md}\n data-lg={lg}\n data-xl={xl}\n data-xxl={xxl}\n data-offset-xs={offsetXs}\n data-offset-sm={offsetSm}\n data-offset-md={offsetMd}\n data-offset-lg={offsetLg}\n data-offset-xl={offsetXl}\n data-offset-xxl={offsetXxl}\n data-show-xs={showXs}\n data-show-sm={showSm}\n data-show-md={showMd}\n data-show-lg={showLg}\n data-show-xl={showXl}\n data-show-xxl={showXxl}\n data-align-xs={alignXs || align}\n data-align-sm={alignSm || align}\n data-align-md={alignMd || align}\n data-align-lg={alignLg || align}\n data-align-xl={alignXl || align}\n data-align-xxl={alignXxl || align}\n data-justify-xs={justifyXs || justify}\n data-justify-sm={justifySm || justify}\n data-justify-md={justifyMd || justify}\n data-justify-lg={justifyLg || justify}\n data-justify-xl={justifyXl || justify}\n data-justify-xxl={justifyXxl || justify}\n data-order-xs={orderXs}\n data-order-sm={orderSm}\n data-order-md={orderMd}\n data-order-lg={orderLg}\n data-order-xl={orderXl}\n data-order-xxl={orderXxl}\n >\n {children}\n </Frame>\n );\n};\n\nexport default GridItem;\n"],"names":["GridItem","data","tokens","children","className","colorPalette","colorSource","customColor","style","rest","xs","sm","md","lg","xl","xxl","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","offsetXxl","showXs","showSm","showMd","showLg","showXl","showXxl","align","alignXs","alignSm","alignMd","alignLg","alignXl","alignXxl","justify","justifyXs","justifySm","justifyMd","justifyLg","justifyXl","justifyXxl","orderXs","orderSm","orderMd","orderLg","orderXl","orderXxl","classNames","styles","jsx","Frame"],"mappings":"uIAgBMA,EAAoC,CAAC,CACzC,KAAAC,EAAO,CAAA,EACP,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,UACd,YAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CACJ,GAAAC,EAAK,GACL,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,MAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAAC,EACA,UAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,CAAA,EACE9C,EAEE+C,EAAa,GAAGC,EAAAA,QAAO,QAAQ,IAAI7C,GAAwB,EAAE,GAAG,KAAA,EAEtE,OACE8C,EAAAA,IAACC,EAAA,CACE,GAAG1C,EACJ,KAAM,CAAE,GAAI,KAAA,EACZ,UAAWuC,EACX,MAAAxC,EACA,YAAAF,EACA,aAAAD,EACA,YAAAE,EACA,UAASG,EACT,UAASC,EACT,UAASC,EACT,UAASC,EACT,UAASC,EACT,WAAUC,EACV,iBAAgBC,EAChB,iBAAgBC,EAChB,iBAAgBC,EAChB,iBAAgBC,EAChB,iBAAgBC,EAChB,kBAAiBC,EACjB,eAAcC,EACd,eAAcC,EACd,eAAcC,EACd,eAAcC,EACd,eAAcC,EACd,gBAAeC,EACf,gBAAeE,GAAWD,EAC1B,gBAAeE,GAAWF,EAC1B,gBAAeG,GAAWH,EAC1B,gBAAeI,GAAWJ,EAC1B,gBAAeK,GAAWL,EAC1B,iBAAgBM,GAAYN,EAC5B,kBAAiBQ,GAAaD,EAC9B,kBAAiBE,GAAaF,EAC9B,kBAAiBG,GAAaH,EAC9B,kBAAiBI,GAAaJ,EAC9B,kBAAiBK,GAAaL,EAC9B,mBAAkBM,GAAcN,EAChC,gBAAeO,EACf,gBAAeC,EACf,gBAAeC,EACf,gBAAeC,EACf,gBAAeC,EACf,iBAAgBC,EAEf,SAAA5C,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/layout/GridItem/GridItem.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="xUqx5KBe",t={gridItem:e};exports.default=t;exports.gridItem=e;
2	+ //# sourceMappingURL=GridItem.module.css.cjs.map

package/dist/cjs/ui/layout/GridItem/GridItem.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/GridItem/index.cjs ADDED Viewed

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

package/dist/cjs/ui/layout/GridItem/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/Stack/Stack.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const k=require("react/jsx-runtime"),g=require("../../primitives/Frame/Frame.cjs"),f=require("./Stack.module.css.cjs"),j=({data:n,tokens:t,children:o,className:r,style:d,...l})=>{const{as:u="div",direction:s="column",align:i,justify:e,wrap:a,gap:c}=n\|\|{},h={...c&&{"--stack-gap":c},...a&&{"--stack-wrap":a},...s&&{"--stack-direction":s},...i&&{"--stack-align":i},...e&&{"--stack-justify":e},...t?.dimension?.height&&{"--stack-height":t.dimension.height.default},...t?.dimension?.width&&{"--stack-width":t.dimension.width.default},...d},m=[f.default.stack,r].filter(Boolean).join(" ");return k.jsx(g,{data:{as:u},className:m,style:h,...l,children:o})};module.exports=j;
2	+ //# sourceMappingURL=Stack.cjs.map

package/dist/cjs/ui/layout/Stack/Stack.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Stack.cjs","sources":["../../../../../src/ui/layout/Stack/Stack.tsx"],"sourcesContent":["import type { StackModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../../primitives/Frame/Frame';\nimport styles from './Stack.module.css';\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n data?: StackModel['data'];\n tokens?: StackModel['tokens'];\n children?: React.ReactNode;\n colorPalette?: StackModel['colorPalette'];\n colorSource?: StackModel['colorSource'];\n customColor?: StackModel['customColor'];\n}\n\nconst Stack: React.FC<StackProps> = ({\n data,\n tokens,\n children,\n className,\n style,\n ...rest\n}) => {\n const {\n as = 'div',\n direction = 'column',\n align,\n justify,\n wrap,\n gap,\n } = data || {};\n\n const tokenStyles = {\n ...(gap && { '--stack-gap': gap }),\n ...(wrap && { '--stack-wrap': wrap }),\n ...(direction && { '--stack-direction': direction }),\n ...(align && { '--stack-align': align }),\n ...(justify && { '--stack-justify': justify }),\n ...(tokens?.dimension?.height && {\n '--stack-height': tokens.dimension.height.default,\n }),\n ...(tokens?.dimension?.width && {\n '--stack-width': tokens.dimension.width.default,\n }),\n ...style,\n };\n\n const classes = [styles.stack, className].filter(Boolean).join(' ');\n\n return (\n <Frame\n data={{ as }}\n className={classes}\n style={tokenStyles as React.CSSProperties}\n {...rest}\n >\n {children}\n </Frame>\n );\n};\nexport default Stack;\n"],"names":["Stack","data","tokens","children","className","style","rest","as","direction","align","justify","wrap","gap","tokenStyles","classes","styles","jsx","Frame"],"mappings":"oIAcMA,EAA8B,CAAC,CACnC,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CACJ,GAAAC,EAAK,MACL,UAAAC,EAAY,SACZ,MAAAC,EACA,QAAAC,EACA,KAAAC,EACA,IAAAC,CAAA,EACEX,GAAQ,CAAA,EAENY,EAAc,CAClB,GAAID,GAAO,CAAE,cAAeA,CAAA,EAC5B,GAAID,GAAQ,CAAE,eAAgBA,CAAA,EAC9B,GAAIH,GAAa,CAAE,oBAAqBA,CAAA,EACxC,GAAIC,GAAS,CAAE,gBAAiBA,CAAA,EAChC,GAAIC,GAAW,CAAE,kBAAmBA,CAAA,EACpC,GAAIR,GAAQ,WAAW,QAAU,CAC/B,iBAAkBA,EAAO,UAAU,OAAO,OAAA,EAE5C,GAAIA,GAAQ,WAAW,OAAS,CAC9B,gBAAiBA,EAAO,UAAU,MAAM,OAAA,EAE1C,GAAGG,CAAA,EAGCS,EAAU,CAACC,EAAAA,QAAO,MAAOX,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAElE,OACEY,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAAV,CAAA,EACR,UAAWO,EACX,MAAOD,EACN,GAAGP,EAEH,SAAAH,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/layout/Stack/Stack.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Ifj3F221",t={stack:e};exports.default=t;exports.stack=e;
2	+ //# sourceMappingURL=Stack.module.css.cjs.map

package/dist/cjs/ui/layout/Stack/Stack.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/layout/Stack/index.cjs ADDED Viewed

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

package/dist/cjs/ui/layout/Stack/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/patterns/Author/Author.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),d=require("../../primitives/Avatar/Avatar.cjs"),x=require("../../primitives/Frame/Frame.cjs"),g=require("../../primitives/TextBody/TextBody.cjs"),m=require("./Author.module.css.cjs"),h=({data:a,tokens:t,className:s,colorPalette:n,colorSource:u,customColor:i})=>{if(!a)return null;const{avatarSrc:r,avatarAlt:l,text:o}=a\|\|{},c={...t?.spacing?.gap&&{"--author-gap":t.spacing.gap.default}};return e.jsxs(x,{"data-tui-pattern":"base",data:{as:"div"},colorPalette:n,colorSource:u,customColor:i,className:`${m.default.tuiAuthor} ${s\|\|""}`,style:c,children:[r&&e.jsx(d,{data:{alt:l\|\|"",src:r},tokens:t?.elements?.avatar}),e.jsx(g,{data:{weight:"light",alignment:"left",size:"md",text:o\|\|""},tokens:t?.elements?.textBody})]})};module.exports=h;
2	+ //# sourceMappingURL=Author.cjs.map

package/dist/cjs/ui/patterns/Author/Author.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Author.cjs","sources":["../../../../../src/ui/patterns/Author/Author.tsx"],"sourcesContent":["import type { AuthorModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Avatar from \"../../primitives/Avatar/Avatar\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport TextBody from \"../../primitives/TextBody/TextBody\";\nimport styles from \"./Author.module.css\";\n\nexport type AuthorProps = Omit<AuthorModel, \"_type\">;\n\nconst Author: React.FC<AuthorProps> = ({\n data,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"fd14ffb40e1201f2e27a6917d512d446\";\n\n const { avatarSrc, avatarAlt, text } = data || {};\n\n const tokenStyles = {\n ...(tokens?.spacing?.gap && {\n \"--author-gap\": tokens.spacing.gap.default,\n }),\n };\n\n return (\n <Frame\n data-tui-pattern=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.tuiAuthor} ${className || \"\"}`}\n style={tokenStyles as React.CSSProperties}\n >\n {avatarSrc && (\n <Avatar\n data={{ alt: avatarAlt || \"\", src: avatarSrc }}\n tokens={tokens?.elements?.avatar}\n />\n )}\n <TextBody\n data={{\n weight: \"light\",\n alignment: \"left\",\n size: \"md\",\n text: text || \"\",\n }}\n tokens={tokens?.elements?.textBody}\n />\n </Frame>\n );\n};\n\nexport default Author;\n"],"names":["Author","data","tokens","className","colorPalette","colorSource","customColor","avatarSrc","avatarAlt","text","tokenStyles","jsxs","Frame","styles","jsx","Avatar","TextBody"],"mappings":"yOASMA,EAAgC,CAAC,CACrC,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACL,EAAM,OAAO,KAGlB,KAAM,CAAE,UAAAM,EAAW,UAAAC,EAAW,KAAAC,CAAA,EAASR,GAAQ,CAAA,EAEzCS,EAAc,CAClB,GAAIR,GAAQ,SAAS,KAAO,CAC1B,eAAgBA,EAAO,QAAQ,IAAI,OAAA,CACrC,EAGF,OACES,EAAAA,KAACC,EAAA,CACC,mBAAiB,OACjB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAR,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGO,UAAO,SAAS,IAAIV,GAAa,EAAE,GACjD,MAAOO,EAEN,SAAA,CAAAH,GACCO,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,IAAKP,GAAa,GAAI,IAAKD,CAAA,EACnC,OAAQL,GAAQ,UAAU,MAAA,CAAA,EAG9BY,EAAAA,IAACE,EAAA,CACC,KAAM,CACJ,OAAQ,QACR,UAAW,OACX,KAAM,KACN,KAAMP,GAAQ,EAAA,EAEhB,OAAQP,GAAQ,UAAU,QAAA,CAAA,CAC5B,CAAA,CAAA,CAGN"}

package/dist/cjs/ui/patterns/Author/Author.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="hZesqj2V",e={tuiAuthor:t};exports.default=e;exports.tuiAuthor=t;
2	+ //# sourceMappingURL=Author.module.css.cjs.map

package/dist/cjs/ui/patterns/Author/Author.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/patterns/Author/index.cjs ADDED Viewed

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

package/dist/cjs/ui/patterns/Author/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/patterns/Breadcrumb/Breadcrumb.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("react/jsx-runtime"),j=require("../../primitives/Frame/Frame.cjs"),N=require("../../primitives/Link/Link.cjs"),d=require("../../primitives/TextBody/TextBody.cjs"),e=require("./Breadcrumb.module.css.cjs"),B=({data:r,events:m,tokens:s,className:o,colorPalette:p,colorSource:b,customColor:f})=>{if(!r\|\|!r.items\|\|r.items.length===0)return null;const x={...s?.spacing?.gap&&{"--breadcrumb-gap":s.spacing.gap.default}},{items:c,separator:h="/",ariaLabel:v="Breadcrumb"}=r,{onItemClick:i}=m\|\|{},g=[e.default.tuiBreadcrumb,o??""].filter(Boolean).join(" ");return a.jsx(j,{"data-tui-pattern":"breadcrumb",data:{as:"div"},colorPalette:p,colorSource:b,customColor:f,className:g,style:x,children:a.jsx("nav",{"aria-label":v,className:e.default.navWrapper,children:a.jsx("ol",{className:e.default.list,children:c.map((t,n)=>{const l=n===c.length-1\|\|t.active,u=t.text\|\|t.label\|\|"";return a.jsxs("li",{className:`${e.default.item} ${l?e.default.active:""}`,"aria-current":l?"page":void 0,children:[!l&&t.href?a.jsx(N,{data:{text:u,href:t.href,size:"sm"},events:{onClick:i?()=>i(t,n):void 0},tokens:s?.elements?.link,className:e.default.link}):a.jsx(d,{data:{text:u,size:"sm",weight:"bold",as:"span"},tokens:s?.elements?.activeItem,className:e.default.activeText}),!l&&a.jsx(d,{data:{text:h,size:"sm",as:"span"},tokens:s?.elements?.separator,className:e.default.separator,"aria-hidden":"true"})]},n)})})})})};module.exports=B;
2	+ //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/cjs/ui/patterns/Breadcrumb/Breadcrumb.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Breadcrumb.cjs","sources":["../../../../../src/ui/patterns/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BreadcrumbModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Link from \"../../primitives/Link/Link\";\nimport TextBody from \"../../primitives/TextBody/TextBody\";\nimport styles from \"./Breadcrumb.module.css\";\n\nexport interface BreadcrumbProps extends BreadcrumbModel {\n children?: React.ReactNode;\n}\n\nconst Breadcrumb: React.FC<BreadcrumbProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data || !data.items || data.items.length === 0) return null;\n const _fingerprint = \"420e1562db20a639f5fdd49d2549bdca\";\n\n const tokenStyles = {\n ...(tokens?.spacing?.gap && {\n \"--breadcrumb-gap\": tokens.spacing.gap.default,\n }),\n };\n\n const { items, separator = \"/\", ariaLabel = \"Breadcrumb\" } = data;\n const { onItemClick } = events || {};\n\n const breadcrumbClassName = [styles.tuiBreadcrumb, className ?? \"\"]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <Frame\n data-tui-pattern=\"breadcrumb\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={breadcrumbClassName}\n style={tokenStyles as React.CSSProperties}\n >\n <nav aria-label={ariaLabel} className={styles.navWrapper}>\n <ol className={styles.list}>\n {items.map((item, idx) => {\n const isLast = idx === items.length - 1 || item.active;\n const itemText = item.text || item.label || \"\";\n return (\n <li\n key={idx}\n className={`${styles.item} ${isLast ? styles.active : \"\"}`}\n aria-current={isLast ? \"page\" : undefined}\n >\n {!isLast && item.href ? (\n <Link\n data={{ text: itemText, href: item.href, size: \"sm\" }}\n events={{\n onClick: onItemClick\n ? () => onItemClick(item, idx)\n : undefined,\n }}\n tokens={tokens?.elements?.link}\n className={styles.link}\n />\n ) : (\n <TextBody\n data={{\n text: itemText,\n size: \"sm\",\n weight: \"bold\",\n as: \"span\",\n }}\n tokens={tokens?.elements?.activeItem}\n className={styles.activeText}\n />\n )}\n {!isLast && (\n <TextBody\n data={{ text: separator, size: \"sm\", as: \"span\" }}\n tokens={tokens?.elements?.separator}\n className={styles.separator}\n aria-hidden=\"true\"\n />\n )}\n </li>\n );\n })}\n </ol>\n </nav>\n </Frame>\n );\n};\n\nexport default Breadcrumb;\n"],"names":["Breadcrumb","data","events","tokens","className","colorPalette","colorSource","customColor","tokenStyles","items","separator","ariaLabel","onItemClick","breadcrumbClassName","styles","jsx","Frame","item","idx","isLast","itemText","jsxs","Link","TextBody"],"mappings":"yOAWMA,EAAwC,CAAC,CAC7C,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACN,GAAQ,CAACA,EAAK,OAASA,EAAK,MAAM,SAAW,EAAG,OAAO,KAG5D,MAAMO,EAAc,CAClB,GAAIL,GAAQ,SAAS,KAAO,CAC1B,mBAAoBA,EAAO,QAAQ,IAAI,OAAA,CACzC,EAGI,CAAE,MAAAM,EAAO,UAAAC,EAAY,IAAK,UAAAC,EAAY,cAAiBV,EACvD,CAAE,YAAAW,GAAgBV,GAAU,CAAA,EAE5BW,EAAsB,CAACC,UAAO,cAAeV,GAAa,EAAE,EAC/D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEW,EAAAA,IAACC,EAAA,CACC,mBAAiB,aACjB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAX,EACA,YAAAC,EACA,YAAAC,EACA,UAAWM,EACX,MAAOL,EAEP,eAAC,MAAA,CAAI,aAAYG,EAAW,UAAWG,EAAAA,QAAO,WAC5C,SAAAC,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,KACnB,SAAAL,EAAM,IAAI,CAACQ,EAAMC,IAAQ,CACxB,MAAMC,EAASD,IAAQT,EAAM,OAAS,GAAKQ,EAAK,OAC1CG,EAAWH,EAAK,MAAQA,EAAK,OAAS,GAC5C,OACEI,EAAAA,KAAC,KAAA,CAEC,UAAW,GAAGP,EAAAA,QAAO,IAAI,IAAIK,EAASL,EAAAA,QAAO,OAAS,EAAE,GACxD,eAAcK,EAAS,OAAS,OAE/B,SAAA,CAAA,CAACA,GAAUF,EAAK,KACfF,EAAAA,IAACO,EAAA,CACC,KAAM,CAAE,KAAMF,EAAU,KAAMH,EAAK,KAAM,KAAM,IAAA,EAC/C,OAAQ,CACN,QAASL,EACL,IAAMA,EAAYK,EAAMC,CAAG,EAC3B,MAAA,EAEN,OAAQf,GAAQ,UAAU,KAC1B,UAAWW,EAAAA,QAAO,IAAA,CAAA,EAGpBC,EAAAA,IAACQ,EAAA,CACC,KAAM,CACJ,KAAMH,EACN,KAAM,KACN,OAAQ,OACR,GAAI,MAAA,EAEN,OAAQjB,GAAQ,UAAU,WAC1B,UAAWW,EAAAA,QAAO,UAAA,CAAA,EAGrB,CAACK,GACAJ,EAAAA,IAACQ,EAAA,CACC,KAAM,CAAE,KAAMb,EAAW,KAAM,KAAM,GAAI,MAAA,EACzC,OAAQP,GAAQ,UAAU,UAC1B,UAAWW,EAAAA,QAAO,UAClB,cAAY,MAAA,CAAA,CACd,CAAA,EAjCGI,CAAA,CAqCX,CAAC,EACH,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/cjs/ui/patterns/Breadcrumb/Breadcrumb.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="N-CEN-JA",e="Zc9YoKBg",i="_95iEB9nb",s="i41mHhaT",a="XZwtLPgp",r="bE9naHMP",c={tuiBreadcrumb:t,list:e,item:i,link:s,activeText:a,separator:r};exports.activeText=a;exports.default=c;exports.item=i;exports.link=s;exports.list=e;exports.separator=r;exports.tuiBreadcrumb=t;
2	+ //# sourceMappingURL=Breadcrumb.module.css.cjs.map

package/dist/cjs/ui/patterns/Breadcrumb/Breadcrumb.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/patterns/Card/Card.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const d=require("react/jsx-runtime"),l=require("../../primitives/Frame/Frame.cjs"),o=require("../../primitives/Image/Image.cjs"),p=require("../Content/Content.cjs"),r=require("./Card.module.css.cjs"),m=({data:e,colorPalette:n,colorSource:c,customColor:s,tokens:a})=>{if(!e)return null;const{content:i,src:t,alt:u}=e,g={...a?.dimension?.width&&{"--card-sizing-card-width":a.dimension.width.default},...a?.dimension?.imageHeight&&{"--card-sizing-image-height":a.dimension.imageHeight.default},...a?.border?.borderRadius&&{"--card-border-radius":a.border.borderRadius.default},...a?.color?.background&&{"--card-background-color":a.color.background.default},...a?.spacing?.padding&&{"--card-padding":a.spacing.padding.default},...a?.spacing?.gap&&{"--card-gap":a.spacing.gap.default}};return d.jsxs(l,{data:{as:"div"},colorPalette:n,colorSource:c,customColor:s,"data-tui-pattern":"base",className:r.default.card,style:g,children:[t&&d.jsx("div",{className:r.default.media,children:d.jsx(o,{data:{src:t,alt:u\|\|"Card background"},tokens:{border:{borderRadius:{default:"0px"}}}})}),i&&d.jsx("div",{className:r.default.contentWrapper,children:d.jsx(p,{data:i,tokens:{spacing:{padding:{default:"var(--pattern-card-default-spacing-content-padding-top-bottom) var(--pattern-card-default-spacing-content-padding-left-right)"}}}})})]})};module.exports=m;
2	+ //# sourceMappingURL=Card.cjs.map

package/dist/cjs/ui/patterns/Card/Card.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Card.cjs","sources":["../../../../../src/ui/patterns/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Image from \"../../primitives/Image/Image\";\nimport Content from \"../Content/Content\";\nimport styles from \"./Card.module.css\";\n\nimport type { CardModel } from \"@tramo-digital/types\";\n\nexport type CardProps = CardModel;\n\nconst Card: React.FC<CardProps> = ({\n data,\n colorPalette,\n colorSource,\n customColor,\n tokens,\n}) => {\n if (!data) return null;\n const { content, src, alt } = data;\n\n const cardStyles = {\n ...(tokens?.dimension?.width && {\n \"--card-sizing-card-width\": tokens.dimension.width.default,\n }),\n ...(tokens?.dimension?.imageHeight && {\n \"--card-sizing-image-height\": tokens.dimension.imageHeight.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--card-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.color?.background && {\n \"--card-background-color\": tokens.color.background.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--card-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--card-gap\": tokens.spacing.gap.default,\n }),\n } as React.CSSProperties;\n\n return (\n <Frame\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n data-tui-pattern=\"base\"\n className={styles.card}\n style={cardStyles}\n >\n {src && (\n <div className={styles.media}>\n <Image\n data={{\n src: src,\n alt: alt || \"Card background\",\n }}\n tokens={{ border: { borderRadius: { default: \"0px\" } } }}\n />\n </div>\n )}\n {content && (\n <div className={styles.contentWrapper}>\n <Content\n data={content}\n tokens={{\n spacing: {\n padding: {\n default:\n \"var(--pattern-card-default-spacing-content-padding-top-bottom) var(--pattern-card-default-spacing-content-padding-left-right)\",\n },\n },\n }}\n />\n </div>\n )}\n </Frame>\n );\n};\n\nexport default Card;\n"],"names":["Card","data","colorPalette","colorSource","customColor","tokens","content","src","alt","cardStyles","jsxs","Frame","styles","jsx","Image","Content"],"mappings":"qNAUMA,EAA4B,CAAC,CACjC,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,OAAAC,CACF,IAAM,CACJ,GAAI,CAACJ,EAAM,OAAO,KAClB,KAAM,CAAE,QAAAK,EAAS,IAAAC,EAAK,IAAAC,CAAA,EAAQP,EAExBQ,EAAa,CACjB,GAAIJ,GAAQ,WAAW,OAAS,CAC9B,2BAA4BA,EAAO,UAAU,MAAM,OAAA,EAErD,GAAIA,GAAQ,WAAW,aAAe,CACpC,6BAA8BA,EAAO,UAAU,YAAY,OAAA,EAE7D,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,uBAAwBA,EAAO,OAAO,aAAa,OAAA,EAErD,GAAIA,GAAQ,OAAO,YAAc,CAC/B,0BAA2BA,EAAO,MAAM,WAAW,OAAA,EAErD,GAAIA,GAAQ,SAAS,SAAW,CAC9B,iBAAkBA,EAAO,QAAQ,QAAQ,OAAA,EAE3C,GAAIA,GAAQ,SAAS,KAAO,CAC1B,aAAcA,EAAO,QAAQ,IAAI,OAAA,CACnC,EAGF,OACEK,EAAAA,KAACC,EAAA,CACC,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAT,EACA,YAAAC,EACA,YAAAC,EACA,mBAAiB,OACjB,UAAWQ,EAAAA,QAAO,KAClB,MAAOH,EAEN,SAAA,CAAAF,GACCM,EAAAA,IAAC,MAAA,CAAI,UAAWD,UAAO,MACrB,SAAAC,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,IAAAP,EACA,IAAKC,GAAO,iBAAA,EAEd,OAAQ,CAAE,OAAQ,CAAE,aAAc,CAAE,QAAS,MAAM,CAAE,CAAE,CAAA,EAE3D,EAEDF,GACCO,EAAAA,IAAC,MAAA,CAAI,UAAWD,UAAO,eACrB,SAAAC,EAAAA,IAACE,EAAA,CACC,KAAMT,EACN,OAAQ,CACN,QAAS,CACP,QAAS,CACP,QACE,+HAAA,CACJ,CACF,CACF,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAIR"}

package/dist/cjs/ui/patterns/Card/Card.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_1rhv8HkN",t="wgO7OtdS",r="OXkSeC9P",a={card:e,media:t,contentWrapper:r};exports.card=e;exports.contentWrapper=r;exports.default=a;exports.media=t;
2	+ //# sourceMappingURL=Card.module.css.cjs.map

package/dist/cjs/ui/patterns/Card/Card.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/patterns/Card/index.cjs ADDED Viewed

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

package/dist/cjs/ui/patterns/Card/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/patterns/Content/Content.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const n=require("react/jsx-runtime"),A=require("../../primitives/Frame/Frame.cjs"),z=require("../../primitives/Icon/Icon.cjs"),E=require("../../primitives/Logo/Logo.cjs"),M=require("../../primitives/TextBody/TextBody.cjs"),R=require("../../primitives/TextEyebrow/TextEyebrow.cjs"),j=require("../../primitives/TextHeading/TextHeading.cjs"),D=require("../../primitives/Button/Button.cjs"),F=require("../../primitives/Link/Link.cjs"),i=require("./Content.module.css.cjs"),K=require("../../primitives/TextDisplay/TextDisplay.cjs"),O=(...d)=>d.filter(Boolean).join(" "),g=(d,...t)=>`${d}-${t.filter(Boolean).join("-")}`,_=({data:d,tokens:t,style:p,className:y,colorPalette:w,colorSource:G,customColor:v})=>{const C={...t?.dimension?.width&&{"--content-width":t.dimension.width.default},...t?.dimension?.height&&{"--content-height":t.dimension.height.default},...t?.spacing?.padding&&{"--content-padding":t.spacing.padding.default},...t?.spacing?.margin&&{"--content-margin":t.spacing.margin.default},...t?.border?.borderRadius&&{"--content-border-radius":t.border.borderRadius.default},...t?.border?.border&&{"--content-border":t.border.border.default},...t?.elevation?.boxShadow&&{"--content-box-shadow":t.elevation.boxShadow.default},...t?.dimension?.boxSizing&&{"--content-box-sizing":t.dimension.boxSizing.default},...t?.dimension?.height&&{"--content-height":t.dimension.height.default},...t?.dimension?.width&&{"--content-width":t.dimension.width.default},...t?.dimension?.minHeight&&{"--content-min-height":t.dimension.minHeight.default},...t?.dimension?.minWidth&&{"--content-min-width":t.dimension.minWidth.default},...t?.dimension?.maxHeight&&{"--content-max-height":t.dimension.maxHeight.default},...t?.dimension?.maxWidth&&{"--content-max-width":t.dimension.maxWidth.default},...t?.dimension?.overflow&&{"--content-overflow":t.dimension.overflow.default},...t?.spacing?.contentGap&&{"--content-gap":t.spacing.contentGap.default},...t?.spacing?.ctaGap&&{"--content-cta-gap":t.spacing.ctaGap.default},...t?.spacing?.containerGap&&{"--content-container-gap":t.spacing.containerGap.default},...t?.spacing?.textGap&&{"--content-text-gap":t.spacing.textGap.default},...t?.spacing?.buttonsGap&&{"--content-buttons-gap":t.spacing.buttonsGap.default},...t?.spacing?.textlinksGap&&{"--content-textlinks-gap":t.spacing.textlinksGap.default},...t?.spacing?.titleGap&&{"--content-heading-gap":t.spacing.titleGap.default},...t?.spacing?.iconsGap&&{"--content-icons-gap":t.spacing.iconsGap.default},...p&&{...p}};if(!d)return null;const{contentAlignment:r="left",placement:$="top",logo:m,icons:h=[],textBody:f,textEyebrow:x,headline:s,subheadline:l,links:o=[],buttons:u=[]}=d,q={left:"tui-align-start",center:"tui-align-center",right:"tui-align-end"},b={left:"tui-justify-start",center:"tui-justify-center",right:"tui-justify-end"}[r]\|\|"tui-justify-start",c=q[r]\|\|"tui-align-start",N=()=>m?n.jsx("div",{className:`${i.default.logoContainer} ${c}`,children:n.jsx(E,{data:m})}):null,T=()=>h.length===0?null:n.jsx("div",{className:`${i.default.objectIconsWrapper} ${c}`,children:h.map((e,a)=>n.jsx(z,{data:{...e,type:e.type}},g("icon",e.type,a)))}),B=()=>!s&&!l?null:n.jsxs("div",{className:i.default.titleContainer,children:[s&&(s.type==="display"?n.jsx(K,{data:{...s,alignment:r}}):n.jsx(j,{data:{...s,alignment:r}})),l?n.jsx(j,{data:{...l,alignment:r}}):null]}),S=()=>{const e=!!x,a=!!f;return!e&&!!!(s\|\|l)&&!a?null:n.jsxs("div",{className:i.default.textContainer,children:[e&&n.jsx(R,{data:{...x,alignment:r}}),B(),a&&n.jsx(M,{data:{...f,alignment:r}})]})},W=()=>u.length===0?null:n.jsx("div",{className:`${i.default.buttonsWrapper} ${c} ${b}`,children:u.map((e,a)=>n.jsx(D,{...e},g("button",e.id?e.id:a)))}),H=()=>o.length===0?null:n.jsx("div",{className:`${i.default.linksWrapper} ${c} ${b}`,children:o.map((e,a)=>n.jsx(F,{...e},g("link",(e.data\|\|{}).text,(e.data\|\|{}).href,a)))}),I=()=>{const e=u.length>0,a=o.length>0;return!e&&!a?null:n.jsxs("div",{className:i.default.ctaContainer,children:[W(),H()]})},L=O(i.default.tuiContent,i.default[r],i.default[$],y);return n.jsxs(A,{"data-tui-pattern":"base",data:{as:"div"},colorPalette:w,colorSource:G,customColor:v,className:L,style:C,children:[n.jsxs("div",{className:i.default.container,children:[N(),T(),S()]}),I()]})};module.exports=_;
2	+ //# sourceMappingURL=Content.cjs.map

package/dist/cjs/ui/patterns/Content/Content.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Content.cjs","sources":["../../../../../src/ui/patterns/Content/Content.tsx"],"sourcesContent":["import { SvgIconName } from \"@tramo-digital/icons\";\nimport type {\n ButtonModel,\n ContentModel,\n IconData,\n LinkModel,\n} from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Icon from \"../../primitives/Icon/Icon\";\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 Button from \"../../primitives/Button/Button\";\nimport Link from \"../../primitives/Link/Link\";\nimport styles from \"./Content.module.css\";\nimport TextDisplay from \"../../primitives/TextDisplay/TextDisplay\";\n\nexport interface ContentProps extends React.HTMLAttributes<HTMLElement> {\n data?: ContentModel[\"data\"];\n tokens?: ContentModel[\"tokens\"];\n className?: ContentModel[\"className\"];\n events?: ContentModel[\"events\"];\n colorPalette?: ContentModel[\"colorPalette\"];\n colorSource?: ContentModel[\"colorSource\"];\n customColor?: ContentModel[\"customColor\"];\n}\n\n/**\n * Combines class names safely\n */\nconst combineClassNames = (\n ...classes: (string | undefined | false)[]\n): string => {\n return classes.filter(Boolean).join(\" \");\n};\n\n/**\n * Generates a unique key for list items\n */\nconst generateKey = (\n prefix: string,\n ...values: (string | number | undefined)[]\n): string => {\n return `${prefix}-${values.filter(Boolean).join(\"-\")}`;\n};\n\nconst Content: React.FC<ContentProps> = ({\n data,\n tokens,\n style,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const contentStyles: React.CSSProperties = {\n ...(tokens?.dimension?.width && {\n \"--content-width\": tokens.dimension.width.default,\n }),\n ...(tokens?.dimension?.height && {\n \"--content-height\": tokens.dimension.height.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--content-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.margin && {\n \"--content-margin\": tokens.spacing.margin.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--content-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.border?.border && {\n \"--content-border\": tokens.border.border.default,\n }),\n ...(tokens?.elevation?.boxShadow && {\n \"--content-box-shadow\": tokens.elevation.boxShadow.default,\n }),\n ...(tokens?.dimension?.boxSizing && {\n \"--content-box-sizing\": tokens.dimension.boxSizing.default,\n }),\n ...(tokens?.dimension?.height && {\n \"--content-height\": tokens.dimension.height.default,\n }),\n ...(tokens?.dimension?.width && {\n \"--content-width\": tokens.dimension.width.default,\n }),\n ...(tokens?.dimension?.minHeight && {\n \"--content-min-height\": tokens.dimension.minHeight.default,\n }),\n ...(tokens?.dimension?.minWidth && {\n \"--content-min-width\": tokens.dimension.minWidth.default,\n }),\n ...(tokens?.dimension?.maxHeight && {\n \"--content-max-height\": tokens.dimension.maxHeight.default,\n }),\n ...(tokens?.dimension?.maxWidth && {\n \"--content-max-width\": tokens.dimension.maxWidth.default,\n }),\n ...(tokens?.dimension?.overflow && {\n \"--content-overflow\": tokens.dimension.overflow.default,\n }),\n // Gap overrides for content-level tokens\n ...(tokens?.spacing?.contentGap && {\n \"--content-gap\": tokens.spacing.contentGap.default,\n }),\n ...(tokens?.spacing?.ctaGap && {\n \"--content-cta-gap\": tokens.spacing.ctaGap.default,\n }),\n ...(tokens?.spacing?.containerGap && {\n \"--content-container-gap\": tokens.spacing.containerGap.default,\n }),\n ...(tokens?.spacing?.textGap && {\n \"--content-text-gap\": tokens.spacing.textGap.default,\n }),\n ...(tokens?.spacing?.buttonsGap && {\n \"--content-buttons-gap\": tokens.spacing.buttonsGap.default,\n }),\n ...(tokens?.spacing?.textlinksGap && {\n \"--content-textlinks-gap\": tokens.spacing.textlinksGap.default,\n }),\n ...(tokens?.spacing?.titleGap && {\n \"--content-heading-gap\": tokens.spacing.titleGap.default,\n }),\n ...(tokens?.spacing?.iconsGap && {\n \"--content-icons-gap\": tokens.spacing.iconsGap.default,\n }),\n // Preserve any inline style overrides\n ...(style && { ...style }),\n };\n\n if (!data) return null;\n\n const _fingerprint = \"cbe6017fff64a6e0c4c5dce1f95da277\";\n\n const {\n contentAlignment = \"left\",\n placement = \"top\",\n logo,\n icons = [],\n textBody,\n textEyebrow,\n headline,\n subheadline,\n links = [],\n buttons = [],\n } = data;\n\n const alignmentMap: Record<string, string> = {\n left: \"tui-align-start\",\n center: \"tui-align-center\",\n right: \"tui-align-end\",\n };\n\n const alignmentItemsMap: Record<string, string> = {\n left: \"tui-justify-start\",\n center: \"tui-justify-center\",\n right: \"tui-justify-end\",\n };\n\n const contentAlignmentClass =\n alignmentItemsMap[contentAlignment] || \"tui-justify-start\";\n const flexAlignmentClass =\n alignmentMap[contentAlignment] || \"tui-align-start\";\n\n const renderLogo = (): React.ReactNode => {\n if (!logo) return null;\n return (\n <div className={`${styles.logoContainer} ${flexAlignmentClass}`}>\n <Logo data={logo} />\n </div>\n );\n };\n\n const renderObjectIcons = (): React.ReactNode => {\n if (icons.length === 0) return null;\n\n return (\n <div className={`${styles.objectIconsWrapper} ${flexAlignmentClass}`}>\n {icons.map((icon: IconData, index: number) => (\n <Icon\n key={generateKey(\"icon\", icon.type, index)}\n data={{ ...icon, type: icon.type as SvgIconName }}\n />\n ))}\n </div>\n );\n };\n\n const renderTitleSection = (): React.ReactNode => {\n if (!headline && !subheadline) return null;\n\n return (\n <div className={styles.titleContainer}>\n {headline &&\n (headline.type === \"display\" ? (\n <TextDisplay data={{ ...headline, alignment: contentAlignment }} />\n ) : (\n <TextHeading data={{ ...headline, alignment: contentAlignment }} />\n ))}\n {subheadline ? (\n <TextHeading data={{ ...subheadline, alignment: contentAlignment }} />\n ) : null}\n </div>\n );\n };\n\n const renderTextContent = (): React.ReactNode => {\n const hasEyebrow = !!textEyebrow;\n const hasBody = !!textBody;\n const hasTitleSection = !!(headline || subheadline);\n\n if (!hasEyebrow && !hasTitleSection && !hasBody) return null;\n\n return (\n <div className={styles.textContainer}>\n {hasEyebrow && (\n <TextEyebrow data={{ ...textEyebrow, alignment: contentAlignment }} />\n )}\n {renderTitleSection()}\n {hasBody && (\n <TextBody data={{ ...textBody, alignment: contentAlignment }} />\n )}\n </div>\n );\n };\n\n const renderButtons = (): React.ReactNode => {\n if (buttons.length === 0) return null;\n\n return (\n <div\n className={`${styles.buttonsWrapper} ${flexAlignmentClass} ${contentAlignmentClass}`}\n >\n {buttons.map((button: ButtonModel, index: number) => (\n <Button\n key={generateKey(\"button\", button.id ? button.id : index)}\n {...button}\n />\n ))}\n </div>\n );\n };\n\n const renderLinks = (): React.ReactNode => {\n if (links.length === 0) return null;\n\n return (\n <div\n className={`${styles.linksWrapper} ${flexAlignmentClass} ${contentAlignmentClass}`}\n >\n {links.map((link: LinkModel, index: number) => (\n <Link\n key={generateKey(\"link\", (link.data || {}).text, (link.data || {}).href, index)}\n {...link}\n />\n ))}\n </div>\n );\n };\n\n const renderCTAContainer = (): React.ReactNode => {\n const hasButtons = buttons.length > 0;\n const hasLinks = links.length > 0;\n\n if (!hasButtons && !hasLinks) return null;\n\n return (\n <div className={styles.ctaContainer}>\n {renderButtons()}\n {renderLinks()}\n </div>\n );\n };\n\n const rootClassName = combineClassNames(\n styles.tuiContent,\n styles[contentAlignment],\n styles[placement],\n className,\n );\n\n return (\n <Frame\n data-tui-pattern=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={rootClassName}\n style={contentStyles}\n >\n <div className={styles.container}>\n {renderLogo()}\n {renderObjectIcons()}\n {renderTextContent()}\n </div>\n {renderCTAContainer()}\n </Frame>\n );\n};\n\nexport default Content;\n"],"names":["combineClassNames","classes","generateKey","prefix","values","Content","data","tokens","style","className","colorPalette","colorSource","customColor","contentStyles","contentAlignment","placement","logo","icons","textBody","textEyebrow","headline","subheadline","links","buttons","alignmentMap","contentAlignmentClass","flexAlignmentClass","renderLogo","jsx","styles","Logo","renderObjectIcons","icon","index","Icon","renderTitleSection","jsxs","TextDisplay","TextHeading","renderTextContent","hasEyebrow","hasBody","TextEyebrow","TextBody","renderButtons","button","Button","renderLinks","link","Link","renderCTAContainer","hasButtons","hasLinks","rootClassName","Frame"],"mappings":"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"}

package/dist/cjs/ui/patterns/Content/Content.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="yBq2SyBP",n="_00RBslLu",e="z-FcFwey",o="YIxxhHka",r="cYksWnBz",i="DCsTY83-",c="_5v7YOb6j",s="lY8O2pnK",a="_0EbGitmq",l="DjzwRN2T",p="YYV9rcwP",C="mO2zh10V",u="QA-9qf6W",b="c6xpmHOr",g="_0xEkcn-p",W="sq0Ny3sV",d={tuiContent:t,logoContainer:n,container:e,textContainer:o,ctaContainer:r,buttonsWrapper:i,"tui-align-center":"_5v7YOb6j",tuiAlignCenter:c,linksWrapper:s,titleContainer:a,objectIconsWrapper:l,left:p,center:C,right:u,top:b,middle:g,bottom:W};exports.bottom=W;exports.buttonsWrapper=i;exports.center=C;exports.container=e;exports.ctaContainer=r;exports.default=d;exports.left=p;exports.linksWrapper=s;exports.logoContainer=n;exports.middle=g;exports.objectIconsWrapper=l;exports.right=u;exports.textContainer=o;exports.titleContainer=a;exports.top=b;exports.tuiAlignCenter=c;exports.tuiContent=t;
2	+ //# sourceMappingURL=Content.module.css.cjs.map