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/primitives/InterfaceIcon/InterfaceIcon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InterfaceIcon.cjs","sources":["../../../../../src/ui/primitives/InterfaceIcon/InterfaceIcon.tsx"],"sourcesContent":["import { findSvgIcon, SvgIconName } from '@tramo-digital/icons';\nimport type { InterfaceIconModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../Frame/Frame';\nimport styles from './InterfaceIcon.module.css';\n\nexport type InterfaceIconProps = InterfaceIconModel;\n\n/**\n * InterfaceIcon Component - Production-ready with robust error handling\n *\n * Designed for utility/interface icons (arrows, chevrons, UI elements)\n *\n * Features:\n * - Intelligent icon loading with filename normalization\n * - Automatic fallback between naming conventions\n * - Size normalization (sm/md/lg → small/medium/large)\n * - Error boundary with fallback UI\n * - Memory leak prevention\n * - Token-based styling\n */\nconst InterfaceIcon: React.FC<InterfaceIconProps> = ({\n data,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const _fingerprint = 'ac2493029528815eebbfd5539fe6024b';\n if (!data) return null;\n const { type } = data;\n const icon = findSvgIcon(type as SvgIconName);\n\n const formattedName = type\n ? type.substring(0, 1).toUpperCase() + type.substring(1)\n : 'Icon';\n\n const tokenStyles = {\n ...(tokens?.color?.fill && {\n '--interface-icon-color': tokens.color.fill.default,\n }),\n ...(tokens?.dimension?.size && {\n '--interface-icon-size': tokens.dimension.size.default,\n }),\n };\n\n const SVGComponent = icon?.svgComponent;\n\n if (!SVGComponent) {\n return null;\n }\n\n // Normalize: Astro resolves SVG imports as {src, width, height, format},\n // while Vite resolves them as plain string URLs.\n const svgSrc =\n typeof SVGComponent === 'string'\n ? SVGComponent\n : (SVGComponent as unknown as { src: string }).src;\n\n return (\n <Frame\n data-tui-primitive=\"base\"\n data={{ as: 'i' }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.interfaceIcon} ${className || ''}`}\n style={tokenStyles as React.CSSProperties}\n aria-label={`${formattedName} Icon`}\n >\n <img src={svgSrc} alt={formattedName} />\n </Frame>\n );\n};\n\nexport default InterfaceIcon;\n"],"names":["InterfaceIcon","data","tokens","className","colorPalette","colorSource","customColor","type","icon","findSvgIcon","formattedName","tokenStyles","SVGComponent","svgSrc","jsx","Frame","styles"],"mappings":"iLAqBMA,EAA8C,CAAC,CACjD,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACJ,IAAM,CAEF,GAAI,CAACL,EAAM,OAAO,KAClB,KAAM,CAAE,KAAAM,GAASN,EACXO,EAAOC,EAAAA,YAAYF,CAAmB,EAEtCG,EAAgBH,EAChBA,EAAK,UAAU,EAAG,CAAC,EAAE,YAAA,EAAgBA,EAAK,UAAU,CAAC,EACrD,OAEAI,EAAc,CAChB,GAAIT,GAAQ,OAAO,MAAQ,CACvB,yBAA0BA,EAAO,MAAM,KAAK,OAAA,EAEhD,GAAIA,GAAQ,WAAW,MAAQ,CAC3B,wBAAyBA,EAAO,UAAU,KAAK,OAAA,CACnD,EAGEU,EAAeJ,GAAM,aAE3B,GAAI,CAACI,EACD,OAAO,KAKX,MAAMC,EACF,OAAOD,GAAiB,SAClBA,EACCA,EAA4C,IAEvD,OACIE,EAAAA,IAACC,EAAA,CACG,qBAAmB,OACnB,KAAM,CAAE,GAAI,GAAA,EACZ,aAAAX,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGU,UAAO,aAAa,IAAIb,GAAa,EAAE,GACrD,MAAOQ,EACP,aAAY,GAAGD,CAAa,QAE5B,SAAAI,EAAAA,IAAC,MAAA,CAAI,IAAKD,EAAQ,IAAKH,CAAA,CAAe,CAAA,CAAA,CAGlD"}

package/dist/cjs/ui/primitives/InterfaceIcon/InterfaceIcon.module.css.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/InterfaceIcon/InterfaceIcon.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/InterfaceIcon/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/InterfaceIcon/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Link/Link.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),q=require("react"),a=require("./Link.module.css.cjs"),I=require("../Frame/Frame.cjs"),p=require("../InterfaceIcon/InterfaceIcon.cjs"),S=q.forwardRef(({data:r,tokens:t,events:c={},className:n="",colorPalette:g,colorSource:f,customColor:y,children:l,...d},$)=>{const{positioning:o="left",text:h,size:s="md",targetId:z,href:u,target:x,rel:m}=r??{},{onClick:D}=c??{},j={...t?.color?.text&&{"--text-link-color":t.color.text.default},...t?.typography?.fontFamily&&{"--text-link-fontfamily":t.typography.fontFamily.default},...t?.typography?.fontSize&&{"--text-link-fontsize":t.typography.fontSize.default},...t?.typography?.fontWeight&&{"--text-link-fontweight":t.typography.fontWeight.default},...t?.typography?.lineHeight&&{"--text-link-lineheight":t.typography.lineHeight.default},...t?.typography?.letterSpacing&&{"--text-link-letterspacing":t.typography.letterSpacing.default},...t?.typography?.textDecoration&&{"--text-link-decoration":t.typography.textDecoration.default},...t?.spacing?.gap&&{"--text-link-gap":t.spacing.gap.default}},i=r?.interfaceIcon?.graph?{type:r?.interfaceIcon?.graph}:void 0;return e.jsxs(I,{"data-tui-primitive":"base","data-tui-dynamic-states":"default",data:{as:"a"},href:u,target:x,rel:m,colorPalette:g,colorSource:f,customColor:y,className:`${a.default.tuiLink} ${a.default[`link-${s}`]}${n?` ${n}`:""}`,style:j,...d,children:[o!=="right"&&i&&e.jsx("span",{className:a.default.icon,children:e.jsx(p,{data:i})}),l\|\|e.jsx("span",{className:a.default.text,children:h}),o==="right"&&i&&e.jsx("span",{className:a.default.icon,children:e.jsx(p,{data:i})})]})});module.exports=S;
2	+ //# sourceMappingURL=Link.cjs.map

package/dist/cjs/ui/primitives/Link/Link.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Link.cjs","sources":["../../../../../src/ui/primitives/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./Link.module.css\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport InterfaceIcon from \"../../primitives/InterfaceIcon/InterfaceIcon\";\nimport type { InterfaceIconData, LinkModel } from \"@tramo-digital/types\";\n\nexport interface LinkProps\n extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n id?: LinkModel[\"id\"];\n data?: LinkModel[\"data\"];\n events?: LinkModel[\"events\"];\n tokens?: LinkModel[\"tokens\"];\n className?: LinkModel[\"className\"];\n colorPalette?: LinkModel[\"colorPalette\"];\n colorSource?: LinkModel[\"colorSource\"];\n customColor?: LinkModel[\"customColor\"];\n children?: React.ReactNode;\n}\n\nconst Link = React.forwardRef<HTMLElement, LinkProps>(\n (\n {\n data,\n tokens,\n events = {},\n className = \"\",\n colorPalette,\n colorSource,\n customColor,\n children,\n ...rest\n },\n _ref,\n ) => {\n const {\n positioning = \"left\",\n text,\n size = \"md\",\n targetId,\n href,\n target,\n rel,\n } = data ?? {};\n const { onClick } = events ?? {};\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--text-link-color\": tokens.color.text.default,\n }),\n ...(tokens?.typography?.fontFamily && {\n \"--text-link-fontfamily\": tokens.typography.fontFamily.default,\n }),\n ...(tokens?.typography?.fontSize && {\n \"--text-link-fontsize\": tokens.typography.fontSize.default,\n }),\n ...(tokens?.typography?.fontWeight && {\n \"--text-link-fontweight\": tokens.typography.fontWeight.default,\n }),\n ...(tokens?.typography?.lineHeight && {\n \"--text-link-lineheight\": tokens.typography.lineHeight.default,\n }),\n ...(tokens?.typography?.letterSpacing && {\n \"--text-link-letterspacing\": tokens.typography.letterSpacing.default,\n }),\n ...(tokens?.typography?.textDecoration && {\n \"--text-link-decoration\": tokens.typography.textDecoration.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--text-link-gap\": tokens.spacing.gap.default,\n }),\n };\n\n const iconData: InterfaceIconData | undefined = data?.interfaceIcon?.graph\n ? {\n type: data?.interfaceIcon?.graph,\n }\n : undefined;\n\n return (\n <Frame\n data-tui-primitive=\"base\"\n data-tui-dynamic-states=\"default\"\n data={{ as: \"a\" }}\n href={href}\n target={target}\n rel={rel}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.tuiLink} ${styles[`link-${size}`]}${className ? ` ${className}` : \"\"}`}\n style={tokenStyles as React.CSSProperties}\n {...rest}\n >\n {positioning !== \"right\" && iconData && (\n <span className={styles.icon}>\n <InterfaceIcon data={iconData} />\n </span>\n )}\n {children ? children : <span className={styles.text}>{text}</span>}\n {positioning === \"right\" && iconData && (\n <span className={styles.icon}>\n <InterfaceIcon data={iconData} />\n </span>\n )}\n </Frame>\n );\n },\n);\n\nexport default Link;\n"],"names":["Link","React","data","tokens","events","className","colorPalette","colorSource","customColor","children","rest","_ref","positioning","text","size","targetId","href","target","rel","onClick","tokenStyles","iconData","jsxs","Frame","styles","jsx","InterfaceIcon"],"mappings":"wLAmBMA,EAAOC,EAAM,WACjB,CACE,CACE,KAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,CAAA,EACT,UAAAC,EAAY,GACZ,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CACJ,YAAAC,EAAc,OACd,KAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,IAAAC,CAAA,EACEhB,GAAQ,CAAA,EACN,CAAE,QAAAiB,GAAYf,GAAU,CAAA,EAExBgB,EAAc,CAClB,GAAIjB,GAAQ,OAAO,MAAQ,CACzB,oBAAqBA,EAAO,MAAM,KAAK,OAAA,EAEzC,GAAIA,GAAQ,YAAY,YAAc,CACpC,yBAA0BA,EAAO,WAAW,WAAW,OAAA,EAEzD,GAAIA,GAAQ,YAAY,UAAY,CAClC,uBAAwBA,EAAO,WAAW,SAAS,OAAA,EAErD,GAAIA,GAAQ,YAAY,YAAc,CACpC,yBAA0BA,EAAO,WAAW,WAAW,OAAA,EAEzD,GAAIA,GAAQ,YAAY,YAAc,CACpC,yBAA0BA,EAAO,WAAW,WAAW,OAAA,EAEzD,GAAIA,GAAQ,YAAY,eAAiB,CACvC,4BAA6BA,EAAO,WAAW,cAAc,OAAA,EAE/D,GAAIA,GAAQ,YAAY,gBAAkB,CACxC,yBAA0BA,EAAO,WAAW,eAAe,OAAA,EAE7D,GAAIA,GAAQ,SAAS,KAAO,CAC1B,kBAAmBA,EAAO,QAAQ,IAAI,OAAA,CACxC,EAGIkB,EAA0CnB,GAAM,eAAe,MACjE,CACE,KAAMA,GAAM,eAAe,KAAA,EAE7B,OAEJ,OACEoB,EAAAA,KAACC,EAAA,CACC,qBAAmB,OACnB,0BAAwB,UACxB,KAAM,CAAE,GAAI,GAAA,EACZ,KAAAP,EACA,OAAAC,EACA,IAAAC,EACA,aAAAZ,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGgB,UAAO,OAAO,IAAIA,EAAAA,QAAO,QAAQV,CAAI,EAAE,CAAC,GAAGT,EAAY,IAAIA,CAAS,GAAK,EAAE,GACzF,MAAOe,EACN,GAAGV,EAEH,SAAA,CAAAE,IAAgB,SAAWS,GAC1BI,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KACtB,SAAAC,EAAAA,IAACC,EAAA,CAAc,KAAML,CAAA,CAAU,EACjC,EAEDZ,GAAsBgB,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAX,EAAK,EAC1DD,IAAgB,SAAWS,GAC1BI,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KACtB,SAAAC,EAAAA,IAACC,EAAA,CAAc,KAAML,CAAA,CAAU,CAAA,CACjC,CAAA,CAAA,CAAA,CAIR,CACF"}

package/dist/cjs/ui/primitives/Link/Link.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="U9LWECoL",i="uvqoRh29",t="aqevTRIA",l="N2UC7GiF",e="UczpIBN0",o="MVXFnDLx",k={tuiLink:n,"link-sm":"uvqoRh29",linkSm:i,"link-md":"aqevTRIA",linkMd:t,"link-lg":"N2UC7GiF",linkLg:l,icon:e,text:o};exports.default=k;exports.icon=e;exports.linkLg=l;exports.linkMd=t;exports.linkSm=i;exports.text=o;exports.tuiLink=n;
2	+ //# sourceMappingURL=Link.module.css.cjs.map

package/dist/cjs/ui/primitives/Link/Link.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Link/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Link/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/List/List.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const l=require("react/jsx-runtime"),m=require("../InterfaceIcon/InterfaceIcon.cjs"),a=require("./List.module.css.cjs"),x=({data:d,events:r,tokens:e,className:c})=>{if(!d?.items?.length)return null;const{items:o,ordered:f=!1,variant:t="simple"}=d,p={...e?.color?.text&&{"--list-color-text":e.color.text.default},...e?.color?.icon&&{"--list-color-icon":e.color.icon.default},...e?.color?.divider&&{"--list-color-divider":e.color.divider.default},...e?.spacing?.gap&&{"--list-gap":e.spacing.gap.default},...e?.spacing?.padding&&{"--list-padding":e.spacing.padding.default},...e?.typography?.fontSize&&{"--list-font-size":e.typography.fontSize.default},...e?.typography?.fontWeight&&{"--list-font-weight":e.typography.fontWeight.default},...e?.typography?.lineHeight&&{"--list-line-height":e.typography.lineHeight.default}},u=f?"ol":"ul",h=(i,s)=>{!i.disabled&&r?.onItemClick&&r.onItemClick(i,s)},g=(i,s)=>{const n=l.jsxs(l.Fragment,{children:[i.icon&&t==="icon"&&l.jsx("span",{className:a.default.itemIcon,"aria-hidden":"true",children:l.jsx(m,{data:i.icon,className:a.default.icon})}),l.jsxs("span",{className:a.default.itemBody,children:[l.jsx("span",{className:a.default.itemText,children:i.text}),t==="descriptive"&&i.description&&l.jsx("span",{className:a.default.itemDescription,children:i.description})]})]});return l.jsx("li",{className:[a.default.listItem,a.default[`variant-${t}`],i.disabled?a.default.disabled:""].filter(Boolean).join(" "),onClick:()=>h(i,s),"aria-disabled":i.disabled,children:i.href&&!i.disabled?l.jsx("a",{href:i.href,className:a.default.itemLink,children:n}):l.jsx("span",{className:a.default.itemInner,children:n})},s)};return l.jsx(u,{"data-tui-primitive":"base",className:[a.default.list,a.default[`variant-${t}`],c??""].filter(Boolean).join(" "),style:p,children:o.map(g)})};module.exports=x;
2	+ //# sourceMappingURL=List.cjs.map

package/dist/cjs/ui/primitives/List/List.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"List.cjs","sources":["../../../../../src/ui/primitives/List/List.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ListModel, ListItemData } from \"@tramo-digital/types\";\nimport InterfaceIcon from \"../InterfaceIcon/InterfaceIcon\";\nimport styles from \"./List.module.css\";\n\nexport interface ListProps {\n id?: ListModel[\"id\"];\n data: ListModel[\"data\"];\n events?: ListModel[\"events\"];\n tokens?: ListModel[\"tokens\"];\n className?: ListModel[\"className\"];\n}\n\nconst List: React.FC<ListProps> = ({ data, events, tokens, className }) => {\n if (!data?.items?.length) return null;\n const _fingerprint = \"5f40d0fffecc1028923dabae4f2ba28e\";\n\n const { items, ordered = false, variant = \"simple\" } = data;\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--list-color-text\": tokens.color.text.default,\n }),\n ...(tokens?.color?.icon && {\n \"--list-color-icon\": tokens.color.icon.default,\n }),\n ...(tokens?.color?.divider && {\n \"--list-color-divider\": tokens.color.divider.default,\n }),\n ...(tokens?.spacing?.gap && { \"--list-gap\": tokens.spacing.gap.default }),\n ...(tokens?.spacing?.padding && {\n \"--list-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.typography?.fontSize && {\n \"--list-font-size\": tokens.typography.fontSize.default,\n }),\n ...(tokens?.typography?.fontWeight && {\n \"--list-font-weight\": tokens.typography.fontWeight.default,\n }),\n ...(tokens?.typography?.lineHeight && {\n \"--list-line-height\": tokens.typography.lineHeight.default,\n }),\n };\n\n const Tag = ordered ? \"ol\" : \"ul\";\n\n const handleClick = (item: ListItemData, index: number) => {\n if (!item.disabled && events?.onItemClick) {\n events.onItemClick(item, index);\n }\n };\n\n const renderItem = (item: ListItemData, index: number) => {\n const itemContent = (\n <>\n {item.icon && variant === \"icon\" && (\n <span className={styles.itemIcon} aria-hidden=\"true\">\n <InterfaceIcon data={item.icon} className={styles.icon} />\n </span>\n )}\n <span className={styles.itemBody}>\n <span className={styles.itemText}>{item.text}</span>\n {variant === \"descriptive\" && item.description && (\n <span className={styles.itemDescription}>{item.description}</span>\n )}\n </span>\n </>\n );\n\n return (\n <li\n key={index}\n className={[\n styles.listItem,\n styles[`variant-${variant}`],\n item.disabled ? styles.disabled : \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n onClick={() => handleClick(item, index)}\n aria-disabled={item.disabled}\n >\n {item.href && !item.disabled ? (\n <a href={item.href} className={styles.itemLink}>\n {itemContent}\n </a>\n ) : (\n <span className={styles.itemInner}>{itemContent}</span>\n )}\n </li>\n );\n };\n\n return (\n <Tag\n data-tui-primitive=\"base\"\n className={[styles.list, styles[`variant-${variant}`], className ?? \"\"]\n .filter(Boolean)\n .join(\" \")}\n style={tokenStyles as React.CSSProperties}\n >\n {items.map(renderItem)}\n </Tag>\n );\n};\n\nexport default List;\n"],"names":["List","data","events","tokens","className","items","ordered","variant","tokenStyles","Tag","handleClick","item","index","renderItem","itemContent","jsxs","Fragment","styles","jsx","InterfaceIcon"],"mappings":"qIAaMA,EAA4B,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,EAAQ,UAAAC,KAAgB,CACzE,GAAI,CAACH,GAAM,OAAO,OAAQ,OAAO,KAGjC,KAAM,CAAE,MAAAI,EAAO,QAAAC,EAAU,GAAO,QAAAC,EAAU,UAAaN,EAEjDO,EAAc,CAClB,GAAIL,GAAQ,OAAO,MAAQ,CACzB,oBAAqBA,EAAO,MAAM,KAAK,OAAA,EAEzC,GAAIA,GAAQ,OAAO,MAAQ,CACzB,oBAAqBA,EAAO,MAAM,KAAK,OAAA,EAEzC,GAAIA,GAAQ,OAAO,SAAW,CAC5B,uBAAwBA,EAAO,MAAM,QAAQ,OAAA,EAE/C,GAAIA,GAAQ,SAAS,KAAO,CAAE,aAAcA,EAAO,QAAQ,IAAI,OAAA,EAC/D,GAAIA,GAAQ,SAAS,SAAW,CAC9B,iBAAkBA,EAAO,QAAQ,QAAQ,OAAA,EAE3C,GAAIA,GAAQ,YAAY,UAAY,CAClC,mBAAoBA,EAAO,WAAW,SAAS,OAAA,EAEjD,GAAIA,GAAQ,YAAY,YAAc,CACpC,qBAAsBA,EAAO,WAAW,WAAW,OAAA,EAErD,GAAIA,GAAQ,YAAY,YAAc,CACpC,qBAAsBA,EAAO,WAAW,WAAW,OAAA,CACrD,EAGIM,EAAMH,EAAU,KAAO,KAEvBI,EAAc,CAACC,EAAoBC,IAAkB,CACrD,CAACD,EAAK,UAAYT,GAAQ,aAC5BA,EAAO,YAAYS,EAAMC,CAAK,CAElC,EAEMC,EAAa,CAACF,EAAoBC,IAAkB,CACxD,MAAME,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAL,EAAK,MAAQJ,IAAY,cACvB,OAAA,CAAK,UAAWU,EAAAA,QAAO,SAAU,cAAY,OAC5C,SAAAC,MAACC,GAAc,KAAMR,EAAK,KAAM,UAAWM,EAAAA,QAAO,KAAM,EAC1D,EAEFF,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,SACtB,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,SAAW,WAAK,KAAK,EAC5CV,IAAY,eAAiBI,EAAK,aACjCO,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,gBAAkB,SAAAN,EAAK,WAAA,CAAY,CAAA,CAAA,CAE/D,CAAA,EACF,EAGF,OACEO,EAAAA,IAAC,KAAA,CAEC,UAAW,CACTD,EAAAA,QAAO,SACPA,EAAAA,QAAO,WAAWV,CAAO,EAAE,EAC3BI,EAAK,SAAWM,EAAAA,QAAO,SAAW,EAAA,EAEjC,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAS,IAAMP,EAAYC,EAAMC,CAAK,EACtC,gBAAeD,EAAK,SAEnB,SAAAA,EAAK,MAAQ,CAACA,EAAK,SAClBO,MAAC,IAAA,CAAE,KAAMP,EAAK,KAAM,UAAWM,UAAO,SACnC,WACH,EAEAC,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,UAAY,SAAAH,CAAA,CAAY,CAAA,EAhB7CF,CAAA,CAoBX,EAEA,OACEM,EAAAA,IAACT,EAAA,CACC,qBAAmB,OACnB,UAAW,CAACQ,EAAAA,QAAO,KAAMA,EAAAA,QAAO,WAAWV,CAAO,EAAE,EAAGH,GAAa,EAAE,EACnE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAOI,EAEN,SAAAH,EAAM,IAAIQ,CAAU,CAAA,CAAA,CAG3B"}

package/dist/cjs/ui/primitives/List/List.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="lU1Qoi9-",i="_29P1Aapw",e="v3OH59nt",n="wVRiFU2f",o="OcRpwyGI",s="oEKTZaTE",c="PgoFW-Ga",a="qlaulDWF",r="b2JGKd0B",l="lICSaxGH",m="MdVfJxl8",d="WJgwejDX",v={list:t,listItem:i,disabled:e,itemLink:n,itemInner:o,itemText:s,itemIcon:c,icon:a,itemBody:r,itemDescription:l,"variant-descriptive":"MdVfJxl8",variantDescriptive:m,"variant-icon":"WJgwejDX",variantIcon:d};exports.default=v;exports.disabled=e;exports.icon=a;exports.itemBody=r;exports.itemDescription=l;exports.itemIcon=c;exports.itemInner=o;exports.itemLink=n;exports.itemText=s;exports.list=t;exports.listItem=i;exports.variantDescriptive=m;exports.variantIcon=d;
2	+ //# sourceMappingURL=List.module.css.cjs.map

package/dist/cjs/ui/primitives/List/List.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/List/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/List/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Loader/Loader.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("react/jsx-runtime"),f=require("../Frame/Frame.cjs"),s=require("./Loader.module.css.cjs"),p=i=>({spinner:a.jsx("div",{className:s.default.spinnerRing}),dots:a.jsxs("div",{className:s.default.dotsContainer,children:[a.jsx("span",{className:s.default.dot}),a.jsx("span",{className:s.default.dot}),a.jsx("span",{className:s.default.dot})]}),pulse:a.jsx("div",{className:s.default.pulseRing})})[i]\|\|null,N=({data:i,tokens:e,className:n,colorPalette:r,colorSource:d,customColor:t,...o})=>{if(!i)return null;const{variant:l="spinner",label:m="Loading..."}=i,u={...e?.color?.fill&&{"--loader-color":e.color.fill.default},...e?.dimension?.size?.lg&&{"--loader-size-lg":e.dimension.size.lg},...e?.dimension?.size?.md&&{"--loader-size-md":e.dimension.size.md},...e?.dimension?.size?.sm&&{"--loader-size-sm":e.dimension.size.sm}},c=[s.default.tuiLoader,s.default[`variant-${l}`],n].filter(Boolean).join(" ").trim();return a.jsx(f,{"data-tui-primitive":"base",data:{as:"div"},colorPalette:r,colorSource:d,customColor:t,className:c,style:u,role:"status","aria-label":m,...o,children:p(l)})};module.exports=N;
2	+ //# sourceMappingURL=Loader.cjs.map

package/dist/cjs/ui/primitives/Loader/Loader.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Loader.cjs","sources":["../../../../../src/ui/primitives/Loader/Loader.tsx"],"sourcesContent":["import type { LoaderModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Loader.module.css\";\n\nexport interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {\n id?: LoaderModel[\"id\"];\n data: LoaderModel[\"data\"];\n events?: LoaderModel[\"events\"];\n tokens?: LoaderModel[\"tokens\"];\n className?: LoaderModel[\"className\"];\n colorPalette?: LoaderModel[\"colorPalette\"];\n colorSource?: LoaderModel[\"colorSource\"];\n customColor?: LoaderModel[\"customColor\"];\n}\n\nconst renderVariant = (variant: string) => {\n const VARIANT_MAP: Record<string, React.ReactNode> = {\n spinner: <div className={styles.spinnerRing} />,\n dots: (\n <div className={styles.dotsContainer}>\n <span className={styles.dot} />\n <span className={styles.dot} />\n <span className={styles.dot} />\n </div>\n ),\n pulse: <div className={styles.pulseRing} />,\n };\n\n return VARIANT_MAP[variant] || null;\n};\n\nconst LoaderBase: React.FC<LoaderProps> = ({\n data,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n ...rest\n}) => {\n if (!data) return null;\n const _fingerprint = \"2307cca977070175e82a3b0600e8536a\";\n\n const { variant = \"spinner\", label = \"Loading...\" } = data;\n\n const tokenStyles = {\n ...(tokens?.color?.fill && {\n \"--loader-color\": tokens.color.fill.default,\n }),\n ...(tokens?.dimension?.size?.lg && {\n \"--loader-size-lg\": tokens.dimension.size.lg,\n }),\n ...(tokens?.dimension?.size?.md && {\n \"--loader-size-md\": tokens.dimension.size.md,\n }),\n ...(tokens?.dimension?.size?.sm && {\n \"--loader-size-sm\": tokens.dimension.size.sm,\n }),\n };\n\n const classNames = [styles.tuiLoader, styles[`variant-${variant}`], className]\n .filter(Boolean)\n .join(\" \")\n .trim();\n\n return (\n <Frame\n data-tui-primitive=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={classNames}\n style={tokenStyles as React.CSSProperties}\n role=\"status\"\n aria-label={label}\n {...rest}\n >\n {renderVariant(variant)}\n </Frame>\n );\n};\n\nexport default LoaderBase;\n"],"names":["renderVariant","variant","jsx","styles","jsxs","LoaderBase","data","tokens","className","colorPalette","colorSource","customColor","rest","label","tokenStyles","classNames","Frame"],"mappings":"uHAgBMA,EAAiBC,IACgC,CACnD,QAASC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,YAAa,EAC7C,KACEC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,cACrB,SAAA,CAAAD,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,GAAA,CAAK,EAC7BD,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,GAAA,CAAK,EAC7BD,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,GAAA,CAAK,CAAA,EAC/B,EAEF,MAAOD,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,SAAA,CAAW,CAAA,GAGxBF,CAAO,GAAK,KAG3BI,EAAoC,CAAC,CACzC,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAM,CACJ,GAAI,CAACN,EAAM,OAAO,KAGlB,KAAM,CAAE,QAAAL,EAAU,UAAW,MAAAY,EAAQ,cAAiBP,EAEhDQ,EAAc,CAClB,GAAIP,GAAQ,OAAO,MAAQ,CACzB,iBAAkBA,EAAO,MAAM,KAAK,OAAA,EAEtC,GAAIA,GAAQ,WAAW,MAAM,IAAM,CACjC,mBAAoBA,EAAO,UAAU,KAAK,EAAA,EAE5C,GAAIA,GAAQ,WAAW,MAAM,IAAM,CACjC,mBAAoBA,EAAO,UAAU,KAAK,EAAA,EAE5C,GAAIA,GAAQ,WAAW,MAAM,IAAM,CACjC,mBAAoBA,EAAO,UAAU,KAAK,EAAA,CAC5C,EAGIQ,EAAa,CAACZ,UAAO,UAAWA,EAAAA,QAAO,WAAWF,CAAO,EAAE,EAAGO,CAAS,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EAEH,OACEN,EAAAA,IAACc,EAAA,CACC,qBAAmB,OACnB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAP,EACA,YAAAC,EACA,YAAAC,EACA,UAAWI,EACX,MAAOD,EACP,KAAK,SACL,aAAYD,EACX,GAAGD,EAEH,WAAcX,CAAO,CAAA,CAAA,CAG5B"}

package/dist/cjs/ui/primitives/Loader/Loader.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="gQ-Qkwc0",t="dD1mmKfh",s="d9umvex-",e="wPKkYGWh",i="qFkryqI-",o="ZV914JVo",r="j97sK3I3",a="XfnHmBDD",u="JuzvJkkk",d="NrdKc6Nu",p={tuiLoader:n,"variant-spinner":"dD1mmKfh",variantSpinner:t,spinnerRing:s,"spinner-spin":"wPKkYGWh",spinnerSpin:e,"variant-dots":"qFkryqI-",variantDots:i,dotsContainer:o,dot:r,"dots-bounce":"XfnHmBDD",dotsBounce:a,"variant-pulse":"JuzvJkkk",variantPulse:u,pulseRing:d,"pulse-ring":"NrdKc6Nu"};exports.default=p;exports.dot=r;exports.dotsBounce=a;exports.dotsContainer=o;exports.pulseRing=d;exports.spinnerRing=s;exports.spinnerSpin=e;exports.tuiLoader=n;exports.variantDots=i;exports.variantPulse=u;exports.variantSpinner=t;
2	+ //# sourceMappingURL=Loader.module.css.cjs.map

package/dist/cjs/ui/primitives/Loader/Loader.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Logo/Logo.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const t=require("react/jsx-runtime"),x=require("../Frame/Frame.cjs"),i=require("./Logo.module.css.cjs"),h=({data:r,tokens:e,className:l,colorPalette:a,colorSource:o,customColor:s})=>{const{type:c="default",size:g="md",theme:d="light"}=r\|\|{},n={...e?.color?.text&&{"--logo-color-text":e.color.text.default},...e?.spacing?.padding&&{"--logo-padding":e.spacing.padding.default},...e?.spacing?.gap&&{"--logo-gap":e.spacing.gap.default}};return t.jsx(x,{"data-tui-primitive":"base",data:{as:"div"},colorPalette:a,colorSource:o,customColor:s,className:`${i.default[c]} ${i.default[d]} ${i.default[g]}${l?` ${l}`:""}`,style:n,children:t.jsx("svg",{className:i.default.logo,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 300 56",children:t.jsxs("g",{fill:"currentColor",children:[t.jsx("rect",{x:"4",y:"4",width:"48",height:"14",rx:"6"}),t.jsx("rect",{x:"4",y:"30",width:"18",height:"26",rx:"6"}),t.jsx("rect",{x:"34",y:"30",width:"18",height:"26",rx:"6"}),t.jsx("circle",{cx:"28",cy:"26",r:"4",style:{fill:"#002EE6"}}),t.jsxs("text",{x:"68",y:"48",fontFamily:"'Recoleta Regular', Georgia, serif",fontSize:"36",fontWeight:"400",letterSpacing:"-0.5",children:["tramo",t.jsx("tspan",{fill:"#002EE6",children:"."}),"digital"]})]})})})};module.exports=h;
2	+ //# sourceMappingURL=Logo.cjs.map

package/dist/cjs/ui/primitives/Logo/Logo.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Logo.cjs","sources":["../../../../../src/ui/primitives/Logo/Logo.tsx"],"sourcesContent":["import type { LogoModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Logo.module.css\";\n\nexport type LogoProps = Omit<LogoModel, \"_type\">;\n\nconst Logo: React.FC<LogoProps> = ({\n data,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const _fingerprint = \"e19122d75b9b3c1914134c492e248faf\";\n\n const { type = \"default\", size = \"md\", theme = \"light\" } = data || {};\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--logo-color-text\": tokens.color.text.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--logo-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.spacing?.gap && { \"--logo-gap\": tokens.spacing.gap.default }),\n };\n\n return (\n <Frame\n data-tui-primitive=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles[type]} ${styles[theme]} ${styles[size]}${className ? ` ${className}` : \"\"}`}\n style={tokenStyles as React.CSSProperties}\n >\n <svg\n className={styles.logo}\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 300 56\"\n >\n <g fill=\"currentColor\">\n {/* Isotype: \"Pathway T\" — three blocks form a T, stem is negative space */}\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"14\" rx=\"6\" />\n <rect x=\"4\" y=\"30\" width=\"18\" height=\"26\" rx=\"6\" />\n <rect x=\"34\" y=\"30\" width=\"18\" height=\"26\" rx=\"6\" />\n <circle cx=\"28\" cy=\"26\" r=\"4\" style={{ fill: \"#002EE6\" }} />\n <text\n x=\"68\"\n y=\"48\"\n fontFamily=\"'Recoleta Regular', Georgia, serif\"\n fontSize=\"36\"\n fontWeight=\"400\"\n letterSpacing=\"-0.5\"\n >\n tramo<tspan fill=\"#002EE6\">.</tspan>digital\n </text>\n </g>\n </svg>\n </Frame>\n );\n};\n\nexport default Logo;\n"],"names":["Logo","data","tokens","className","colorPalette","colorSource","customColor","type","size","theme","tokenStyles","jsx","Frame","styles","jsxs"],"mappings":"qHAOMA,EAA4B,CAAC,CACjC,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CAGJ,KAAM,CAAE,KAAAC,EAAO,UAAW,KAAAC,EAAO,KAAM,MAAAC,EAAQ,SAAYR,GAAQ,CAAA,EAE7DS,EAAc,CAClB,GAAIR,GAAQ,OAAO,MAAQ,CACzB,oBAAqBA,EAAO,MAAM,KAAK,OAAA,EAEzC,GAAIA,GAAQ,SAAS,SAAW,CAC9B,iBAAkBA,EAAO,QAAQ,QAAQ,OAAA,EAE3C,GAAIA,GAAQ,SAAS,KAAO,CAAE,aAAcA,EAAO,QAAQ,IAAI,OAAA,CAAQ,EAGzE,OACES,EAAAA,IAACC,EAAA,CACC,qBAAmB,OACnB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAR,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGO,UAAON,CAAI,CAAC,IAAIM,EAAAA,QAAOJ,CAAK,CAAC,IAAII,EAAAA,QAAOL,CAAI,CAAC,GAAGL,EAAY,IAAIA,CAAS,GAAK,EAAE,GAC9F,MAAOO,EAEP,SAAAC,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,QAAO,KAClB,MAAM,6BACN,KAAK,OACL,QAAQ,aAER,SAAAC,EAAAA,KAAC,IAAA,CAAE,KAAK,eAEN,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK,GAAG,GAAA,CAAI,EAChDA,EAAAA,IAAC,OAAA,CAAK,EAAE,IAAI,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK,GAAG,GAAA,CAAI,EACjDA,EAAAA,IAAC,OAAA,CAAK,EAAE,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,KAAK,GAAG,GAAA,CAAI,EAClDA,EAAAA,IAAC,SAAA,CAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,MAAO,CAAE,KAAM,SAAA,CAAU,CAAG,EAC1DG,EAAAA,KAAC,OAAA,CACC,EAAE,KACF,EAAE,KACF,WAAW,qCACX,SAAS,KACT,WAAW,MACX,cAAc,OACf,SAAA,CAAA,QACMH,EAAAA,IAAC,QAAA,CAAM,KAAK,UAAU,SAAA,IAAC,EAAQ,SAAA,CAAA,CAAA,CACtC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAGN"}

package/dist/cjs/ui/primitives/Logo/Logo.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="pwMpAGb5",t="u-31B-lg",s="cxFuCk0m",e="QSXwuYgr",o="FWpP6jb-",c="NmXLJwBl",a={default:"mnFYAIYl",sm:l,md:t,lg:s,social:e,light:o,dark:c};exports.dark=c;exports.default=a;exports.lg=s;exports.light=o;exports.md=t;exports.sm=l;exports.social=e;
2	+ //# sourceMappingURL=Logo.module.css.cjs.map

package/dist/cjs/ui/primitives/Logo/Logo.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Logo/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Logo/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Overlay/Overlay.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const m=require("react/jsx-runtime"),C=require("react"),$=require("../Frame/Frame.cjs"),c=require("./Overlay.module.css.cjs"),b=Object.freeze({isOpen:!0,type:"transparent",opacity:50,onClose:()=>({})}),g=({colorSource:l,colorPalette:n,customColor:i,data:u=b,tokens:e,events:t,children:s,className:a,...y})=>{const r=C.useRef(null),d={...e?.color?.background&&{"--overlay-background-color":e.color.background.default},...e?.elevation?.zIndex&&{"--overlay-z-index":e.elevation.zIndex.default},...e?.effect?.opacity&&{"--overlay-opacity":`${e.effect.opacity.default}%`}},{type:f="transparent",opacity:p=50,isOpen:o}=u,v=`${c.default.tuiOverlayViewport} ${c.default[f]} ${a?`${a}`:""}`.trim();if(!o)return null;const O=x=>{r.current&&r.current===x.target&&t?.onClose&&t.onClose()};return m.jsx($,{inert:!o,"data-overlay-opacity":p,colorPalette:n,colorSource:l,customColor:i,data:{as:"div"},ref:r,events:t,className:v,style:d,onClick:O,...y,children:s})};module.exports=g;
2	+ //# sourceMappingURL=Overlay.cjs.map

package/dist/cjs/ui/primitives/Overlay/Overlay.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Overlay.cjs","sources":["../../../../../src/ui/primitives/Overlay/Overlay.tsx"],"sourcesContent":["import type { OverlayModel } from \"@tramo-digital/types\";\nimport React, { useRef } from \"react\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Overlay.module.css\";\n\nexport interface OverlayProps extends OverlayModel {\n children?: React.ReactNode;\n}\n\nconst DEFAULT_DATA = Object.freeze({\n isOpen: true,\n type: \"transparent\",\n opacity: 50,\n onClose: () => ({}),\n});\n\nconst Overlay: React.FC<OverlayProps> = ({\n colorSource,\n colorPalette,\n customColor,\n data = DEFAULT_DATA,\n tokens,\n events,\n children,\n className,\n ...rest\n}) => {\n const overlayRef = useRef<HTMLDivElement>(null);\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--overlay-background-color\": tokens.color.background.default,\n }),\n ...(tokens?.elevation?.zIndex && {\n \"--overlay-z-index\": tokens.elevation.zIndex.default,\n }),\n ...(tokens?.effect?.opacity && {\n \"--overlay-opacity\": `${tokens.effect.opacity.default}%`,\n }),\n } as React.CSSProperties;\n\n const { type = \"transparent\", opacity = 50, isOpen } = data;\n\n const classNames =\n `${styles.tuiOverlayViewport} ${styles[type]} ${className ? `${className}` : \"\"}`.trim();\n\n if (!isOpen) {\n return null;\n }\n\n const handleOverlayClick = (e: React.MouseEvent<HTMLDivElement>) => {\n if (\n overlayRef.current &&\n overlayRef.current === e.target &&\n events?.onClose\n ) {\n events.onClose();\n }\n };\n\n return (\n <Frame\n inert={!isOpen}\n data-overlay-opacity={opacity}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n data={{\n as: \"div\",\n }}\n ref={overlayRef}\n events={events}\n className={classNames}\n style={tokenStyles}\n onClick={handleOverlayClick}\n {...rest}\n >\n {children}\n </Frame>\n );\n};\n\nexport default Overlay;\n"],"names":["DEFAULT_DATA","Overlay","colorSource","colorPalette","customColor","data","tokens","events","children","className","rest","overlayRef","useRef","tokenStyles","type","opacity","isOpen","classNames","styles","handleOverlayClick","e","jsx","Frame"],"mappings":"2IASMA,EAAe,OAAO,OAAO,CACjC,OAAQ,GACR,KAAM,cACN,QAAS,GACT,QAAS,KAAO,CAAA,EAClB,CAAC,EAEKC,EAAkC,CAAC,CACvC,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,KAAAC,EAAOL,EACP,OAAAM,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAaC,EAAAA,OAAuB,IAAI,EACxCC,EAAc,CAClB,GAAIP,GAAQ,OAAO,YAAc,CAC/B,6BAA8BA,EAAO,MAAM,WAAW,OAAA,EAExD,GAAIA,GAAQ,WAAW,QAAU,CAC/B,oBAAqBA,EAAO,UAAU,OAAO,OAAA,EAE/C,GAAIA,GAAQ,QAAQ,SAAW,CAC7B,oBAAqB,GAAGA,EAAO,OAAO,QAAQ,OAAO,GAAA,CACvD,EAGI,CAAE,KAAAQ,EAAO,cAAe,QAAAC,EAAU,GAAI,OAAAC,GAAWX,EAEjDY,EACJ,GAAGC,EAAAA,QAAO,kBAAkB,IAAIA,EAAAA,QAAOJ,CAAI,CAAC,IAAIL,EAAY,GAAGA,CAAS,GAAK,EAAE,GAAG,KAAA,EAEpF,GAAI,CAACO,EACH,OAAO,KAGT,MAAMG,EAAsBC,GAAwC,CAEhET,EAAW,SACXA,EAAW,UAAYS,EAAE,QACzBb,GAAQ,SAERA,EAAO,QAAA,CAEX,EAEA,OACEc,EAAAA,IAACC,EAAA,CACC,MAAO,CAACN,EACR,uBAAsBD,EACtB,aAAAZ,EACA,YAAAD,EACA,YAAAE,EACA,KAAM,CACJ,GAAI,KAAA,EAEN,IAAKO,EACL,OAAAJ,EACA,UAAWU,EACX,MAAOJ,EACP,QAASM,EACR,GAAGT,EAEH,SAAAF,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/Overlay/Overlay.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="OZOsA10-",t="WyfMhCNs",e="TJ6a21j1",l={tuiOverlayViewport:r,"soft-blur":"WyfMhCNs",softBlur:t,"hard-blur":"TJ6a21j1",hardBlur:e};exports.default=l;exports.hardBlur=e;exports.softBlur=t;exports.tuiOverlayViewport=r;
2	+ //# sourceMappingURL=Overlay.module.css.cjs.map

package/dist/cjs/ui/primitives/Overlay/Overlay.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Overlay/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Overlay/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Radio/Radio.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const r=require("react/jsx-runtime"),I=require("react"),R=require("../Frame/Frame.cjs"),a=require("./Radio.module.css.cjs"),B=({data:d,events:c,tokens:e,className:b,colorPalette:g,colorSource:m,customColor:h})=>{if(!d)return null;const{name:t,options:j=[],value:v,required:x=!1,disabled:o=!1,errorMessage:N,direction:q="vertical",id:C}=d,z=I.useId(),s=C??t??z,u=!!N,S={...e?.color?.circle&&{"--radio-color-circle":e.color.circle.default},...e?.color?.circleSelected&&{"--radio-color-circle-selected":e.color.circleSelected.default},...e?.color?.dot&&{"--radio-color-dot":e.color.dot.default},...e?.color?.border&&{"--radio-color-border":e.color.border.default},...e?.color?.borderSelected&&{"--radio-color-border-selected":e.color.borderSelected.default},...e?.color?.label&&{"--radio-color-label":e.color.label.default},...e?.color?.error&&{"--radio-color-error":e.color.error.default},...e?.spacing?.gap&&{"--radio-spacing-gap":e.spacing.gap.default},...e?.spacing?.optionGap&&{"--radio-spacing-option-gap":e.spacing.optionGap.default},...e?.dimension?.size&&{"--radio-size":e.dimension.size.default}};return r.jsx(R,{data:{as:"div"},"data-tui-primitive":"base","data-tui-dynamic-states":"default",role:"radiogroup",id:s,colorPalette:g,colorSource:m,customColor:h,className:[a.default.radiogroup,q==="horizontal"?a.default.horizontal:a.default.vertical,u?a.default.hasError:"",o?a.default.disabled:"",b??""].filter(Boolean).join(" "),style:S,"aria-invalid":u,"aria-disabled":o,children:j.map((l,i)=>{const n=`${s}-opt-${i}`,y=v===l.value,f=o\|\|l.disabled;return r.jsxs("label",{htmlFor:n,className:[a.default.optionLabel,f?a.default.optionDisabled:""].filter(Boolean).join(" "),children:[r.jsxs("span",{className:a.default.inputContainer,children:[r.jsx("input",{id:n,name:t,type:"radio",value:l.value,checked:y,disabled:f,required:x&&i===0,className:a.default.input,onChange:p=>{p.target.checked&&c?.onChange&&c.onChange(l.value,p)}}),r.jsx("span",{className:a.default.customCircle,"aria-hidden":"true",children:r.jsx("span",{className:a.default.dot})})]}),r.jsx("span",{className:a.default.labelText,children:l.label})]},i)})})};module.exports=B;
2	+ //# sourceMappingURL=Radio.cjs.map

package/dist/cjs/ui/primitives/Radio/Radio.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Radio.cjs","sources":["../../../../../src/ui/primitives/Radio/Radio.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport type { RadioModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Radio.module.css\";\n\nexport interface RadioProps {\n id?: RadioModel[\"id\"];\n data: RadioModel[\"data\"];\n events?: RadioModel[\"events\"];\n tokens?: RadioModel[\"tokens\"];\n className?: RadioModel[\"className\"];\n colorPalette?: RadioModel[\"colorPalette\"];\n colorSource?: RadioModel[\"colorSource\"];\n customColor?: RadioModel[\"customColor\"];\n}\n\nconst Radio: React.FC<RadioProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"55f975a57d8e488495edd62b91f0590a\";\n\n const {\n name,\n options = [],\n value,\n required = false,\n disabled = false,\n errorMessage,\n direction = \"vertical\",\n id,\n } = data;\n\n const generatedId = useId();\n const fieldsetId = id ?? name ?? generatedId;\n const hasError = !!errorMessage;\n\n const tokenStyles = {\n ...(tokens?.color?.circle && {\n \"--radio-color-circle\": tokens.color.circle.default,\n }),\n ...(tokens?.color?.circleSelected && {\n \"--radio-color-circle-selected\": tokens.color.circleSelected.default,\n }),\n ...(tokens?.color?.dot && {\n \"--radio-color-dot\": tokens.color.dot.default,\n }),\n ...(tokens?.color?.border && {\n \"--radio-color-border\": tokens.color.border.default,\n }),\n ...(tokens?.color?.borderSelected && {\n \"--radio-color-border-selected\": tokens.color.borderSelected.default,\n }),\n ...(tokens?.color?.label && {\n \"--radio-color-label\": tokens.color.label.default,\n }),\n ...(tokens?.color?.error && {\n \"--radio-color-error\": tokens.color.error.default,\n }),\n ...(tokens?.spacing?.gap && {\n \"--radio-spacing-gap\": tokens.spacing.gap.default,\n }),\n ...(tokens?.spacing?.optionGap && {\n \"--radio-spacing-option-gap\": tokens.spacing.optionGap.default,\n }),\n ...(tokens?.dimension?.size && {\n \"--radio-size\": tokens.dimension.size.default,\n }),\n };\n\n return (\n <Frame\n data={{ as: \"div\" }}\n data-tui-primitive=\"base\"\n data-tui-dynamic-states=\"default\"\n role=\"radiogroup\"\n id={fieldsetId}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={[\n styles.radiogroup,\n direction === \"horizontal\" ? styles.horizontal : styles.vertical,\n hasError ? styles.hasError : \"\",\n disabled ? styles.disabled : \"\",\n className ?? \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n style={tokenStyles as React.CSSProperties}\n aria-invalid={hasError}\n aria-disabled={disabled}\n >\n {options.map((opt, idx) => {\n const optionId = `${fieldsetId}-opt-${idx}`;\n const isChecked = value === opt.value;\n const isOptDisabled = disabled || opt.disabled;\n\n return (\n <label\n key={idx}\n htmlFor={optionId}\n className={[\n styles.optionLabel,\n isOptDisabled ? styles.optionDisabled : \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n >\n <span className={styles.inputContainer}>\n <input\n id={optionId}\n name={name}\n type=\"radio\"\n value={opt.value}\n checked={isChecked}\n disabled={isOptDisabled}\n required={required && idx === 0}\n className={styles.input}\n onChange={(e) => {\n if (e.target.checked && events?.onChange) {\n events.onChange(opt.value, e);\n }\n }}\n />\n <span className={styles.customCircle} aria-hidden=\"true\">\n <span className={styles.dot} />\n </span>\n </span>\n <span className={styles.labelText}>{opt.label}</span>\n </label>\n );\n })}\n </Frame>\n );\n};\n\nexport default Radio;\n"],"names":["Radio","data","events","tokens","className","colorPalette","colorSource","customColor","name","options","value","required","disabled","errorMessage","direction","id","generatedId","useId","fieldsetId","hasError","tokenStyles","jsx","Frame","styles","opt","idx","optionId","isChecked","isOptDisabled","jsxs","e"],"mappings":"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"}

package/dist/cjs/ui/primitives/Radio/Radio.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="MBNARfNM",t="T-GvAXIn",n="qHW25Uo2",e="uWDVOzVS",i="ajQm0D1K",r="jyfOLvlj",a="Cpw2bANw",l="TE8gLgoR",s="Ypz-saQH",c="_5CffXVXa",u="_0dhjLFKR",p={radiogroup:o,vertical:t,horizontal:n,optionLabel:e,optionDisabled:i,inputContainer:r,input:a,customCircle:l,dot:s,hasError:c,labelText:u};exports.customCircle=l;exports.default=p;exports.dot=s;exports.hasError=c;exports.horizontal=n;exports.input=a;exports.inputContainer=r;exports.labelText=u;exports.optionDisabled=i;exports.optionLabel=e;exports.radiogroup=o;exports.vertical=t;
2	+ //# sourceMappingURL=Radio.module.css.cjs.map

package/dist/cjs/ui/primitives/Radio/Radio.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Radio/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Radio/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Select/Select.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const l=require("react/jsx-runtime"),S=require("react"),B=require("../Frame/Frame.cjs"),o=require("./Select.module.css.cjs"),E=({data:i,events:d,tokens:e,className:f,colorPalette:b,colorSource:p,customColor:g})=>{if(!i)return null;const{name:s,options:m=[],placeholder:u,required:n=!1,disabled:c=!1,multiple:a=!1,value:x,id:v,errorMessage:j}=i,y=S.useId(),w=v??s??y,h=!!j,q={...e?.color?.background&&{"--select-color-background":e.color.background.default},...e?.color?.border&&{"--select-color-border":e.color.border.default},...e?.color?.borderFocus&&{"--select-color-border-focus":e.color.borderFocus.default},...e?.color?.borderError&&{"--select-color-border-error":e.color.borderError.default},...e?.color?.text&&{"--select-color-text":e.color.text.default},...e?.color?.placeholder&&{"--select-color-placeholder":e.color.placeholder.default},...e?.color?.chevron&&{"--select-color-chevron":e.color.chevron.default},...e?.spacing?.padding&&{"--select-spacing-padding":e.spacing.padding.default},...e?.border?.borderRadius&&{"--select-border-radius":e.border.borderRadius.default},...e?.border?.borderWidth&&{"--select-border-width":e.border.borderWidth.default},...e?.typography?.fontSize&&{"--select-font-size":e.typography.fontSize.default}},C=r=>{if(d?.onChange)if(a){const t=Array.from(r.target.selectedOptions,F=>F.value);d.onChange(t,r)}else d.onChange(r.target.value,r)};return l.jsxs(B,{data:{as:"div"},"data-tui-primitive":"base","data-tui-dynamic-states":"default",colorPalette:b,colorSource:p,customColor:g,className:[o.default.selectWrapper,h?o.default.hasError:"",c?o.default.disabled:"",a?o.default.multiple:"",f??""].filter(Boolean).join(" "),style:q,children:[l.jsxs("select",{id:w,name:s,multiple:a,value:x,required:n,disabled:c,"aria-required":n,"aria-disabled":c,"aria-invalid":h,className:o.default.select,onChange:C,onBlur:d?.onBlur,onFocus:d?.onFocus,children:[u&&!a&&l.jsx("option",{value:"",disabled:!0,children:u}),m.map((r,t)=>l.jsx("option",{value:r.value,disabled:r.disabled,children:r.label},t))]}),!a&&l.jsx("span",{className:o.default.chevron,"aria-hidden":"true",children:l.jsx("svg",{width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M1 1.5L6 6.5L11 1.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})};module.exports=E;
2	+ //# sourceMappingURL=Select.cjs.map

package/dist/cjs/ui/primitives/Select/Select.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Select.cjs","sources":["../../../../../src/ui/primitives/Select/Select.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport type { SelectModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectProps {\n id?: SelectModel[\"id\"];\n data: SelectModel[\"data\"];\n events?: SelectModel[\"events\"];\n tokens?: SelectModel[\"tokens\"];\n className?: SelectModel[\"className\"];\n colorPalette?: SelectModel[\"colorPalette\"];\n colorSource?: SelectModel[\"colorSource\"];\n customColor?: SelectModel[\"customColor\"];\n}\n\nconst Select: React.FC<SelectProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"caa5f545bb15c8f65bae4b5c24e7d5e4\";\n\n const {\n name,\n options = [],\n placeholder,\n required = false,\n disabled = false,\n multiple = false,\n value,\n id,\n errorMessage,\n } = data;\n\n const generatedId = useId();\n const fieldId = id ?? name ?? generatedId;\n const hasError = !!errorMessage;\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--select-color-background\": tokens.color.background.default,\n }),\n ...(tokens?.color?.border && {\n \"--select-color-border\": tokens.color.border.default,\n }),\n ...(tokens?.color?.borderFocus && {\n \"--select-color-border-focus\": tokens.color.borderFocus.default,\n }),\n ...(tokens?.color?.borderError && {\n \"--select-color-border-error\": tokens.color.borderError.default,\n }),\n ...(tokens?.color?.text && {\n \"--select-color-text\": tokens.color.text.default,\n }),\n ...(tokens?.color?.placeholder && {\n \"--select-color-placeholder\": tokens.color.placeholder.default,\n }),\n ...(tokens?.color?.chevron && {\n \"--select-color-chevron\": tokens.color.chevron.default,\n }),\n ...(tokens?.spacing?.padding && {\n \"--select-spacing-padding\": tokens.spacing.padding.default,\n }),\n ...(tokens?.border?.borderRadius && {\n \"--select-border-radius\": tokens.border.borderRadius.default,\n }),\n ...(tokens?.border?.borderWidth && {\n \"--select-border-width\": tokens.border.borderWidth.default,\n }),\n ...(tokens?.typography?.fontSize && {\n \"--select-font-size\": tokens.typography.fontSize.default,\n }),\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n if (!events?.onChange) return;\n if (multiple) {\n const selectedValues = Array.from(\n e.target.selectedOptions,\n (option) => option.value,\n );\n events.onChange(selectedValues, e);\n } else {\n events.onChange(e.target.value, e);\n }\n };\n\n return (\n <Frame\n data={{ as: \"div\" }}\n data-tui-primitive=\"base\"\n data-tui-dynamic-states=\"default\"\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={[\n styles.selectWrapper,\n hasError ? styles.hasError : \"\",\n disabled ? styles.disabled : \"\",\n multiple ? styles.multiple : \"\",\n className ?? \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n style={tokenStyles as React.CSSProperties}\n >\n <select\n id={fieldId}\n name={name}\n multiple={multiple}\n value={value}\n required={required}\n disabled={disabled}\n aria-required={required}\n aria-disabled={disabled}\n aria-invalid={hasError}\n className={styles.select}\n onChange={handleChange}\n onBlur={events?.onBlur}\n onFocus={events?.onFocus}\n >\n {placeholder && !multiple && (\n <option value=\"\" disabled>\n {placeholder}\n </option>\n )}\n {options.map((opt, idx) => (\n <option key={idx} value={opt.value} disabled={opt.disabled}>\n {opt.label}\n </option>\n ))}\n </select>\n {!multiple && (\n <span className={styles.chevron} aria-hidden=\"true\">\n <svg\n width=\"12\"\n height=\"8\"\n viewBox=\"0 0 12 8\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1 1.5L6 6.5L11 1.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </span>\n )}\n </Frame>\n );\n};\n\nexport default Select;\n"],"names":["Select","data","events","tokens","className","colorPalette","colorSource","customColor","name","options","placeholder","required","disabled","multiple","value","id","errorMessage","generatedId","useId","fieldId","hasError","tokenStyles","handleChange","e","selectedValues","option","jsxs","Frame","styles","jsx","opt","idx"],"mappings":"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"}

package/dist/cjs/ui/primitives/Select/Select.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_5bVftmR9",s="TQtxkk8c",r="xVuzRzFe",t="g2uj7cIy",c="-HiEKu0W",o={selectWrapper:e,select:s,disabled:r,hasError:t,chevron:c};exports.chevron=c;exports.default=o;exports.disabled=r;exports.hasError=t;exports.select=s;exports.selectWrapper=e;
2	+ //# sourceMappingURL=Select.module.css.cjs.map

package/dist/cjs/ui/primitives/Select/Select.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Select/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Select/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Separator/Separator.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const c=require("react/jsx-runtime"),u=require("../Frame/Frame.cjs"),l=require("./Separator.module.css.cjs"),d=({className:a,data:o,tokens:r,colorPalette:e,colorSource:i,customColor:n})=>{const t=o?.orientation\|\|"horizontal",s={...r?.color?.border&&{"--separator-color-border":r.color.border.default},...r?.spacing?.margin&&{"--separator-margin":r.spacing.margin.default}};return c.jsx(u,{data:{as:"hr"},role:"separator","data-tui-primitive":"base","data-orientation":t,"aria-orientation":t,colorPalette:e,colorSource:i,customColor:n,className:`${l.default.tuiSeparator} ${a\|\|""}`,style:s})};module.exports=d;
2	+ //# sourceMappingURL=Separator.cjs.map

package/dist/cjs/ui/primitives/Separator/Separator.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Separator.cjs","sources":["../../../../../src/ui/primitives/Separator/Separator.tsx"],"sourcesContent":["import type { SeparatorModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Separator.module.css\";\n\nexport interface SeparatorProps extends SeparatorModel {\n className?: string;\n}\n\nconst Separator: React.FC<SeparatorProps> = ({\n className,\n data,\n tokens,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const _fingerprint = \"fa9daf77b60a47ed736407775d575278\";\n\n const orientation = data?.orientation || \"horizontal\";\n\n const tokenStyles = {\n ...(tokens?.color?.border && {\n \"--separator-color-border\": tokens.color.border.default,\n }),\n ...(tokens?.spacing?.margin && {\n \"--separator-margin\": tokens.spacing.margin.default,\n }),\n };\n\n return (\n <Frame\n data={{ as: \"hr\" }}\n role=\"separator\"\n data-tui-primitive=\"base\"\n data-orientation={orientation}\n aria-orientation={orientation}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.tuiSeparator} ${className ? className : \"\"}`}\n style={tokenStyles as React.CSSProperties}\n />\n );\n};\n\nexport default Separator;\n"],"names":["Separator","className","data","tokens","colorPalette","colorSource","customColor","orientation","tokenStyles","jsx","Frame","styles"],"mappings":"0HASMA,EAAsC,CAAC,CAC3C,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CAGJ,MAAMC,EAAcL,GAAM,aAAe,aAEnCM,EAAc,CAClB,GAAIL,GAAQ,OAAO,QAAU,CAC3B,2BAA4BA,EAAO,MAAM,OAAO,OAAA,EAElD,GAAIA,GAAQ,SAAS,QAAU,CAC7B,qBAAsBA,EAAO,QAAQ,OAAO,OAAA,CAC9C,EAGF,OACEM,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAI,IAAA,EACZ,KAAK,YACL,qBAAmB,OACnB,mBAAkBH,EAClB,mBAAkBA,EAClB,aAAAH,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGK,EAAAA,QAAO,YAAY,IAAIV,GAAwB,EAAE,GAC/D,MAAOO,CAAA,CAAA,CAGb"}

package/dist/cjs/ui/primitives/Separator/Separator.module.css.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Separator/Separator.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/Separator/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/Separator/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextBlock/TextBlock.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const d=require("react/jsx-runtime"),u=require("react"),w=require("../Frame/Frame.cjs"),p=require("./TextBlock.module.css.cjs"),b=({data:e,tokens:t,children:o,className:r,colorPalette:l,colorSource:y,customColor:c,...g})=>{if(!e)return null;const{as:h="p",text:x="",alignment:a}=e,i=u.useMemo(()=>({...t?.color?.text&&{"--text-block-color":t.color.text.default},...t?.typography?.font&&{"--text-block-font":t.typography.font.default},...t?.typography?.fontSize&&{"--text-block-font-size":t.typography.fontSize.default},...t?.typography?.fontWeight&&{"--text-block-font-weight":t.typography.fontWeight.default},...t?.typography?.lineHeight&&{"--text-block-line-height":t.typography.lineHeight.default},...t?.typography?.letterSpacing&&{"--text-block-letter-spacing":t.typography.letterSpacing.default},...t?.typography?.textAlign&&{"--text-block-text-align":t.typography.textAlign.default},...t?.typography?.textTransform&&{"--text-block-text-transform":t.typography.textTransform.default},...t?.typography?.textDecoration&&{"--text-block-text-decoration":t.typography.textDecoration.default},...t?.typography?.textOverflow&&{"--text-block-text-overflow":t.typography.textOverflow.default},...t?.typography?.whiteSpace&&{"--text-block-white-space":t.typography.whiteSpace.default},...t?.typography?.wordBreak&&{"--text-block-word-break":t.typography.wordBreak.default},...t?.typography?.wordWrap&&{"--text-block-word-wrap":t.typography.wordWrap.default},...t?.typography?.wordSpacing&&{"--text-block-word-spacing":t.typography.wordSpacing.default},...t?.typography?.textShadow&&{"--text-block-text-shadow":t.typography.textShadow.default}}),[t]),f=a?p.default[`textblock-${a}`]:"";return d.jsx(w,{data:{as:h},colorPalette:l,colorSource:y,customColor:c,style:i,className:`${p.default.tuiTextBlock} ${f} ${r\|\|""}`,...g,children:o??x})};module.exports=b;
2	+ //# sourceMappingURL=TextBlock.cjs.map

package/dist/cjs/ui/primitives/TextBlock/TextBlock.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextBlock.cjs","sources":["../../../../../src/ui/primitives/TextBlock/TextBlock.tsx"],"sourcesContent":["import type { TextBlockModel } from \"@tramo-digital/types\";\nimport React, { useMemo } from \"react\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./TextBlock.module.css\";\n\nexport interface TextBlockProps extends React.HTMLAttributes<HTMLElement> {\n id?: TextBlockModel[\"id\"];\n children?: React.ReactNode;\n data: TextBlockModel[\"data\"];\n events?: TextBlockModel[\"events\"];\n tokens?: TextBlockModel[\"tokens\"];\n className?: string;\n colorPalette?: TextBlockModel[\"colorPalette\"];\n colorSource?: TextBlockModel[\"colorSource\"];\n customColor?: TextBlockModel[\"customColor\"];\n}\n\nconst TextBlock: React.FC<TextBlockProps> = ({\n data,\n tokens,\n children,\n className,\n colorPalette,\n colorSource,\n customColor,\n ...rest\n}) => {\n if (!data) return null;\n\n const _fingerprint = \"0559228e4cad64a1a72a9fbdb98aa134\";\n const { as = \"p\", text = \"\", alignment } = data;\n const tokensStyles = useMemo(\n () => ({\n ...(tokens?.color?.text && {\n \"--text-block-color\": tokens.color.text.default,\n }),\n ...(tokens?.typography?.font && {\n \"--text-block-font\": tokens.typography.font.default,\n }),\n ...(tokens?.typography?.fontSize && {\n \"--text-block-font-size\": tokens.typography.fontSize.default,\n }),\n ...(tokens?.typography?.fontWeight && {\n \"--text-block-font-weight\": tokens.typography.fontWeight.default,\n }),\n ...(tokens?.typography?.lineHeight && {\n \"--text-block-line-height\": tokens.typography.lineHeight.default,\n }),\n ...(tokens?.typography?.letterSpacing && {\n \"--text-block-letter-spacing\": tokens.typography.letterSpacing.default,\n }),\n ...(tokens?.typography?.textAlign && {\n \"--text-block-text-align\": tokens.typography.textAlign.default,\n }),\n ...(tokens?.typography?.textTransform && {\n \"--text-block-text-transform\": tokens.typography.textTransform.default,\n }),\n ...(tokens?.typography?.textDecoration && {\n \"--text-block-text-decoration\":\n tokens.typography.textDecoration.default,\n }),\n ...(tokens?.typography?.textOverflow && {\n \"--text-block-text-overflow\": tokens.typography.textOverflow.default,\n }),\n ...(tokens?.typography?.whiteSpace && {\n \"--text-block-white-space\": tokens.typography.whiteSpace.default,\n }),\n ...(tokens?.typography?.wordBreak && {\n \"--text-block-word-break\": tokens.typography.wordBreak.default,\n }),\n ...(tokens?.typography?.wordWrap && {\n \"--text-block-word-wrap\": tokens.typography.wordWrap.default,\n }),\n ...(tokens?.typography?.wordSpacing && {\n \"--text-block-word-spacing\": tokens.typography.wordSpacing.default,\n }),\n ...(tokens?.typography?.textShadow && {\n \"--text-block-text-shadow\": tokens.typography.textShadow.default,\n }),\n }),\n [tokens],\n );\n\n const textAlignment = alignment ? styles[`textblock-${alignment}`] : \"\";\n\n return (\n <Frame\n data={{ as }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n style={tokensStyles as React.CSSProperties}\n className={`${styles.tuiTextBlock} ${textAlignment} ${className ? className : \"\"}`}\n {...rest}\n >\n {children ?? text}\n </Frame>\n );\n};\n\nexport default TextBlock;\n"],"names":["TextBlock","data","tokens","children","className","colorPalette","colorSource","customColor","rest","as","text","alignment","tokensStyles","useMemo","textAlignment","styles","jsx","Frame"],"mappings":"6IAiBMA,EAAsC,CAAC,CAC3C,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAM,CACJ,GAAI,CAACP,EAAM,OAAO,KAGlB,KAAM,CAAE,GAAAQ,EAAK,IAAK,KAAAC,EAAO,GAAI,UAAAC,GAAcV,EACrCW,EAAeC,EAAAA,QACnB,KAAO,CACL,GAAIX,GAAQ,OAAO,MAAQ,CACzB,qBAAsBA,EAAO,MAAM,KAAK,OAAA,EAE1C,GAAIA,GAAQ,YAAY,MAAQ,CAC9B,oBAAqBA,EAAO,WAAW,KAAK,OAAA,EAE9C,GAAIA,GAAQ,YAAY,UAAY,CAClC,yBAA0BA,EAAO,WAAW,SAAS,OAAA,EAEvD,GAAIA,GAAQ,YAAY,YAAc,CACpC,2BAA4BA,EAAO,WAAW,WAAW,OAAA,EAE3D,GAAIA,GAAQ,YAAY,YAAc,CACpC,2BAA4BA,EAAO,WAAW,WAAW,OAAA,EAE3D,GAAIA,GAAQ,YAAY,eAAiB,CACvC,8BAA+BA,EAAO,WAAW,cAAc,OAAA,EAEjE,GAAIA,GAAQ,YAAY,WAAa,CACnC,0BAA2BA,EAAO,WAAW,UAAU,OAAA,EAEzD,GAAIA,GAAQ,YAAY,eAAiB,CACvC,8BAA+BA,EAAO,WAAW,cAAc,OAAA,EAEjE,GAAIA,GAAQ,YAAY,gBAAkB,CACxC,+BACEA,EAAO,WAAW,eAAe,OAAA,EAErC,GAAIA,GAAQ,YAAY,cAAgB,CACtC,6BAA8BA,EAAO,WAAW,aAAa,OAAA,EAE/D,GAAIA,GAAQ,YAAY,YAAc,CACpC,2BAA4BA,EAAO,WAAW,WAAW,OAAA,EAE3D,GAAIA,GAAQ,YAAY,WAAa,CACnC,0BAA2BA,EAAO,WAAW,UAAU,OAAA,EAEzD,GAAIA,GAAQ,YAAY,UAAY,CAClC,yBAA0BA,EAAO,WAAW,SAAS,OAAA,EAEvD,GAAIA,GAAQ,YAAY,aAAe,CACrC,4BAA6BA,EAAO,WAAW,YAAY,OAAA,EAE7D,GAAIA,GAAQ,YAAY,YAAc,CACpC,2BAA4BA,EAAO,WAAW,WAAW,OAAA,CAC3D,GAEF,CAACA,CAAM,CAAA,EAGHY,EAAgBH,EAAYI,EAAAA,QAAO,aAAaJ,CAAS,EAAE,EAAI,GAErE,OACEK,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAAR,CAAA,EACR,aAAAJ,EACA,YAAAC,EACA,YAAAC,EACA,MAAOK,EACP,UAAW,GAAGG,UAAO,YAAY,IAAID,CAAa,IAAIV,GAAwB,EAAE,GAC/E,GAAGI,EAEH,SAAAL,GAAYO,CAAA,CAAA,CAGnB"}

package/dist/cjs/ui/primitives/TextBlock/TextBlock.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="r2rXkpCt",e="_0-8DBaz-",o="SArirr-f",c="_6IjEF1jG",l={tuiTextBlock:t,"textblock-left":"_0-8DBaz-",textblockLeft:e,"textblock-center":"SArirr-f",textblockCenter:o,"textblock-right":"_6IjEF1jG",textblockRight:c};exports.default=l;exports.textblockCenter=o;exports.textblockLeft=e;exports.textblockRight=c;exports.tuiTextBlock=t;
2	+ //# sourceMappingURL=TextBlock.module.css.cjs.map

package/dist/cjs/ui/primitives/TextBlock/TextBlock.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextBlock/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/TextBlock/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextBody/TextBody.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const m=require("react/jsx-runtime"),b=require("../TextBlock/TextBlock.cjs"),e=require("./TextBody.module.css.cjs"),S=({children:i,data:o,tokens:t,className:y="",colorPalette:p,colorSource:l,customColor:g,...d})=>{if(!o)return null;const{as:f="p",size:r="md",weight:a="regular",alignment:x,text:h}=o\|\|{},c={...t?.typography?.fontFamily&&{"--text-body-fontfamily":t.typography.fontFamily.default},...t?.color?.text&&{"--text-body-color":t.color.text.default},...t?.typography?.fontSize&&{"--text-body-font-size":t.typography.fontSize.default},...t?.typography?.fontWeight&&{"--text-body-font-weight":t.typography.fontWeight.default},...t?.typography?.lineHeight&&{"--text-body-line-height":t.typography.lineHeight.default},...t?.typography?.letterSpacing&&{"--text-body-letter-spacing":t.typography.letterSpacing.default},...t?.typography?.textTransform&&{"--text-body-text-transform":t.typography.textTransform.default},...t?.typography?.textDecoration&&{"--text-body-text-decoration":t.typography.textDecoration.default}},n=`body-${r}`,u=a,s=`${e.default.tuiTextBody} ${e.default[n]} ${e.default[u]} ${y\|\|""}`;return m.jsx(b,{data:{as:f,alignment:x,weight:a,size:r,text:h},colorPalette:p,colorSource:l,customColor:g,className:s,style:c,...d,children:i})};module.exports=S;
2	+ //# sourceMappingURL=TextBody.cjs.map

package/dist/cjs/ui/primitives/TextBody/TextBody.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextBody.cjs","sources":["../../../../../src/ui/primitives/TextBody/TextBody.tsx"],"sourcesContent":["import type { TextBodyModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextBody.module.css\";\n\nexport type TextBodyProps = Omit<TextBodyModel, \"_type\"> &\n React.HTMLAttributes<HTMLElement> & {\n children?: React.ReactNode;\n };\n\nconst TextBody: React.FC<TextBodyProps> = ({\n children,\n data,\n tokens,\n className = \"\",\n colorPalette,\n colorSource,\n customColor,\n ...rest\n}) => {\n if (!data) return null;\n const _fingerprint = \"0235377ad2caff647d93dff0dd5a5916\";\n\n const {\n as = \"p\",\n size = \"md\",\n weight = \"regular\",\n alignment,\n text,\n } = data || {};\n\n const tokenStyles = {\n ...(tokens?.typography?.fontFamily && {\n \"--text-body-fontfamily\": tokens.typography.fontFamily.default,\n }),\n ...(tokens?.color?.text && {\n \"--text-body-color\": tokens.color.text.default,\n }),\n ...(tokens?.typography?.fontSize && {\n \"--text-body-font-size\": tokens.typography.fontSize.default,\n }),\n ...(tokens?.typography?.fontWeight && {\n \"--text-body-font-weight\": tokens.typography.fontWeight.default,\n }),\n ...(tokens?.typography?.lineHeight && {\n \"--text-body-line-height\": tokens.typography.lineHeight.default,\n }),\n ...(tokens?.typography?.letterSpacing && {\n \"--text-body-letter-spacing\": tokens.typography.letterSpacing.default,\n }),\n ...(tokens?.typography?.textTransform && {\n \"--text-body-text-transform\": tokens.typography.textTransform.default,\n }),\n ...(tokens?.typography?.textDecoration && {\n \"--text-body-text-decoration\": tokens.typography.textDecoration.default,\n }),\n };\n\n const cssSize = `body-${size}` as keyof typeof styles;\n const cssWeight = weight as keyof typeof styles;\n const rootClassName = `${styles.tuiTextBody} ${styles[cssSize]} ${styles[cssWeight]} ${className ? className : \"\"}`;\n\n return (\n <TextBlock\n data={{\n as,\n alignment,\n weight,\n size,\n text,\n }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={rootClassName}\n style={tokenStyles as React.CSSProperties}\n {...rest}\n >\n {children}\n </TextBlock>\n );\n};\n\nexport default TextBody;\n"],"names":["TextBody","children","data","tokens","className","colorPalette","colorSource","customColor","rest","as","size","weight","alignment","text","tokenStyles","cssSize","cssWeight","rootClassName","styles","jsx","TextBlock"],"mappings":"iIAUMA,EAAoC,CAAC,CACzC,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,GACZ,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAM,CACJ,GAAI,CAACN,EAAM,OAAO,KAGlB,KAAM,CACJ,GAAAO,EAAK,IACL,KAAAC,EAAO,KACP,OAAAC,EAAS,UACT,UAAAC,EACA,KAAAC,CAAA,EACEX,GAAQ,CAAA,EAENY,EAAc,CAClB,GAAIX,GAAQ,YAAY,YAAc,CACpC,yBAA0BA,EAAO,WAAW,WAAW,OAAA,EAEzD,GAAIA,GAAQ,OAAO,MAAQ,CACzB,oBAAqBA,EAAO,MAAM,KAAK,OAAA,EAEzC,GAAIA,GAAQ,YAAY,UAAY,CAClC,wBAAyBA,EAAO,WAAW,SAAS,OAAA,EAEtD,GAAIA,GAAQ,YAAY,YAAc,CACpC,0BAA2BA,EAAO,WAAW,WAAW,OAAA,EAE1D,GAAIA,GAAQ,YAAY,YAAc,CACpC,0BAA2BA,EAAO,WAAW,WAAW,OAAA,EAE1D,GAAIA,GAAQ,YAAY,eAAiB,CACvC,6BAA8BA,EAAO,WAAW,cAAc,OAAA,EAEhE,GAAIA,GAAQ,YAAY,eAAiB,CACvC,6BAA8BA,EAAO,WAAW,cAAc,OAAA,EAEhE,GAAIA,GAAQ,YAAY,gBAAkB,CACxC,8BAA+BA,EAAO,WAAW,eAAe,OAAA,CAClE,EAGIY,EAAU,QAAQL,CAAI,GACtBM,EAAYL,EACZM,EAAgB,GAAGC,EAAAA,QAAO,WAAW,IAAIA,EAAAA,QAAOH,CAAO,CAAC,IAAIG,EAAAA,QAAOF,CAAS,CAAC,IAAIZ,GAAwB,EAAE,GAEjH,OACEe,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,GAAAX,EACA,UAAAG,EACA,OAAAD,EACA,KAAAD,EACA,KAAAG,CAAA,EAEF,aAAAR,EACA,YAAAC,EACA,YAAAC,EACA,UAAWU,EACX,MAAOH,EACN,GAAGN,EAEH,SAAAP,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/TextBody/TextBody.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d="D5tGkCQc",o="_-6oF6vHV",t="JQFm52go",y="rbyguXn-",e="yMH42Ax-",b="CddC7M5O",s="MA3eKnMV",l={tuiTextBody:d,md:o,bold:t,light:y,"body-md":"yMH42Ax-",bodyMd:e,"body-lg":"CddC7M5O",bodyLg:b,"body-sm":"MA3eKnMV",bodySm:s};exports.bodyLg=b;exports.bodyMd=e;exports.bodySm=s;exports.bold=t;exports.default=l;exports.light=y;exports.md=o;exports.tuiTextBody=d;
2	+ //# sourceMappingURL=TextBody.module.css.cjs.map

package/dist/cjs/ui/primitives/TextBody/TextBody.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextBody/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/TextBody/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextDisplay/TextDisplay.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const h=require("react/jsx-runtime"),$=require("../TextBlock/TextBlock.cjs"),e=require("./TextDisplay.module.css.cjs"),T=({children:i,data:l,events:r,tokens:t,className:s,colorPalette:c,colorSource:n,customColor:u})=>{if(!l)return null;const{size:o="md",weight:a="regular",text:y="",alignment:x="left",as:f="h1"}=l,p={...t?.color?.text&&{"--text-display-color":t.color.text.default},...t?.typography?.fontFamily&&{"--text-display-fontfamily":t.typography.fontFamily.default}},d=`display-${o}`,m=a,g=`${e.default.tuiTextDisplay} ${e.default[d]} ${e.default[m]} ${s\|\|""}`;return h.jsx($,{data:{as:f,alignment:x,weight:a,size:o,text:y},colorPalette:c,colorSource:n,customColor:u,className:g,style:p,events:r,children:i})};module.exports=T;
2	+ //# sourceMappingURL=TextDisplay.cjs.map

package/dist/cjs/ui/primitives/TextDisplay/TextDisplay.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextDisplay.cjs","sources":["../../../../../src/ui/primitives/TextDisplay/TextDisplay.tsx"],"sourcesContent":["import type { TextDisplayModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextDisplay.module.css\";\n\nexport interface TextDisplayProps extends TextDisplayModel {\n children?: React.ReactNode;\n}\n\nconst TextDisplay: React.FC<TextDisplayProps> = ({\n children,\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"3f8ae0cec3b9f2ae296963957087085d\";\n const {\n size = \"md\",\n weight = \"regular\",\n text = \"\",\n alignment = \"left\",\n as = \"h1\",\n } = data;\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--text-display-color\": tokens.color.text.default,\n }),\n ...(tokens?.typography?.fontFamily && {\n \"--text-display-fontfamily\": tokens.typography.fontFamily.default,\n }),\n };\n\n const cssSize = `display-${size}` as keyof typeof styles;\n const cssWeight = weight as keyof typeof styles;\n const rootClassName = `${styles.tuiTextDisplay} ${styles[cssSize]} ${styles[cssWeight]} ${className ? className : \"\"}`;\n\n return (\n <TextBlock\n data={{\n as,\n alignment,\n weight,\n size,\n text,\n }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={rootClassName}\n style={tokenStyles as React.CSSProperties}\n events={events}\n >\n {children}\n </TextBlock>\n );\n};\n\nexport default TextDisplay;\n"],"names":["TextDisplay","children","data","events","tokens","className","colorPalette","colorSource","customColor","size","weight","text","alignment","as","tokenStyles","cssSize","cssWeight","rootClassName","styles","jsx","TextBlock"],"mappings":"oIASMA,EAA0C,CAAC,CAC/C,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACN,EAAM,OAAO,KAElB,KAAM,CACJ,KAAAO,EAAO,KACP,OAAAC,EAAS,UACT,KAAAC,EAAO,GACP,UAAAC,EAAY,OACZ,GAAAC,EAAK,IAAA,EACHX,EAEEY,EAAc,CAClB,GAAIV,GAAQ,OAAO,MAAQ,CACzB,uBAAwBA,EAAO,MAAM,KAAK,OAAA,EAE5C,GAAIA,GAAQ,YAAY,YAAc,CACpC,4BAA6BA,EAAO,WAAW,WAAW,OAAA,CAC5D,EAGIW,EAAU,WAAWN,CAAI,GACzBO,EAAYN,EACZO,EAAgB,GAAGC,EAAAA,QAAO,cAAc,IAAIA,EAAAA,QAAOH,CAAO,CAAC,IAAIG,EAAAA,QAAOF,CAAS,CAAC,IAAIX,GAAwB,EAAE,GAEpH,OACEc,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,GAAAP,EACA,UAAAD,EACA,OAAAF,EACA,KAAAD,EACA,KAAAE,CAAA,EAEF,aAAAL,EACA,YAAAC,EACA,YAAAC,EACA,UAAWS,EACX,MAAOH,EACP,OAAAX,EAEC,SAAAF,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/TextDisplay/TextDisplay.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="MVMwu4V-",s="_5yd8Mlln",t="t-r7CqWu",i="UhChus6f",d="kKAZ63c9",a="_-24I-Qyn",e="-cAKnjbY",y={tuiTextDisplay:l,light:s,regular:t,bold:i,"display-sm":"kKAZ63c9",displaySm:d,"display-md":"_-24I-Qyn",displayMd:a,"display-lg":"-cAKnjbY",displayLg:e};exports.bold=i;exports.default=y;exports.displayLg=e;exports.displayMd=a;exports.displaySm=d;exports.light=s;exports.regular=t;exports.tuiTextDisplay=l;
2	+ //# sourceMappingURL=TextDisplay.module.css.cjs.map

package/dist/cjs/ui/primitives/TextDisplay/TextDisplay.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextDisplay/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/TextDisplay/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextEyebrow/TextEyebrow.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const b=require("react/jsx-runtime"),$=require("../TextBlock/TextBlock.cjs"),e=require("./TextEyebrow.module.css.cjs"),g=({children:l,data:t,tokens:o,className:s="",colorPalette:n,colorSource:u,customColor:i})=>{if(!t)return null;const{size:r="md",weight:c="regular",alignment:a,text:x}=t,d={...o?.color?.text&&{"--text-eyebrow-color":o.color.text.default}},y={size:r,weight:c,alignment:a,text:x},f=`eyebrow-${r}`,w=c;return b.jsx($,{data:{as:"span",...y},colorPalette:n,colorSource:u,customColor:i,className:`${e.default.tuiTextEyebrow} ${e.default[f]} ${e.default[w]} ${s\|\|""}`,style:d,children:l})};module.exports=g;
2	+ //# sourceMappingURL=TextEyebrow.cjs.map

package/dist/cjs/ui/primitives/TextEyebrow/TextEyebrow.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextEyebrow.cjs","sources":["../../../../../src/ui/primitives/TextEyebrow/TextEyebrow.tsx"],"sourcesContent":["import type { TextEyebrowModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextEyebrow.module.css\";\n\nexport interface TextEyebrowProps extends TextEyebrowModel {\n children?: React.ReactNode;\n}\n\nconst TextEyebrow: React.FC<TextEyebrowProps> = ({\n children,\n data,\n tokens,\n className = \"\",\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"6a397e092db397bd7161d543c4c44bd3\";\n\n const { size = \"md\", weight = \"regular\", alignment, text } = data;\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--text-eyebrow-color\": tokens.color.text.default,\n }),\n };\n\n const dataWithDefaults = {\n size: size as\n | \"3xs\"\n | \"2xs\"\n | \"xs\"\n | \"sm\"\n | \"md\"\n | \"lg\"\n | \"xl\"\n | \"2xl\"\n | \"3xl\",\n weight,\n alignment,\n text,\n };\n\n const cssSize = `eyebrow-${size}` as keyof typeof styles;\n const cssWeight = weight as keyof typeof styles;\n\n return (\n <TextBlock\n data={{\n as: \"span\",\n ...dataWithDefaults,\n }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.tuiTextEyebrow} ${styles[cssSize]} ${styles[cssWeight]} ${className ? className : \"\"}`}\n style={tokenStyles as React.CSSProperties}\n >\n {children}\n </TextBlock>\n );\n};\n\nexport default TextEyebrow;\n"],"names":["TextEyebrow","children","data","tokens","className","colorPalette","colorSource","customColor","size","weight","alignment","text","tokenStyles","dataWithDefaults","cssSize","cssWeight","jsx","TextBlock","styles"],"mappings":"oIASMA,EAA0C,CAAC,CAC/C,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,GACZ,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACL,EAAM,OAAO,KAGlB,KAAM,CAAE,KAAAM,EAAO,KAAM,OAAAC,EAAS,UAAW,UAAAC,EAAW,KAAAC,GAAST,EAEvDU,EAAc,CAClB,GAAIT,GAAQ,OAAO,MAAQ,CACzB,uBAAwBA,EAAO,MAAM,KAAK,OAAA,CAC5C,EAGIU,EAAmB,CACvB,KAAAL,EAUA,OAAAC,EACA,UAAAC,EACA,KAAAC,CAAA,EAGIG,EAAU,WAAWN,CAAI,GACzBO,EAAYN,EAElB,OACEO,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,GAAI,OACJ,GAAGJ,CAAA,EAEL,aAAAR,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGW,EAAAA,QAAO,cAAc,IAAIA,EAAAA,QAAOJ,CAAO,CAAC,IAAII,EAAAA,QAAOH,CAAS,CAAC,IAAIX,GAAwB,EAAE,GACzG,MAAOQ,EAEN,SAAAX,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/TextEyebrow/TextEyebrow.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="n1delwsi",o="YWrzPiRv",t="OWMteAY9",r="b9J0-tPe",b="fRwLHwxr",w="Mu2BJcXF",y={tuiTextEyebrow:e,"eyebrow-md":"YWrzPiRv",eyebrowMd:o,bold:t,light:r,"eyebrow-lg":"fRwLHwxr",eyebrowLg:b,"eyebrow-sm":"Mu2BJcXF",eyebrowSm:w};exports.bold=t;exports.default=y;exports.eyebrowLg=b;exports.eyebrowMd=o;exports.eyebrowSm=w;exports.light=r;exports.tuiTextEyebrow=e;
2	+ //# sourceMappingURL=TextEyebrow.module.css.cjs.map

package/dist/cjs/ui/primitives/TextEyebrow/TextEyebrow.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextEyebrow/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/TextEyebrow/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextHeading/TextHeading.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const p=require("react/jsx-runtime"),$=require("../TextBlock/TextBlock.cjs"),e=require("./TextHeading.module.css.cjs"),T=({children:l,data:o,events:s,tokens:t,className:n,colorPalette:r,colorSource:c,customColor:u})=>{if(!o)return null;const{size:a="md",weight:i="regular",text:d="",alignment:g="left",as:x="h1"}=o,f={...t?.color?.text&&{"--text-heading-color":t.color.text.default},...t?.typography?.fontFamily&&{"--text-heading-fontfamily":t.typography.fontFamily.default}},y=`heading-${a}`,h=i,m=`${e.default.tuiTextHeading} ${e.default[y]} ${e.default[h]} ${n\|\|""}`;return p.jsx($,{data:{as:x,alignment:g,weight:i,size:a,text:d},colorPalette:r,colorSource:c,customColor:u,className:m,style:f,events:s,children:l})};module.exports=T;
2	+ //# sourceMappingURL=TextHeading.cjs.map

package/dist/cjs/ui/primitives/TextHeading/TextHeading.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextHeading.cjs","sources":["../../../../../src/ui/primitives/TextHeading/TextHeading.tsx"],"sourcesContent":["import type { TextHeadingModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextHeading.module.css\";\n\nexport interface TextHeadingProps extends TextHeadingModel {\n children?: React.ReactNode;\n}\n\nconst TextHeading: React.FC<TextHeadingProps> = ({\n children,\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"61d1cb25ae4a016646c059d28418cf95\";\n const {\n size = \"md\",\n weight = \"regular\",\n text = \"\",\n alignment = \"left\",\n as = \"h1\",\n } = data;\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--text-heading-color\": tokens.color.text.default,\n }),\n ...(tokens?.typography?.fontFamily && {\n \"--text-heading-fontfamily\": tokens.typography.fontFamily.default,\n }),\n };\n\n const cssSize = `heading-${size}` as keyof typeof styles;\n const cssWeight = weight as keyof typeof styles;\n const rootClassName = `${styles.tuiTextHeading} ${styles[cssSize]} ${styles[cssWeight]} ${className ? className : \"\"}`;\n\n return (\n <TextBlock\n data={{\n as,\n alignment,\n weight,\n size,\n text,\n }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={rootClassName}\n style={tokenStyles as React.CSSProperties}\n events={events}\n >\n {children}\n </TextBlock>\n );\n};\n\nexport default TextHeading;\n"],"names":["TextHeading","children","data","events","tokens","className","colorPalette","colorSource","customColor","size","weight","text","alignment","as","tokenStyles","cssSize","cssWeight","rootClassName","styles","jsx","TextBlock"],"mappings":"oIASMA,EAA0C,CAAC,CAC/C,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACN,EAAM,OAAO,KAElB,KAAM,CACJ,KAAAO,EAAO,KACP,OAAAC,EAAS,UACT,KAAAC,EAAO,GACP,UAAAC,EAAY,OACZ,GAAAC,EAAK,IAAA,EACHX,EAEEY,EAAc,CAClB,GAAIV,GAAQ,OAAO,MAAQ,CACzB,uBAAwBA,EAAO,MAAM,KAAK,OAAA,EAE5C,GAAIA,GAAQ,YAAY,YAAc,CACpC,4BAA6BA,EAAO,WAAW,WAAW,OAAA,CAC5D,EAGIW,EAAU,WAAWN,CAAI,GACzBO,EAAYN,EACZO,EAAgB,GAAGC,EAAAA,QAAO,cAAc,IAAIA,EAAAA,QAAOH,CAAO,CAAC,IAAIG,EAAAA,QAAOF,CAAS,CAAC,IAAIX,GAAwB,EAAE,GAEpH,OACEc,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,GAAAP,EACA,UAAAD,EACA,OAAAF,EACA,KAAAD,EACA,KAAAE,CAAA,EAEF,aAAAL,EACA,YAAAC,EACA,YAAAC,EACA,UAAWS,EACX,MAAOH,EACP,OAAAX,EAEC,SAAAF,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/TextHeading/TextHeading.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="fkEEV2Yx",n="_1dCV1WIn",i="_708lnBDV",d="e5alHiwS",g="bzpuFpCi",a="Bm8ER9-p",h="_5uLHtR69",t="hPMCu-hX",s="_7YZyyPPU",l="_0HSEAY96",o={tuiTextHeading:e,light:n,regular:i,bold:d,"heading-3xs":"bzpuFpCi",heading3Xs:g,"heading-2xs":"Bm8ER9-p",heading2Xs:a,"heading-xs":"_5uLHtR69",headingXs:h,"heading-sm":"hPMCu-hX",headingSm:t,"heading-md":"_7YZyyPPU",headingMd:s,"heading-lg":"_0HSEAY96",headingLg:l};exports.bold=d;exports.default=o;exports.heading2Xs=a;exports.heading3Xs=g;exports.headingLg=l;exports.headingMd=s;exports.headingSm=t;exports.headingXs=h;exports.light=n;exports.regular=i;exports.tuiTextHeading=e;
2	+ //# sourceMappingURL=TextHeading.module.css.cjs.map

package/dist/cjs/ui/primitives/TextHeading/TextHeading.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextHeading/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/TextHeading/index.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextQuote/TextQuote.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const q=require("react/jsx-runtime"),d=require("../TextBlock/TextBlock.cjs"),e=require("./TextQuote.module.css.cjs"),m=({children:i,data:o,tokens:t,className:u,colorPalette:r,colorSource:y,customColor:f})=>{if(!o)return null;const{alignment:g,cite:n,as:p="q",size:a="md",text:x,weight:l="regular"}=o,c={...t?.color?.text&&{"--text-quote-color":t?.color?.text.default},...t?.typography?.fontFamily&&{"--text-quote-fontfamily":t.typography.fontFamily.default},...t?.typography?.fontSize&&{"--text-quote-font-size":t.typography.fontSize.default},...t?.typography?.fontWeight&&{"--text-quote-weight":t.typography.fontWeight.default},...t?.typography?.textAlign&&{"--text-quote-alignment":t.typography.textAlign.default}},s=e.default[`quote-${a}`],h=e.default[`quote-${l}`];return q.jsx(d,{data:{as:p,text:x,size:a,weight:l,alignment:g,cite:n},colorPalette:r,colorSource:y,customColor:f,className:`${e.default.tuiTextQuote} ${s} ${h} ${u?` ${u}`:""}`,style:c,children:i})};module.exports=m;
2	+ //# sourceMappingURL=TextQuote.cjs.map

package/dist/cjs/ui/primitives/TextQuote/TextQuote.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextQuote.cjs","sources":["../../../../../src/ui/primitives/TextQuote/TextQuote.tsx"],"sourcesContent":["import type { TextQuoteModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextQuote.module.css\";\n\nexport interface TextQuoteProps extends TextQuoteModel {\n children?: React.ReactNode;\n}\n\nconst TextQuote: React.FC<TextQuoteProps> = ({\n children,\n data,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n const _fingerprint = \"bf1d88fa91a57ecbfa41305e8d29a16c\";\n if (!data) return null;\n\n const {\n alignment,\n cite,\n as = \"q\",\n size = \"md\",\n text,\n weight = \"regular\",\n } = data;\n\n const tokenStyles = {\n ...(tokens?.color?.text && {\n \"--text-quote-color\": tokens?.color?.text.default,\n }),\n ...(tokens?.typography?.fontFamily && {\n \"--text-quote-fontfamily\": tokens.typography.fontFamily.default,\n }),\n ...(tokens?.typography?.fontSize && {\n \"--text-quote-font-size\": tokens.typography.fontSize.default,\n }),\n ...(tokens?.typography?.fontWeight && {\n \"--text-quote-weight\": tokens.typography.fontWeight.default,\n }),\n ...(tokens?.typography?.textAlign && {\n \"--text-quote-alignment\": tokens.typography.textAlign.default,\n }),\n };\n\n const sizeClassName = styles[`quote-${size}`];\n const weightClassName = styles[`quote-${weight}`];\n\n return (\n <TextBlock\n data={{\n as,\n text,\n size,\n weight,\n alignment,\n cite,\n }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={`${styles.tuiTextQuote} ${sizeClassName} ${weightClassName} ${className ? ` ${className}` : \"\"}`}\n style={tokenStyles as React.CSSProperties}\n >\n {children}\n </TextBlock>\n );\n};\n\nexport default TextQuote;\n"],"names":["TextQuote","children","data","tokens","className","colorPalette","colorSource","customColor","alignment","cite","as","size","text","weight","tokenStyles","sizeClassName","styles","weightClassName","jsx","TextBlock"],"mappings":"kIASMA,EAAsC,CAAC,CAC3C,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CAEJ,GAAI,CAACL,EAAM,OAAO,KAElB,KAAM,CACJ,UAAAM,EACA,KAAAC,EACA,GAAAC,EAAK,IACL,KAAAC,EAAO,KACP,KAAAC,EACA,OAAAC,EAAS,SAAA,EACPX,EAEEY,EAAc,CAClB,GAAIX,GAAQ,OAAO,MAAQ,CACzB,qBAAsBA,GAAQ,OAAO,KAAK,OAAA,EAE5C,GAAIA,GAAQ,YAAY,YAAc,CACpC,0BAA2BA,EAAO,WAAW,WAAW,OAAA,EAE1D,GAAIA,GAAQ,YAAY,UAAY,CAClC,yBAA0BA,EAAO,WAAW,SAAS,OAAA,EAEvD,GAAIA,GAAQ,YAAY,YAAc,CACpC,sBAAuBA,EAAO,WAAW,WAAW,OAAA,EAEtD,GAAIA,GAAQ,YAAY,WAAa,CACnC,yBAA0BA,EAAO,WAAW,UAAU,OAAA,CACxD,EAGIY,EAAgBC,EAAAA,QAAO,SAASL,CAAI,EAAE,EACtCM,EAAkBD,EAAAA,QAAO,SAASH,CAAM,EAAE,EAEhD,OACEK,EAAAA,IAACC,EAAA,CACC,KAAM,CACJ,GAAAT,EACA,KAAAE,EACA,KAAAD,EACA,OAAAE,EACA,UAAAL,EACA,KAAAC,CAAA,EAEF,aAAAJ,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGS,EAAAA,QAAO,YAAY,IAAID,CAAa,IAAIE,CAAe,IAAIb,EAAY,IAAIA,CAAS,GAAK,EAAE,GACzG,MAAOU,EAEN,SAAAb,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/TextQuote/TextQuote.module.css.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="WM99XI6O",e="-sRMCcrU",o="ZegEY03T",u="U0zc0auW",q="K5-dqdv-",l="U2jKa2LD",s="KGPXtH67",d={tuiTextQuote:t,"quote-bold":"-sRMCcrU",quoteBold:e,"quote-light":"ZegEY03T",quoteLight:o,"quote-regular":"U0zc0auW",quoteRegular:u,"quote-lg":"K5-dqdv-",quoteLg:q,"quote-md":"U2jKa2LD",quoteMd:l,"quote-sm":"KGPXtH67",quoteSm:s};exports.default=d;exports.quoteBold=e;exports.quoteLg=q;exports.quoteLight=o;exports.quoteMd=l;exports.quoteRegular=u;exports.quoteSm=s;exports.tuiTextQuote=t;
2	+ //# sourceMappingURL=TextQuote.module.css.cjs.map

package/dist/cjs/ui/primitives/TextQuote/TextQuote.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/ui/primitives/TextQuote/index.cjs ADDED Viewed

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

package/dist/cjs/ui/primitives/TextQuote/index.cjs.map ADDED Viewed

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