@tramo-digital/react-ui 0.0.0-alpha

package/dist/cjs/ui/patterns/Content/Content.module.css.cjs.map

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

package/dist/cjs/ui/patterns/Content/index.cjs

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

package/dist/cjs/ui/patterns/Content/index.cjs.map

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

package/dist/cjs/ui/patterns/FormGroup/FormGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),E=require("../../primitives/Frame/Frame.cjs"),y=require("../../primitives/Input/Input.cjs"),D=require("../../primitives/Textarea/Textarea.cjs"),R=require("../../primitives/Select/Select.cjs"),B=require("../../primitives/Checkbox/Checkbox.cjs"),C=require("../../primitives/Radio/Radio.cjs"),G=require("../../primitives/Button/Button.cjs"),a=require("./FormGroup.module.css.cjs"),L=({data:i,events:m,tokens:o,className:g,colorPalette:N,colorSource:j,customColor:v})=>{if(!i)return null;const{action:k,method:q="post",fields:M=[],submitButton:x,successMessage:h,errorMessage:b}=i,F=e=>{if(m?.onSubmit){e.preventDefault();const c=new FormData(e.currentTarget),r={};c.forEach((t,n)=>{r[n]=t}),m.onSubmit(r,e)}},T=(e,c)=>{const r=e.props.data,t=r.id??r.name??`form-field-${c}`,n=r.label,f=r.required,u=r.errorMessage,p=r.helperText,d=!!u;let l=null;switch(e.type){case"input":l=s.jsx(y,{data:{...e.props.data,id:t},events:e.props.events,tokens:e.props.tokens,className:e.props.className});break;case"textarea":l=s.jsx(D,{data:{...e.props.data,id:t},events:e.props.events,tokens:e.props.tokens,className:e.props.className});break;case"select":l=s.jsx(R,{data:{...e.props.data,id:t},events:e.props.events,tokens:e.props.tokens,className:e.props.className});break;case"checkbox":l=s.jsx(B,{data:{...e.props.data,id:t},events:e.props.events,tokens:e.props.tokens,className:e.props.className});break;case"radio":l=s.jsx(C,{data:{...e.props.data,id:t},events:e.props.events,tokens:e.props.tokens,className:e.props.className});break;default:return null}return e.type==="checkbox"?s.jsxs("div",{className:a.default.fieldWrapper,children:[s.jsxs("label",{htmlFor:t,className:a.default.checkboxLabelWrapper,children:[l,n&&s.jsxs("span",{className:a.default.fieldLabelText,children:[n,f&&s.jsx("span",{className:a.default.required,"aria-hidden":"true",children:"*"})]})]}),d&&s.jsx("span",{className:a.default.fieldErrorMessage,role:"alert",children:u}),!d&&p&&s.jsx("span",{className:a.default.fieldHelperText,children:p})]},c):s.jsxs("div",{className:a.default.fieldWrapper,children:[n&&s.jsxs("label",{htmlFor:t,className:a.default.fieldLabel,children:[n,f&&s.jsx("span",{className:a.default.required,"aria-hidden":"true",children:"*"})]}),l,d&&s.jsx("span",{className:a.default.fieldErrorMessage,role:"alert",children:u}),!d&&p&&s.jsx("span",{className:a.default.fieldHelperText,children:p})]},c)},S={...o?.color?.background&&{"--formgroup-bg":o.color.background.default},...o?.spacing?.gap&&{"--formgroup-gap":o.spacing.gap.default},...o?.spacing?.padding&&{"--formgroup-padding":o.spacing.padding.default},...o?.border?.borderRadius&&{"--formgroup-border-radius":o.border.borderRadius.default}};return s.jsxs(E,{"data-tui-pattern":"base",data:{as:"form",action:k,method:q},colorPalette:N,colorSource:j,customColor:v,className:[a.default.formGroup,g??""].filter(Boolean).join(" "),style:S,events:{onSubmit:F},children:[h&&s.jsx("div",{className:a.default.successMessage,role:"status","aria-live":"polite",children:h}),b&&s.jsx("div",{className:a.default.errorMessage,role:"alert","aria-live":"assertive",children:b}),s.jsx("div",{className:a.default.fieldsContainer,children:M.map(T)}),x&&s.jsx("div",{className:a.default.actionsContainer,children:s.jsx(G,{...x})})]})};module.exports=L;
+//# sourceMappingURL=FormGroup.cjs.map

package/dist/cjs/ui/patterns/FormGroup/FormGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.cjs","sources":["../../../../../src/ui/patterns/FormGroup/FormGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { FormGroupModel, FormFieldDescriptor } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport Input from '../../primitives/Input/Input';\nimport Textarea from '../../primitives/Textarea/Textarea';\nimport Select from '../../primitives/Select/Select';\nimport Checkbox from '../../primitives/Checkbox/Checkbox';\nimport Radio from '../../primitives/Radio/Radio';\nimport Button from '../../primitives/Button/Button';\nimport styles from './FormGroup.module.css';\n\nexport interface FormGroupProps {\n  id?: FormGroupModel['id'];\n  data: FormGroupModel['data'];\n  events?: FormGroupModel['events'];\n  tokens?: FormGroupModel['tokens'];\n  className?: FormGroupModel['className'];\n  colorPalette?: FormGroupModel['colorPalette'];\n  colorSource?: FormGroupModel['colorSource'];\n  customColor?: FormGroupModel['customColor'];\n}\n\nconst FormGroup: React.FC<FormGroupProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = '6f4ad4e62e350f295c6b15e56e26d66d';\n\n  const {\n    action,\n    method = 'post',\n    fields = [],\n    submitButton,\n    successMessage,\n    errorMessage,\n  } = data;\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    if (events?.onSubmit) {\n      e.preventDefault();\n      const formData = new FormData(e.currentTarget);\n      const values: Record<string, unknown> = {};\n      formData.forEach((value, key) => {\n        values[key] = value;\n      });\n      events.onSubmit(values, e);\n    }\n  };\n\n  const renderField = (field: FormFieldDescriptor, idx: number) => {\n    const fieldData = field.props.data as {\n      name?: string;\n      id?: string;\n      label?: string;\n      required?: boolean;\n      errorMessage?: string;\n      helperText?: string;\n    };\n    const fieldId = fieldData.id ?? fieldData.name ?? `form-field-${idx}`;\n    const label = fieldData.label;\n    const required = fieldData.required;\n    const fieldErrorMessage = fieldData.errorMessage;\n    const helperText = fieldData.helperText;\n    const hasError = !!fieldErrorMessage;\n\n    let control: React.ReactNode = null;\n    switch (field.type) {\n      case 'input':\n        control = (\n          <Input\n            data={{ ...field.props.data, id: fieldId } as any}\n            events={field.props.events as any}\n            tokens={field.props.tokens as any}\n            className={field.props.className}\n          />\n        );\n        break;\n      case 'textarea':\n        control = (\n          <Textarea\n            data={{ ...field.props.data, id: fieldId } as any}\n            events={field.props.events as any}\n            tokens={field.props.tokens as any}\n            className={field.props.className}\n          />\n        );\n        break;\n      case 'select':\n        control = (\n          <Select\n            data={{ ...field.props.data, id: fieldId } as any}\n            events={field.props.events as any}\n            tokens={field.props.tokens as any}\n            className={field.props.className}\n          />\n        );\n        break;\n      case 'checkbox':\n        control = (\n          <Checkbox\n            data={{ ...field.props.data, id: fieldId } as any}\n            events={field.props.events as any}\n            tokens={field.props.tokens as any}\n            className={field.props.className}\n          />\n        );\n        break;\n      case 'radio':\n        control = (\n          <Radio\n            data={{ ...field.props.data, id: fieldId } as any}\n            events={field.props.events as any}\n            tokens={field.props.tokens as any}\n            className={field.props.className}\n          />\n        );\n        break;\n      default:\n        return null;\n    }\n\n    if (field.type === 'checkbox') {\n      return (\n        <div key={idx} className={styles.fieldWrapper}>\n          <label htmlFor={fieldId} className={styles.checkboxLabelWrapper}>\n            {control}\n            {label && (\n              <span className={styles.fieldLabelText}>\n                {label}\n                {required && (\n                  <span className={styles.required} aria-hidden=\"true\">\n                    *\n                  </span>\n                )}\n              </span>\n            )}\n          </label>\n          {hasError && (\n            <span className={styles.fieldErrorMessage} role=\"alert\">\n              {fieldErrorMessage}\n            </span>\n          )}\n          {!hasError && helperText && (\n            <span className={styles.fieldHelperText}>{helperText}</span>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div key={idx} className={styles.fieldWrapper}>\n        {label && (\n          <label htmlFor={fieldId} className={styles.fieldLabel}>\n            {label}\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n        {control}\n        {hasError && (\n          <span className={styles.fieldErrorMessage} role=\"alert\">\n            {fieldErrorMessage}\n          </span>\n        )}\n        {!hasError && helperText && (\n          <span className={styles.fieldHelperText}>{helperText}</span>\n        )}\n      </div>\n    );\n  };\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      '--formgroup-bg': tokens.color.background.default,\n    }),\n    ...(tokens?.spacing?.gap && {\n      '--formgroup-gap': tokens.spacing.gap.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      '--formgroup-padding': tokens.spacing.padding.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      '--formgroup-border-radius': tokens.border.borderRadius.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data-tui-pattern=\"base\"\n      data={{ as: 'form', action, method }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={[styles.formGroup, className ?? ''].filter(Boolean).join(' ')}\n      style={tokenStyles as React.CSSProperties}\n      events={{ onSubmit: handleSubmit as unknown as Record<string, unknown> }}\n    >\n      {successMessage && (\n        <div className={styles.successMessage} role=\"status\" aria-live=\"polite\">\n          {successMessage}\n        </div>\n      )}\n\n      {errorMessage && (\n        <div className={styles.errorMessage} role=\"alert\" aria-live=\"assertive\">\n          {errorMessage}\n        </div>\n      )}\n\n      <div className={styles.fieldsContainer}>{fields.map(renderField)}</div>\n\n      {submitButton && (\n        <div className={styles.actionsContainer}>\n          <Button {...submitButton} />\n        </div>\n      )}\n    </Frame>\n  );\n};\n\nexport default FormGroup;\n"],"names":["FormGroup","data","events","tokens","className","colorPalette","colorSource","customColor","action","method","fields","submitButton","successMessage","errorMessage","handleSubmit","formData","values","value","key","renderField","field","idx","fieldData","fieldId","label","required","fieldErrorMessage","helperText","hasError","control","jsx","Input","Textarea","Select","Checkbox","Radio","jsxs","styles","tokenStyles","Frame","Button"],"mappings":"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"}

package/dist/cjs/ui/patterns/FormGroup/FormGroup.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="eVNf2c-W",r="rGoYWDTP",s="TD1aT0Z4",o="-k1WSSHI",a="pJ6feoQA",l="pvl6VefE",t="_2AX1A3GR",i="elJp8ve1",c="anpNApoP",n="cQKTcn5V",f="TV5nz3wD",d="ErMKXWp5",p={formGroup:e,fieldsContainer:r,actionsContainer:s,successMessage:o,errorMessage:a,fieldWrapper:l,fieldLabel:t,checkboxLabelWrapper:i,fieldLabelText:c,required:n,fieldErrorMessage:f,fieldHelperText:d};exports.actionsContainer=s;exports.checkboxLabelWrapper=i;exports.default=p;exports.errorMessage=a;exports.fieldErrorMessage=f;exports.fieldHelperText=d;exports.fieldLabel=t;exports.fieldLabelText=c;exports.fieldWrapper=l;exports.fieldsContainer=r;exports.formGroup=e;exports.required=n;exports.successMessage=o;
+//# sourceMappingURL=FormGroup.module.css.cjs.map

package/dist/cjs/ui/patterns/FormGroup/FormGroup.module.css.cjs.map

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

package/dist/cjs/ui/patterns/FormGroup/index.cjs

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

package/dist/cjs/ui/patterns/FormGroup/index.cjs.map

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

package/dist/cjs/ui/patterns/Navigation/Navigation.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),R=require("../../primitives/Frame/Frame.cjs"),s=require("../../primitives/InterfaceIcon/InterfaceIcon.cjs"),i=require("./Navigation.module.css.cjs"),c=require("../../../icons/src/types/svg.cjs"),I=({data:d,tokens:t,events:b,className:g,colorPalette:m,colorSource:h,customColor:p})=>{if(!d)return null;const v={...t?.color?.track&&{"--navigation-track-color":t.color.track.default},...t?.color?.thumb&&{"--navigation-thumb-color":t.color.thumb.default},...t?.color?.buttonBackground&&{"--navigation-button-background":t.color.buttonBackground.default},...t?.color?.buttonBorder&&{"--navigation-button-border-color":t.color.buttonBorder.default},...t?.dimension?.trackHeight&&{"--navigation-track-height":t.dimension.trackHeight.default},...t?.dimension?.thumbHeight&&{"--navigation-thumb-height":t.dimension.thumbHeight.default},...t?.dimension?.buttonWidth&&{"--navigation-button-width":t.dimension.buttonWidth.default},...t?.dimension?.buttonHeight&&{"--navigation-button-height":t.dimension.buttonHeight.default},...t?.spacing?.gap&&{"--navigation-wrapper-gap":t.spacing.gap.default},...t?.spacing?.padding&&{"--navigation-button-padding":t.spacing.padding.default},...t?.border?.borderRadius&&{"--navigation-progress-border-radius":t.border.borderRadius.default},...t?.border?.borderWidth&&{"--navigation-button-border-width":t.border.borderWidth.default}},{totalItems:f,currentItem:e,disableNext:x,disablePrev:N}=d,{onNext:j,onPrev:W}=b??{},B=Array.from({length:f}).map((y,u)=>{const r=u+1;let o=!1;return typeof e=="number"?o=r===e:e&&(o=r>=e.min&&r<=e.max),a.jsx("div",{className:`${i.default.dot} ${o?i.default.dotActive:""}`},u)}),n=!!N,l=!!x;return a.jsx(R,{"data-tui-pattern":"base","data-tui-primitive":"base",data:{as:"div"},colorPalette:m,colorSource:h,customColor:p,className:`${i.default.navigationWrapper} ${g}`,style:v,children:a.jsxs("div",{className:i.default.navigationIndicatorsWrapper,children:[a.jsx("div",{className:i.default.indicatorsPrevButtonWrapper,children:a.jsx("button",{className:i.default.indicatorsPrevButton,"aria-label":"Previous Item",type:"button",disabled:n,"aria-disabled":n,onClick:W,children:a.jsx(s,{data:{type:c.SVG_ARROW_LEFT_LARGE}})})}),a.jsx("div",{className:i.default.dotsWrapper,children:B}),a.jsx("div",{className:i.default.indicatorsNextButtonWrapper,children:a.jsx("button",{className:i.default.indicatorsNextButton,"aria-label":"Next Item",type:"button",disabled:l,"aria-disabled":l,onClick:j,children:a.jsx(s,{data:{type:c.SVG_ARROW_RIGHT_LARGE}})})})]})})};module.exports=I;
+//# sourceMappingURL=Navigation.cjs.map

package/dist/cjs/ui/patterns/Navigation/Navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/ui/patterns/Navigation/Navigation.tsx"],"sourcesContent":["import type { NavigationModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport InterfaceIcon from \"../../primitives/InterfaceIcon/InterfaceIcon\";\nimport styles from \"./Navigation.module.css\";\nimport {\n  SVG_ARROW_RIGHT_LARGE,\n  SVG_ARROW_LEFT_LARGE,\n} from \"@tramo-digital/icons\";\n\nexport type NavigationProps = NavigationModel;\n\nconst Navigation: React.FC<NavigationProps> = ({\n  data,\n  tokens,\n  events,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"a606466578b350db674760c8344a6667\";\n\n  const tokenStyles = {\n    ...(tokens?.color?.track && {\n      \"--navigation-track-color\": tokens.color.track.default,\n    }),\n    ...(tokens?.color?.thumb && {\n      \"--navigation-thumb-color\": tokens.color.thumb.default,\n    }),\n    ...(tokens?.color?.buttonBackground && {\n      \"--navigation-button-background\": tokens.color.buttonBackground.default,\n    }),\n    ...(tokens?.color?.buttonBorder && {\n      \"--navigation-button-border-color\": tokens.color.buttonBorder.default,\n    }),\n    ...(tokens?.dimension?.trackHeight && {\n      \"--navigation-track-height\": tokens.dimension.trackHeight.default,\n    }),\n    ...(tokens?.dimension?.thumbHeight && {\n      \"--navigation-thumb-height\": tokens.dimension.thumbHeight.default,\n    }),\n    ...(tokens?.dimension?.buttonWidth && {\n      \"--navigation-button-width\": tokens.dimension.buttonWidth.default,\n    }),\n    ...(tokens?.dimension?.buttonHeight && {\n      \"--navigation-button-height\": tokens.dimension.buttonHeight.default,\n    }),\n    ...(tokens?.spacing?.gap && {\n      \"--navigation-wrapper-gap\": tokens.spacing.gap.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      \"--navigation-button-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--navigation-progress-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.border?.borderWidth && {\n      \"--navigation-button-border-width\": tokens.border.borderWidth.default,\n    }),\n  };\n\n  const { totalItems, currentItem, disableNext, disablePrev } = data;\n  const { onNext, onPrev } = events ?? {};\n\n  const dots = Array.from({ length: totalItems }).map((_, index) => {\n    const dotIndex = index + 1;\n    let isActive = false;\n    if (typeof currentItem === \"number\") {\n      isActive = dotIndex === currentItem;\n    } else if (currentItem) {\n      isActive = dotIndex >= currentItem.min && dotIndex <= currentItem.max;\n    }\n\n    return (\n      <div\n        key={index}\n        className={`${styles.dot} ${isActive ? styles.dotActive : \"\"}`}\n      />\n    );\n  });\n\n  const isPrevDisabled = Boolean(disablePrev);\n  const isNextDisabled = Boolean(disableNext);\n\n  return (\n    <Frame\n      data-tui-pattern=\"base\"\n      data-tui-primitive=\"base\"\n      data={{ as: \"div\" }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={`${styles.navigationWrapper} ${className}`}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <div className={styles.navigationIndicatorsWrapper}>\n        <div className={styles.indicatorsPrevButtonWrapper}>\n          <button\n            className={styles.indicatorsPrevButton}\n            aria-label=\"Previous Item\"\n            type=\"button\"\n            disabled={isPrevDisabled}\n            aria-disabled={isPrevDisabled}\n            onClick={onPrev}\n          >\n            <InterfaceIcon data={{ type: SVG_ARROW_LEFT_LARGE }} />\n          </button>\n        </div>\n        <div className={styles.dotsWrapper}>{dots}</div>\n        <div className={styles.indicatorsNextButtonWrapper}>\n          <button\n            className={styles.indicatorsNextButton}\n            aria-label=\"Next Item\"\n            type=\"button\"\n            disabled={isNextDisabled}\n            aria-disabled={isNextDisabled}\n            onClick={onNext}\n          >\n            <InterfaceIcon data={{ type: SVG_ARROW_RIGHT_LARGE }} />\n          </button>\n        </div>\n      </div>\n    </Frame>\n  );\n};\n\nexport default Navigation;\n"],"names":["Navigation","data","tokens","events","className","colorPalette","colorSource","customColor","tokenStyles","totalItems","currentItem","disableNext","disablePrev","onNext","onPrev","dots","_","index","dotIndex","isActive","jsx","styles","isPrevDisabled","isNextDisabled","Frame","jsxs","InterfaceIcon","SVG_ARROW_LEFT_LARGE","SVG_ARROW_RIGHT_LARGE"],"mappings":"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"}

package/dist/cjs/ui/patterns/Navigation/Navigation.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="OHqfaI6y",o="ObUE8WZm",r="_1UWdKf75",n="EyH0tedM",a="XVN5sDeO",e="ifew6bF8",i="c-25zBwZ",s="dhRPFeaw",c="zQsPmD8A",d={navigationWrapper:t,dotsWrapper:o,dot:r,dotActive:n,navigationIndicatorsWrapper:a,indicatorsPrevButtonWrapper:e,indicatorsNextButtonWrapper:i,indicatorsNextButton:s,indicatorsPrevButton:c};exports.default=d;exports.dot=r;exports.dotActive=n;exports.dotsWrapper=o;exports.indicatorsNextButton=s;exports.indicatorsNextButtonWrapper=i;exports.indicatorsPrevButton=c;exports.indicatorsPrevButtonWrapper=e;exports.navigationIndicatorsWrapper=a;exports.navigationWrapper=t;
+//# sourceMappingURL=Navigation.module.css.cjs.map

package/dist/cjs/ui/patterns/Navigation/Navigation.module.css.cjs.map

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

package/dist/cjs/ui/patterns/Navigation/index.cjs

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

package/dist/cjs/ui/patterns/Navigation/index.cjs.map

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

package/dist/cjs/ui/patterns/StripBanner/StripBanner.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),H=require("../../primitives/Frame/Frame.cjs"),N=require("../../primitives/TextBody/TextBody.cjs"),B=require("../../primitives/TextEyebrow/TextEyebrow.cjs"),n=require("./StripBanner.module.css.cjs"),C=({data:r,events:l,tokens:e,className:c,children:o,colorPalette:u,colorSource:m,customColor:g})=>{if(!r)return null;const p={...e?.color?.background&&{"--strip-banner-background":e.color.background.default},...e?.color?.border&&{"--strip-banner-border":e.color.border.default},...e?.spacing?.padding&&{"--strip-banner-padding":e.spacing.padding.default},...e?.spacing?.gap&&{"--strip-banner-gap":e.spacing.gap.default},...e?.sizing?.minHeight&&{"--strip-banner-min-height":typeof e.sizing.minHeight.default=="number"?`${e.sizing.minHeight.default}px`:e.sizing.minHeight.default},...e?.dimension?.minHeight&&{"--strip-banner-min-height":typeof e.dimension.minHeight.default=="number"?`${e.dimension.minHeight.default}px`:e.dimension.minHeight.default},...e?.sizing?.contentMaxWidth&&{"--strip-banner-content-max-width":e.sizing.contentMaxWidth.default},...(e?.dimension?.maxWidth||e?.dimension?.contentMaxWidth)&&{"--strip-banner-content-max-width":(e?.dimension?.maxWidth||e?.dimension?.contentMaxWidth).default}},{eyebrow:h,title:b,text:f,message:x,description:y,closable:j=!1,align:t="center",type:a}=r,s=h||b,d=o||f||x||y,{onClose:w}=l||{},z=[n.default.tuiStripBanner,n.default[`align${t.charAt(0).toUpperCase()+t.slice(1)}`],a?n.default[`type${a.charAt(0).toUpperCase()+a.slice(1)}`]:"",c??""].filter(Boolean).join(" ");return i.jsx(H,{"data-tui-pattern":"base",data:{as:"div"},colorPalette:u,colorSource:m,customColor:g,className:z,style:p,children:i.jsxs("div",{className:n.default.container,children:[i.jsxs("div",{className:n.default.content,children:[s&&i.jsx("div",{className:n.default.eyebrowRow,children:i.jsx(B,{data:{text:s,size:"sm",weight:"bold",alignment:"center"},tokens:e?.elements?.eyebrow})}),d&&i.jsx("div",{className:n.default.bodyRow,children:i.jsx(N,{data:{alignment:t,size:"sm",weight:"regular",as:"span"},tokens:e?.elements?.text,className:n.default.message,children:d})})]}),j&&i.jsx("button",{type:"button","aria-label":"Close announcement",onClick:w,className:n.default.closeButton,children:i.jsx("span",{"aria-hidden":"true",children:"×"})})]})})};module.exports=C;
+//# sourceMappingURL=StripBanner.cjs.map

package/dist/cjs/ui/patterns/StripBanner/StripBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripBanner.cjs","sources":["../../../../../src/ui/patterns/StripBanner/StripBanner.tsx"],"sourcesContent":["import React from 'react';\nimport type { StripBannerModel } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport TextBody from '../../primitives/TextBody/TextBody';\nimport TextEyebrow from '../../primitives/TextEyebrow/TextEyebrow';\nimport styles from './StripBanner.module.css';\n\nexport interface StripBannerProps extends StripBannerModel {\n  children?: React.ReactNode;\n}\n\nconst StripBanner: React.FC<StripBannerProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  children,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = '233a50e9d4018a32d573bcdbf2eeaf73';\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      '--strip-banner-background': tokens.color.background.default,\n    }),\n    ...(tokens?.color?.border && {\n      '--strip-banner-border': tokens.color.border.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      '--strip-banner-padding': tokens.spacing.padding.default,\n    }),\n    ...(tokens?.spacing?.gap && {\n      '--strip-banner-gap': tokens.spacing.gap.default,\n    }),\n    ...(tokens?.sizing?.minHeight && {\n      '--strip-banner-min-height':\n        typeof tokens.sizing.minHeight.default === 'number'\n          ? `${tokens.sizing.minHeight.default}px`\n          : tokens.sizing.minHeight.default,\n    }),\n    ...(tokens?.dimension?.minHeight && {\n      '--strip-banner-min-height':\n        typeof tokens.dimension.minHeight.default === 'number'\n          ? `${tokens.dimension.minHeight.default}px`\n          : tokens.dimension.minHeight.default,\n    }),\n    ...(tokens?.sizing?.contentMaxWidth && {\n      '--strip-banner-content-max-width': tokens.sizing.contentMaxWidth.default,\n    }),\n    ...((tokens?.dimension?.maxWidth || tokens?.dimension?.contentMaxWidth) && {\n      '--strip-banner-content-max-width': (tokens?.dimension?.maxWidth ||\n        tokens?.dimension?.contentMaxWidth)!.default,\n    }),\n  };\n\n  const {\n    eyebrow,\n    title,\n    text,\n    message,\n    description,\n    closable = false,\n    align = 'center',\n    type,\n  } = data;\n  const displayEyebrow = eyebrow || title;\n  const displayMessage = children || text || message || description;\n  const { onClose } = events || {};\n\n  const bannerClassName = [\n    styles.tuiStripBanner,\n    styles[`align${align.charAt(0).toUpperCase() + align.slice(1)}`],\n    type ? styles[`type${type.charAt(0).toUpperCase() + type.slice(1)}`] : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Frame\n      data-tui-pattern=\"base\"\n      data={{ as: 'div' }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={bannerClassName}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <div className={styles.container}>\n        <div className={styles.content}>\n          {displayEyebrow && (\n            <div className={styles.eyebrowRow}>\n              <TextEyebrow\n                data={{\n                  text: displayEyebrow,\n                  size: 'sm',\n                  weight: 'bold',\n                  alignment: 'center',\n                }}\n                tokens={tokens?.elements?.eyebrow}\n              />\n            </div>\n          )}\n          {displayMessage && (\n            <div className={styles.bodyRow}>\n              <TextBody\n                data={{\n                  alignment: align,\n                  size: 'sm',\n                  weight: 'regular',\n                  as: 'span',\n                }}\n                tokens={tokens?.elements?.text}\n                className={styles.message}\n              >\n                {displayMessage}\n              </TextBody>\n            </div>\n          )}\n        </div>\n        {closable && (\n          <button\n            type=\"button\"\n            aria-label=\"Close announcement\"\n            onClick={onClose}\n            className={styles.closeButton}\n          >\n            <span aria-hidden=\"true\">×</span>\n          </button>\n        )}\n      </div>\n    </Frame>\n  );\n};\n\nexport default StripBanner;\n"],"names":["StripBanner","data","events","tokens","className","children","colorPalette","colorSource","customColor","tokenStyles","eyebrow","title","text","message","description","closable","align","type","displayEyebrow","displayMessage","onClose","bannerClassName","styles","jsx","Frame","jsxs","TextEyebrow","TextBody"],"mappings":"wPAWMA,EAA0C,CAAC,CAC/C,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACP,EAAM,OAAO,KAGlB,MAAMQ,EAAc,CAClB,GAAIN,GAAQ,OAAO,YAAc,CAC/B,4BAA6BA,EAAO,MAAM,WAAW,OAAA,EAEvD,GAAIA,GAAQ,OAAO,QAAU,CAC3B,wBAAyBA,EAAO,MAAM,OAAO,OAAA,EAE/C,GAAIA,GAAQ,SAAS,SAAW,CAC9B,yBAA0BA,EAAO,QAAQ,QAAQ,OAAA,EAEnD,GAAIA,GAAQ,SAAS,KAAO,CAC1B,qBAAsBA,EAAO,QAAQ,IAAI,OAAA,EAE3C,GAAIA,GAAQ,QAAQ,WAAa,CAC/B,4BACE,OAAOA,EAAO,OAAO,UAAU,SAAY,SACvC,GAAGA,EAAO,OAAO,UAAU,OAAO,KAClCA,EAAO,OAAO,UAAU,OAAA,EAEhC,GAAIA,GAAQ,WAAW,WAAa,CAClC,4BACE,OAAOA,EAAO,UAAU,UAAU,SAAY,SAC1C,GAAGA,EAAO,UAAU,UAAU,OAAO,KACrCA,EAAO,UAAU,UAAU,OAAA,EAEnC,GAAIA,GAAQ,QAAQ,iBAAmB,CACrC,mCAAoCA,EAAO,OAAO,gBAAgB,OAAA,EAEpE,IAAKA,GAAQ,WAAW,UAAYA,GAAQ,WAAW,kBAAoB,CACzE,oCAAqCA,GAAQ,WAAW,UACtDA,GAAQ,WAAW,iBAAkB,OAAA,CACzC,EAGI,CACJ,QAAAO,EACA,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,SACR,KAAAC,CAAA,EACEhB,EACEiB,EAAiBR,GAAWC,EAC5BQ,EAAiBd,GAAYO,GAAQC,GAAWC,EAChD,CAAE,QAAAM,GAAYlB,GAAU,CAAA,EAExBmB,EAAkB,CACtBC,EAAAA,QAAO,eACPA,EAAAA,QAAO,QAAQN,EAAM,OAAO,CAAC,EAAE,YAAA,EAAgBA,EAAM,MAAM,CAAC,CAAC,EAAE,EAC/DC,EAAOK,EAAAA,QAAO,OAAOL,EAAK,OAAO,CAAC,EAAE,YAAA,EAAgBA,EAAK,MAAM,CAAC,CAAC,EAAE,EAAI,GACvEb,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEmB,EAAAA,IAACC,EAAA,CACC,mBAAiB,OACjB,KAAM,CAAE,GAAI,KAAA,EACZ,aAAAlB,EACA,YAAAC,EACA,YAAAC,EACA,UAAWa,EACX,MAAOZ,EAEP,SAAAgB,EAAAA,KAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,UACrB,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,QACpB,SAAA,CAAAJ,GACCK,EAAAA,IAAC,MAAA,CAAI,UAAWD,UAAO,WACrB,SAAAC,EAAAA,IAACG,EAAA,CACC,KAAM,CACJ,KAAMR,EACN,KAAM,KACN,OAAQ,OACR,UAAW,QAAA,EAEb,OAAQf,GAAQ,UAAU,OAAA,CAAA,EAE9B,EAEDgB,GACCI,EAAAA,IAAC,MAAA,CAAI,UAAWD,UAAO,QACrB,SAAAC,EAAAA,IAACI,EAAA,CACC,KAAM,CACJ,UAAWX,EACX,KAAM,KACN,OAAQ,UACR,GAAI,MAAA,EAEN,OAAQb,GAAQ,UAAU,KAC1B,UAAWmB,EAAAA,QAAO,QAEjB,SAAAH,CAAA,CAAA,CACH,CACF,CAAA,EAEJ,EACCJ,GACCQ,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,aAAW,qBACX,QAASH,EACT,UAAWE,EAAAA,QAAO,YAElB,SAAAC,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,CAAA,CAC5B,CAAA,CAEJ,CAAA,CAAA,CAGN"}

package/dist/cjs/ui/patterns/StripBanner/StripBanner.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_1vQe3f9v",e="_2yAMgEFR",n="WQezvKdn",o="rAa3tU46",i="m-qKGIxh",s="nU0Sg-gE",a="Dq1iKOFJ",r="Batv3ssz",c="VljiwhQx",l="WwIAbVLu",g="jZL6g2Gh",u={tuiStripBanner:t,container:e,content:n,eyebrowRow:o,alignLeft:i,alignCenter:s,alignRight:a,bodyRow:r,message:c,linkWrapper:l,closeButton:g};exports.alignCenter=s;exports.alignLeft=i;exports.alignRight=a;exports.bodyRow=r;exports.closeButton=g;exports.container=e;exports.content=n;exports.default=u;exports.eyebrowRow=o;exports.linkWrapper=l;exports.message=c;exports.tuiStripBanner=t;
+//# sourceMappingURL=StripBanner.module.css.cjs.map

package/dist/cjs/ui/patterns/StripBanner/StripBanner.module.css.cjs.map

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

package/dist/cjs/ui/patterns/Teaser/Teaser.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),A=require("../../primitives/Frame/Frame.cjs"),f=require("../../primitives/Image/Image.cjs"),B=require("../../primitives/TextEyebrow/TextEyebrow.cjs"),R=require("../../primitives/TextHeading/TextHeading.cjs"),T=require("../../primitives/TextBody/TextBody.cjs"),w=require("../../primitives/Button/Button.cjs"),z=require("../../primitives/Link/Link.cjs"),t=require("./Teaser.module.css.cjs"),C=({data:l,events:g,tokens:e,className:m,colorPalette:p,colorSource:x,customColor:h})=>{if(!l)return null;const{pretitle:n,title:d,description:c,image:r,primaryAction:i,secondaryAction:s,layout:b="stacked",contentAlignment:o="left"}=l,{onPrimaryAction:j,onSecondaryAction:y,onImageClick:u}=g||{},v={...e?.color?.background&&{"--teaser-bg":e.color.background.default},...e?.color?.overlay&&{"--teaser-overlay":e.color.overlay.default},...e?.spacing?.padding&&{"--teaser-padding":e.spacing.padding.default},...e?.spacing?.gap&&{"--teaser-gap":e.spacing.gap.default},...e?.spacing?.contentGap&&{"--teaser-content-gap":e.spacing.contentGap.default},...e?.border?.borderRadius&&{"--teaser-image-border-radius":e.border.borderRadius.default},...e?.dimension?.minHeight&&{"--teaser-min-height":e.dimension.minHeight.default}},q=()=>r?a.jsx("div",{className:t.default.imageWrapper,children:r.href?a.jsx("a",{href:r.href,className:t.default.imageLink,onClick:N=>{u&&(N.preventDefault(),u(r.href))},children:a.jsx(f,{data:{src:r.src,alt:r.alt,fluid:!0},tokens:{border:{borderRadius:{default:"0px"}}}})}):a.jsx(f,{data:{src:r.src,alt:r.alt,fluid:!0},tokens:{border:{borderRadius:{default:"0px"}}}})}):null;return a.jsxs(A,{"data-tui-pattern":"base",data:{as:"article"},colorPalette:p,colorSource:x,customColor:h,className:[t.default.teaser,t.default[`layout-${b}`],t.default[`align-${o}`],m??""].filter(Boolean).join(" "),style:v,children:[q(),a.jsxs("div",{className:t.default.contentWrapper,children:[a.jsxs("div",{className:t.default.textBlock,children:[n&&a.jsx(B,{data:{text:n,size:"md",weight:"bold"},className:t.default.pretitle}),d&&a.jsx(R,{data:{text:d,as:"h3",size:"lg",weight:"bold",alignment:o},className:t.default.title}),c&&a.jsx(T,{data:{text:c,size:"md",weight:"regular"},className:t.default.description})]}),(i||s)&&a.jsxs("div",{className:t.default.actionsBlock,children:[i&&a.jsx(w,{data:{text:i.text,variant:(i.variant==="ghost"?"tertiary":i.variant)||"primary"},events:{onClick:()=>j?.(i.href)}}),s&&a.jsx(z,{data:{text:s.text,href:s.href,size:"md"},events:{onClick:()=>y?.(s.href)}})]})]})]})};module.exports=C;
+//# sourceMappingURL=Teaser.cjs.map

package/dist/cjs/ui/patterns/Teaser/Teaser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Teaser.cjs","sources":["../../../../../src/ui/patterns/Teaser/Teaser.tsx"],"sourcesContent":["import React from 'react';\nimport type { TeaserModel } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport Image from '../../primitives/Image/Image';\nimport TextEyebrow from '../../primitives/TextEyebrow/TextEyebrow';\nimport TextHeading from '../../primitives/TextHeading/TextHeading';\nimport TextBody from '../../primitives/TextBody/TextBody';\nimport Button from '../../primitives/Button/Button';\nimport Link from '../../primitives/Link/Link';\nimport styles from './Teaser.module.css';\n\nexport interface TeaserProps {\n  id?: TeaserModel['id'];\n  data: TeaserModel['data'];\n  events?: TeaserModel['events'];\n  tokens?: TeaserModel['tokens'];\n  className?: TeaserModel['className'];\n  colorPalette?: TeaserModel['colorPalette'];\n  colorSource?: TeaserModel['colorSource'];\n  customColor?: TeaserModel['customColor'];\n}\n\nconst Teaser: React.FC<TeaserProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = '93cbee886c36603d8ac39dc56bd8792e';\n\n  const {\n    pretitle,\n    title,\n    description,\n    image,\n    primaryAction,\n    secondaryAction,\n    layout = 'stacked',\n    contentAlignment = 'left',\n  } = data;\n\n  const { onPrimaryAction, onSecondaryAction, onImageClick } = events || {};\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      '--teaser-bg': tokens.color.background.default,\n    }),\n    ...(tokens?.color?.overlay && {\n      '--teaser-overlay': tokens.color.overlay.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      '--teaser-padding': tokens.spacing.padding.default,\n    }),\n    ...(tokens?.spacing?.gap && { '--teaser-gap': tokens.spacing.gap.default }),\n    ...(tokens?.spacing?.contentGap && {\n      '--teaser-content-gap': tokens.spacing.contentGap.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      '--teaser-image-border-radius': tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.dimension?.minHeight && {\n      '--teaser-min-height': tokens.dimension.minHeight.default,\n    }),\n  };\n\n  const renderImage = () => {\n    if (!image) return null;\n\n    return (\n      <div className={styles.imageWrapper}>\n        {image.href ? (\n          <a\n            href={image.href}\n            className={styles.imageLink}\n            onClick={(e) => {\n              if (onImageClick) {\n                e.preventDefault();\n                onImageClick(image.href!);\n              }\n            }}\n          >\n            <Image\n              data={{ src: image.src, alt: image.alt, fluid: true }}\n              tokens={{ border: { borderRadius: { default: '0px' } } }}\n            />\n          </a>\n        ) : (\n          <Image\n            data={{ src: image.src, alt: image.alt, fluid: true }}\n            tokens={{ border: { borderRadius: { default: '0px' } } }}\n          />\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <Frame\n      data-tui-pattern=\"base\"\n      data={{ as: 'article' }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={[\n        styles.teaser,\n        styles[`layout-${layout}`],\n        styles[`align-${contentAlignment}`],\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={tokenStyles as React.CSSProperties}\n    >\n      {renderImage()}\n\n      <div className={styles.contentWrapper}>\n        <div className={styles.textBlock}>\n          {pretitle && (\n            <TextEyebrow\n              data={{ text: pretitle, size: 'md', weight: 'bold' }}\n              className={styles.pretitle}\n            />\n          )}\n\n          {title && (\n            <TextHeading\n              data={{\n                text: title,\n                as: 'h3',\n                size: 'lg',\n                weight: 'bold',\n                alignment: contentAlignment,\n              }}\n              className={styles.title}\n            />\n          )}\n\n          {description && (\n            <TextBody\n              data={{ text: description, size: 'md', weight: 'regular' }}\n              className={styles.description}\n            />\n          )}\n        </div>\n\n        {(primaryAction || secondaryAction) && (\n          <div className={styles.actionsBlock}>\n            {primaryAction && (\n              <Button\n                data={{\n                  text: primaryAction.text,\n                  variant:\n                    (primaryAction.variant === 'ghost'\n                      ? 'tertiary'\n                      : primaryAction.variant) || 'primary',\n                }}\n                events={{\n                  onClick: () => onPrimaryAction?.(primaryAction.href),\n                }}\n              />\n            )}\n            {secondaryAction && (\n              <Link\n                data={{\n                  text: secondaryAction.text,\n                  href: secondaryAction.href,\n                  size: 'md',\n                }}\n                events={{\n                  onClick: () => onSecondaryAction?.(secondaryAction.href),\n                }}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    </Frame>\n  );\n};\n\nexport default Teaser;\n"],"names":["Teaser","data","events","tokens","className","colorPalette","colorSource","customColor","pretitle","title","description","image","primaryAction","secondaryAction","layout","contentAlignment","onPrimaryAction","onSecondaryAction","onImageClick","tokenStyles","renderImage","styles","jsx","e","Image","jsxs","Frame","TextEyebrow","TextHeading","TextBody","Button","Link"],"mappings":"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"}

package/dist/cjs/ui/patterns/Teaser/Teaser.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="OfLL8vOe",e="l1lfUyWl",n="kkrJG6a3",i="_77rLoDlQ",l="e0TJ1PdM",o="Ak9Boab-",a="fAT3evPd",r="_51iONDKr",c="djPnUn5R",s="OpC-guYp",g="_02y1BCZd",p="yhRnvWjD",y="cEPQ8LGz",u={teaser:t,imageWrapper:e,imageLink:n,contentWrapper:i,textBlock:l,actionsBlock:o,"layout-inline":"fAT3evPd",layoutInline:a,"layout-overlay":"_51iONDKr",layoutOverlay:r,title:c,description:s,pretitle:g,"align-center":"yhRnvWjD",alignCenter:p,"align-right":"cEPQ8LGz",alignRight:y};exports.actionsBlock=o;exports.alignCenter=p;exports.alignRight=y;exports.contentWrapper=i;exports.default=u;exports.description=s;exports.imageLink=n;exports.imageWrapper=e;exports.layoutInline=a;exports.layoutOverlay=r;exports.pretitle=g;exports.teaser=t;exports.textBlock=l;exports.title=c;
+//# sourceMappingURL=Teaser.module.css.cjs.map

package/dist/cjs/ui/patterns/Teaser/Teaser.module.css.cjs.map

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

package/dist/cjs/ui/patterns/Teaser/index.cjs

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

package/dist/cjs/ui/patterns/Teaser/index.cjs.map

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

package/dist/cjs/ui/primitives/Avatar/Avatar.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("./Avatar.module.css.cjs"),d=require("../Frame/Frame.cjs"),s=({data:r,tokens:a})=>{const e={...a?.dimension?.width&&{"--avatar-width":a.dimension.width.default},...a?.dimension?.height&&{"--avatar-height":a.dimension.height.default},...a?.border?.borderRadius&&{"--avatar-border-radius":a.border.borderRadius.default}};return t.jsx(d,{"data-tui-primitive":"base",data:{as:"img"},src:r?.src,alt:r?.alt,className:i.default.avatar,style:e})};module.exports=s;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/cjs/ui/primitives/Avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../../../src/ui/primitives/Avatar/Avatar.tsx"],"sourcesContent":["import type { AvatarModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport styles from \"./Avatar.module.css\";\nimport Frame from \"../Frame/Frame\";\n\nexport type AvatarProps = Omit<AvatarModel, \"_type\">;\n\nconst AvatarBase: React.FC<AvatarProps> = ({ data, tokens }) => {\n  const _fingerprint = \"12440bbd3b15fb3158e93a09bdaea2fe\";\n\n  const tokenStyles = {\n    ...(tokens?.dimension?.width && {\n      \"--avatar-width\": tokens.dimension.width.default,\n    }),\n    ...(tokens?.dimension?.height && {\n      \"--avatar-height\": tokens.dimension.height.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--avatar-border-radius\": tokens.border.borderRadius.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data-tui-primitive=\"base\"\n      data={{ as: \"img\" }}\n      src={data?.src}\n      alt={data?.alt}\n      className={styles.avatar}\n      style={tokenStyles as React.CSSProperties}\n    />\n  );\n};\n\nexport default AvatarBase;\n"],"names":["AvatarBase","data","tokens","tokenStyles","jsx","Frame","styles"],"mappings":"uHAOMA,EAAoC,CAAC,CAAE,KAAAC,EAAM,OAAAC,KAAa,CAG9D,MAAMC,EAAc,CAClB,GAAID,GAAQ,WAAW,OAAS,CAC9B,iBAAkBA,EAAO,UAAU,MAAM,OAAA,EAE3C,GAAIA,GAAQ,WAAW,QAAU,CAC/B,kBAAmBA,EAAO,UAAU,OAAO,OAAA,EAE7C,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,yBAA0BA,EAAO,OAAO,aAAa,OAAA,CACvD,EAGF,OACEE,EAAAA,IAACC,EAAA,CACC,qBAAmB,OACnB,KAAM,CAAE,GAAI,KAAA,EACZ,IAAKJ,GAAM,IACX,IAAKA,GAAM,IACX,UAAWK,EAAAA,QAAO,OAClB,MAAOH,CAAA,CAAA,CAGb"}

package/dist/cjs/ui/primitives/Avatar/Avatar.module.css.cjs

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

package/dist/cjs/ui/primitives/Avatar/Avatar.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Avatar/index.cjs

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

package/dist/cjs/ui/primitives/Avatar/index.cjs.map

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

package/dist/cjs/ui/primitives/Badge/Badge.cjs

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),g=require("../Frame/Frame.cjs"),r=require("./Badge.module.css.cjs"),x=({className:e,data:a,tokens:t,children:s,colorPalette:u,colorSource:n,customColor:c})=>{if(!a)return null;const{text:i,status:l="information"}=a,o={...t?.color?.background&&{"--badge-bg":t.color.background.default},...t?.color?.text&&{"--badge-text":t.color.text.default},...t?.spacing?.padding&&{"--badge-padding":t.spacing.padding.default}};return d.jsx(g,{data:{as:"span"},"data-tui-status":l,colorPalette:u,colorSource:n,customColor:c,className:`${r.default.tuiBadge} ${e||""}`,style:o,children:d.jsx("span",{className:r.default.text,children:i??s})})};module.exports=x;
+//# sourceMappingURL=Badge.cjs.map

package/dist/cjs/ui/primitives/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../../src/ui/primitives/Badge/Badge.tsx"],"sourcesContent":["import type { BadgeModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Badge.module.css\";\n\nexport interface BadgeProps extends BadgeModel {\n  children?: React.ReactNode;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n  className,\n  data,\n  tokens,\n  children,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"5509e18d04e003f383df1eafe14d2c48\";\n\n  const { text, status = \"information\" } = data;\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      \"--badge-bg\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.text && {\n      \"--badge-text\": tokens.color.text.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      \"--badge-padding\": tokens.spacing.padding.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data={{ as: \"span\" }}\n      data-tui-status={status}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={`${styles.tuiBadge} ${className ? className : \"\"}`}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <span className={styles.text}>{text ?? children}</span>\n    </Frame>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","className","data","tokens","children","colorPalette","colorSource","customColor","text","status","tokenStyles","jsx","Frame","styles"],"mappings":"sHASMA,EAA8B,CAAC,CACnC,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACL,EAAM,OAAO,KAGlB,KAAM,CAAE,KAAAM,EAAM,OAAAC,EAAS,aAAA,EAAkBP,EAEnCQ,EAAc,CAClB,GAAIP,GAAQ,OAAO,YAAc,CAC/B,aAAcA,EAAO,MAAM,WAAW,OAAA,EAExC,GAAIA,GAAQ,OAAO,MAAQ,CACzB,eAAgBA,EAAO,MAAM,KAAK,OAAA,EAEpC,GAAIA,GAAQ,SAAS,SAAW,CAC9B,kBAAmBA,EAAO,QAAQ,QAAQ,OAAA,CAC5C,EAGF,OACEQ,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAI,MAAA,EACZ,kBAAiBH,EACjB,aAAAJ,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGM,EAAAA,QAAO,QAAQ,IAAIZ,GAAwB,EAAE,GAC3D,MAAOS,EAEP,eAAC,OAAA,CAAK,UAAWG,EAAAA,QAAO,KAAO,YAAQT,CAAA,CAAS,CAAA,CAAA,CAGtD"}

package/dist/cjs/ui/primitives/Badge/Badge.module.css.cjs

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

package/dist/cjs/ui/primitives/Badge/Badge.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Badge/index.cjs

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

package/dist/cjs/ui/primitives/Badge/index.cjs.map

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

package/dist/cjs/ui/primitives/Button/Button.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),z=require("../Frame/Frame.cjs"),c=require("../InterfaceIcon/InterfaceIcon.cjs"),o=require("./Button.module.css.cjs"),S=({children:l,data:e,events:d,tokens:a,colorPalette:g,colorSource:u,customColor:b,className:f,...h})=>{if(!e)return;const{positioning:s="left",size:m="md",variant:y="primary",text:j=""}=e,p={};[{group:a?.spacing?.padding,base:"padding"},{group:a?.spacing?.paddingTopBottom,base:"padding-top-bottom"},{group:a?.spacing?.paddingLeftRight,base:"padding-left-right"},{group:a?.spacing?.gap,base:"gap"},{group:a?.border?.borderRadius,base:"border-radius"},{group:a?.border?.borderWidth,base:"border-width"},{group:a?.color?.border,base:"border-color"},{group:a?.color?.background,base:"background"},{group:a?.typography?.fontFamily,base:"label-font-family"},{group:a?.typography?.fontSize,base:"label-font-size"},{group:a?.typography?.fontWeight,base:"label-font-weight"},{group:a?.typography?.lineHeight,base:"label-line-height"},{group:a?.typography?.letterSpacing,base:"label-letter-spacing"}].forEach(({group:r,base:N})=>{r&&typeof r=="object"&&Object.entries(r).forEach(([q,n])=>{n!=null&&(p[`--button-${q}-${N}`]=String(n))})});const x=o.default[`button-${m}`],i=e.icon&&e.icon.type?{...e.icon}:void 0,B=[o.default.tuiButton,x,f].filter(Boolean).join(" ").trim();return t.jsxs(z,{data:{as:"button"},colorPalette:g,colorSource:u,customColor:b,"data-tui-dynamic-states":"default","data-tui-primitive":"base","data-tui-appearance-buttons":y,className:B,onClick:d?.onClick,style:p,...h,children:[i&&s==="left"&&t.jsx("span",{children:t.jsx(c,{data:i,className:o.default.icon})}),t.jsx("span",{className:o.default.label,children:l??j}),i&&s==="right"&&t.jsx("span",{children:t.jsx(c,{data:i,className:o.default.icon})})]})};module.exports=S;
+//# sourceMappingURL=Button.cjs.map

package/dist/cjs/ui/primitives/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../../../src/ui/primitives/Button/Button.tsx"],"sourcesContent":["import type { ButtonModel, InterfaceIconData } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport InterfaceIcon from \"../../primitives/InterfaceIcon/InterfaceIcon\";\nimport styles from \"./Button.module.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  id?: ButtonModel[\"id\"];\n  data?: ButtonModel[\"data\"];\n  events?: ButtonModel[\"events\"];\n  tokens?: ButtonModel[\"tokens\"];\n  className?: ButtonModel[\"className\"];\n  colorPalette?: ButtonModel[\"colorPalette\"];\n  colorSource?: ButtonModel[\"colorSource\"];\n  customColor?: ButtonModel[\"customColor\"];\n  children?: React.ReactNode;\n}\n\nconst ButtonBase: React.FC<ButtonProps> = ({\n  children,\n  data,\n  events,\n  tokens,\n  colorPalette,\n  colorSource,\n  customColor,\n  className,\n  ...rest\n}) => {\n  if (!data) return;\n  const _fingerprint = \"e9dcaf2f098aea0b50b1257726763774\";\n  const {\n    positioning = \"left\",\n    size = \"md\",\n    variant = \"primary\",\n    text = \"\",\n  } = data;\n\n  const tokenStyles: Record<string, string> = {};\n\n  const tokenMappings = [\n    { group: tokens?.spacing?.padding, base: \"padding\" },\n    { group: tokens?.spacing?.paddingTopBottom, base: \"padding-top-bottom\" },\n    { group: tokens?.spacing?.paddingLeftRight, base: \"padding-left-right\" },\n    { group: tokens?.spacing?.gap, base: \"gap\" },\n    { group: tokens?.border?.borderRadius, base: \"border-radius\" },\n    { group: tokens?.border?.borderWidth, base: \"border-width\" },\n    { group: tokens?.color?.border, base: \"border-color\" },\n    { group: tokens?.color?.background, base: \"background\" },\n    { group: tokens?.typography?.fontFamily, base: \"label-font-family\" },\n    { group: tokens?.typography?.fontSize, base: \"label-font-size\" },\n    { group: tokens?.typography?.fontWeight, base: \"label-font-weight\" },\n    { group: tokens?.typography?.lineHeight, base: \"label-line-height\" },\n    { group: tokens?.typography?.letterSpacing, base: \"label-letter-spacing\" },\n  ];\n\n  tokenMappings.forEach(({ group, base }) => {\n    if (group && typeof group === \"object\") {\n      Object.entries(group as Record<string, unknown>).forEach(\n        ([scale, value]) => {\n          if (value !== undefined && value !== null) {\n            tokenStyles[`--button-${scale}-${base}`] = String(value);\n          }\n        },\n      );\n    }\n  });\n\n  const sizeClassname = styles[`button-${size}`];\n\n  const iconData: InterfaceIconData | undefined =\n    data.icon && data.icon.type\n      ? {\n          ...data.icon,\n        }\n      : undefined;\n\n  const classNames = [styles.tuiButton, sizeClassname, className]\n    .filter(Boolean)\n    .join(\" \")\n    .trim();\n\n  return (\n    <Frame\n      data={{ as: \"button\" }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      data-tui-dynamic-states=\"default\"\n      data-tui-primitive=\"base\"\n      data-tui-appearance-buttons={variant}\n      className={classNames}\n      onClick={events?.onClick}\n      style={tokenStyles as React.CSSProperties}\n      {...rest}\n    >\n      {iconData && positioning === \"left\" && (\n        <span>\n          <InterfaceIcon data={iconData} className={styles.icon} />\n        </span>\n      )}\n      <span className={styles.label}>{children ?? text}</span>\n      {iconData && positioning === \"right\" && (\n        <span>\n          <InterfaceIcon data={iconData} className={styles.icon} />\n        </span>\n      )}\n    </Frame>\n  );\n};\n\nexport default ButtonBase;\n"],"names":["ButtonBase","children","data","events","tokens","colorPalette","colorSource","customColor","className","rest","positioning","size","variant","text","tokenStyles","group","base","scale","value","sizeClassname","styles","iconData","classNames","jsxs","Frame","jsx","InterfaceIcon"],"mappings":"uKAmBMA,EAAoC,CAAC,CACzC,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,CACJ,GAAI,CAACP,EAAM,OAEX,KAAM,CACJ,YAAAQ,EAAc,OACd,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,KAAAC,EAAO,EAAA,EACLX,EAEEY,EAAsC,CAAA,EAEtB,CACpB,CAAE,MAAOV,GAAQ,SAAS,QAAS,KAAM,SAAA,EACzC,CAAE,MAAOA,GAAQ,SAAS,iBAAkB,KAAM,oBAAA,EAClD,CAAE,MAAOA,GAAQ,SAAS,iBAAkB,KAAM,oBAAA,EAClD,CAAE,MAAOA,GAAQ,SAAS,IAAK,KAAM,KAAA,EACrC,CAAE,MAAOA,GAAQ,QAAQ,aAAc,KAAM,eAAA,EAC7C,CAAE,MAAOA,GAAQ,QAAQ,YAAa,KAAM,cAAA,EAC5C,CAAE,MAAOA,GAAQ,OAAO,OAAQ,KAAM,cAAA,EACtC,CAAE,MAAOA,GAAQ,OAAO,WAAY,KAAM,YAAA,EAC1C,CAAE,MAAOA,GAAQ,YAAY,WAAY,KAAM,mBAAA,EAC/C,CAAE,MAAOA,GAAQ,YAAY,SAAU,KAAM,iBAAA,EAC7C,CAAE,MAAOA,GAAQ,YAAY,WAAY,KAAM,mBAAA,EAC/C,CAAE,MAAOA,GAAQ,YAAY,WAAY,KAAM,mBAAA,EAC/C,CAAE,MAAOA,GAAQ,YAAY,cAAe,KAAM,sBAAA,CAAuB,EAG7D,QAAQ,CAAC,CAAE,MAAAW,EAAO,KAAAC,KAAW,CACrCD,GAAS,OAAOA,GAAU,UAC5B,OAAO,QAAQA,CAAgC,EAAE,QAC/C,CAAC,CAACE,EAAOC,CAAK,IAAM,CACSA,GAAU,OACnCJ,EAAY,YAAYG,CAAK,IAAID,CAAI,EAAE,EAAI,OAAOE,CAAK,EAE3D,CAAA,CAGN,CAAC,EAED,MAAMC,EAAgBC,EAAAA,QAAO,UAAUT,CAAI,EAAE,EAEvCU,EACJnB,EAAK,MAAQA,EAAK,KAAK,KACnB,CACE,GAAGA,EAAK,IAAA,EAEV,OAEAoB,EAAa,CAACF,EAAAA,QAAO,UAAWD,EAAeX,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EAEH,OACEe,EAAAA,KAACC,EAAA,CACC,KAAM,CAAE,GAAI,QAAA,EACZ,aAAAnB,EACA,YAAAC,EACA,YAAAC,EACA,0BAAwB,UACxB,qBAAmB,OACnB,8BAA6BK,EAC7B,UAAWU,EACX,QAASnB,GAAQ,QACjB,MAAOW,EACN,GAAGL,EAEH,SAAA,CAAAY,GAAYX,IAAgB,QAC3Be,EAAAA,IAAC,OAAA,CACC,SAAAA,EAAAA,IAACC,EAAA,CAAc,KAAML,EAAU,UAAWD,EAAAA,QAAO,IAAA,CAAM,EACzD,QAED,OAAA,CAAK,UAAWA,EAAAA,QAAO,MAAQ,YAAYP,EAAK,EAChDQ,GAAYX,IAAgB,SAC3Be,EAAAA,IAAC,OAAA,CACC,SAAAA,EAAAA,IAACC,EAAA,CAAc,KAAML,EAAU,UAAWD,EAAAA,QAAO,IAAA,CAAM,CAAA,CACzD,CAAA,CAAA,CAAA,CAIR"}

package/dist/cjs/ui/primitives/Button/Button.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_8eo-lN1b",o="oEDrMWZO",n="XaFiX3qc",u="_6STnjb-q",b="jjgS0jGH",e="_617stgQM",s={tuiButton:t,label:o,icon:n,"button-lg":"_6STnjb-q",buttonLg:u,"button-md":"jjgS0jGH",buttonMd:b,"button-sm":"_617stgQM",buttonSm:e};exports.buttonLg=u;exports.buttonMd=b;exports.buttonSm=e;exports.default=s;exports.icon=n;exports.label=o;exports.tuiButton=t;
+//# sourceMappingURL=Button.module.css.cjs.map

package/dist/cjs/ui/primitives/Button/Button.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Button/index.cjs

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

package/dist/cjs/ui/primitives/Button/index.cjs.map

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

package/dist/cjs/ui/primitives/Checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),q=require("../Frame/Frame.cjs"),o=require("./Checkbox.module.css.cjs"),R=({data:i,events:n,tokens:e,className:b,colorPalette:x,colorSource:f,customColor:m})=>{if(!i)return null;const{name:t,checked:p=!1,value:g,disabled:c=!1,required:s=!1,id:w,indeterminate:a=!1,errorMessage:k}=i,d=l.useRef(null),C=l.useId(),j=w??t??C,u=!!k;l.useEffect(()=>{d.current&&(d.current.indeterminate=a)},[a]);const v={...e?.color?.box&&{"--checkbox-color-box":e.color.box.default},...e?.color?.boxChecked&&{"--checkbox-color-box-checked":e.color.boxChecked.default},...e?.color?.checkmark&&{"--checkbox-color-checkmark":e.color.checkmark.default},...e?.color?.border&&{"--checkbox-color-border":e.color.border.default},...e?.color?.borderChecked&&{"--checkbox-color-border-checked":e.color.borderChecked.default},...e?.color?.error&&{"--checkbox-color-error":e.color.error.default},...e?.border?.borderRadius&&{"--checkbox-border-radius":e.border.borderRadius.default},...e?.border?.borderWidth&&{"--checkbox-border-width":e.border.borderWidth.default},...e?.dimension?.size&&{"--checkbox-size":e.dimension.size.default}};return r.jsxs(q,{data:{as:"span"},"data-tui-primitive":"base","data-tui-dynamic-states":"default",colorPalette:x,colorSource:f,customColor:m,className:[o.default.checkboxWrapper,u?o.default.hasError:"",c?o.default.disabled:"",b??""].filter(Boolean).join(" "),style:v,children:[r.jsx("input",{ref:d,id:j,name:t,type:"checkbox",checked:p,value:g,disabled:c,required:s,"aria-required":s,"aria-disabled":c,"aria-invalid":u,className:o.default.input,onChange:h=>n?.onChange?.(h.target.checked,h)}),r.jsx("span",{className:o.default.customBox,"aria-hidden":"true",children:a?r.jsx("svg",{className:o.default.icon,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("rect",{x:"3",y:"7",width:"10",height:"2",rx:"1",fill:"currentColor"})}):r.jsx("svg",{className:o.default.icon,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{d:"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z",fill:"currentColor"})})})]})};module.exports=R;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/cjs/ui/primitives/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/ui/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useId, useRef, useEffect } from \"react\";\nimport type { CheckboxModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps {\n  id?: CheckboxModel[\"id\"];\n  data: CheckboxModel[\"data\"];\n  events?: CheckboxModel[\"events\"];\n  tokens?: CheckboxModel[\"tokens\"];\n  className?: CheckboxModel[\"className\"];\n  colorPalette?: CheckboxModel[\"colorPalette\"];\n  colorSource?: CheckboxModel[\"colorSource\"];\n  customColor?: CheckboxModel[\"customColor\"];\n}\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"f1682b49626fe5bd1b24c436bf8b72fe\";\n\n  const {\n    name,\n    checked = false,\n    value,\n    disabled = false,\n    required = false,\n    id,\n    indeterminate = false,\n    errorMessage,\n  } = data;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const generatedId = useId();\n  const fieldId = id ?? name ?? generatedId;\n  const hasError = !!errorMessage;\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  const tokenStyles = {\n    ...(tokens?.color?.box && {\n      \"--checkbox-color-box\": tokens.color.box.default,\n    }),\n    ...(tokens?.color?.boxChecked && {\n      \"--checkbox-color-box-checked\": tokens.color.boxChecked.default,\n    }),\n    ...(tokens?.color?.checkmark && {\n      \"--checkbox-color-checkmark\": tokens.color.checkmark.default,\n    }),\n    ...(tokens?.color?.border && {\n      \"--checkbox-color-border\": tokens.color.border.default,\n    }),\n    ...(tokens?.color?.borderChecked && {\n      \"--checkbox-color-border-checked\": tokens.color.borderChecked.default,\n    }),\n    ...(tokens?.color?.error && {\n      \"--checkbox-color-error\": tokens.color.error.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--checkbox-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.border?.borderWidth && {\n      \"--checkbox-border-width\": tokens.border.borderWidth.default,\n    }),\n    ...(tokens?.dimension?.size && {\n      \"--checkbox-size\": tokens.dimension.size.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data={{ as: \"span\" }}\n      data-tui-primitive=\"base\"\n      data-tui-dynamic-states=\"default\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={[\n        styles.checkboxWrapper,\n        hasError ? styles.hasError : \"\",\n        disabled ? styles.disabled : \"\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <input\n        ref={inputRef}\n        id={fieldId}\n        name={name}\n        type=\"checkbox\"\n        checked={checked}\n        value={value}\n        disabled={disabled}\n        required={required}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-invalid={hasError}\n        className={styles.input}\n        onChange={(e) => events?.onChange?.(e.target.checked, e)}\n      />\n      <span className={styles.customBox} aria-hidden=\"true\">\n        {indeterminate ? (\n          <svg\n            className={styles.icon}\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <rect\n              x=\"3\"\n              y=\"7\"\n              width=\"10\"\n              height=\"2\"\n              rx=\"1\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        ) : (\n          <svg\n            className={styles.icon}\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        )}\n      </span>\n    </Frame>\n  );\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","data","events","tokens","className","colorPalette","colorSource","customColor","name","checked","value","disabled","required","id","indeterminate","errorMessage","inputRef","useRef","generatedId","useId","fieldId","hasError","useEffect","tokenStyles","jsxs","Frame","styles","jsx","e"],"mappings":"4IAgBMA,EAAoC,CAAC,CACzC,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACN,EAAM,OAAO,KAGlB,KAAM,CACJ,KAAAO,EACA,QAAAC,EAAU,GACV,MAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,GAAAC,EACA,cAAAC,EAAgB,GAChB,aAAAC,CAAA,EACEd,EAEEe,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAcC,EAAAA,MAAA,EACdC,EAAUP,GAAML,GAAQU,EACxBG,EAAW,CAAC,CAACN,EAEnBO,EAAAA,UAAU,IAAM,CACVN,EAAS,UACXA,EAAS,QAAQ,cAAgBF,EAErC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMS,EAAc,CAClB,GAAIpB,GAAQ,OAAO,KAAO,CACxB,uBAAwBA,EAAO,MAAM,IAAI,OAAA,EAE3C,GAAIA,GAAQ,OAAO,YAAc,CAC/B,+BAAgCA,EAAO,MAAM,WAAW,OAAA,EAE1D,GAAIA,GAAQ,OAAO,WAAa,CAC9B,6BAA8BA,EAAO,MAAM,UAAU,OAAA,EAEvD,GAAIA,GAAQ,OAAO,QAAU,CAC3B,0BAA2BA,EAAO,MAAM,OAAO,OAAA,EAEjD,GAAIA,GAAQ,OAAO,eAAiB,CAClC,kCAAmCA,EAAO,MAAM,cAAc,OAAA,EAEhE,GAAIA,GAAQ,OAAO,OAAS,CAC1B,yBAA0BA,EAAO,MAAM,MAAM,OAAA,EAE/C,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,2BAA4BA,EAAO,OAAO,aAAa,OAAA,EAEzD,GAAIA,GAAQ,QAAQ,aAAe,CACjC,0BAA2BA,EAAO,OAAO,YAAY,OAAA,EAEvD,GAAIA,GAAQ,WAAW,MAAQ,CAC7B,kBAAmBA,EAAO,UAAU,KAAK,OAAA,CAC3C,EAGF,OACEqB,EAAAA,KAACC,EAAA,CACC,KAAM,CAAE,GAAI,MAAA,EACZ,qBAAmB,OACnB,0BAAwB,UACxB,aAAApB,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,CACTmB,EAAAA,QAAO,gBACPL,EAAWK,EAAAA,QAAO,SAAW,GAC7Bf,EAAWe,EAAAA,QAAO,SAAW,GAC7BtB,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAOmB,EAEP,SAAA,CAAAI,EAAAA,IAAC,QAAA,CACC,IAAKX,EACL,GAAII,EACJ,KAAAZ,EACA,KAAK,WACL,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,gBAAeA,EACf,gBAAeD,EACf,eAAcU,EACd,UAAWK,EAAAA,QAAO,MAClB,SAAWE,GAAM1B,GAAQ,WAAW0B,EAAE,OAAO,QAASA,CAAC,CAAA,CAAA,QAExD,OAAA,CAAK,UAAWF,EAAAA,QAAO,UAAW,cAAY,OAC5C,SAAAZ,EACCa,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,KAClB,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAC,EAAAA,IAAC,OAAA,CACC,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,IACP,GAAG,IACH,KAAK,cAAA,CAAA,CACP,CAAA,EAGFA,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,KAClB,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAC,EAAAA,IAAC,OAAA,CACC,EAAE,sHACF,KAAK,cAAA,CAAA,CACP,CAAA,CACF,CAEJ,CAAA,CAAA,CAAA,CAGN"}

package/dist/cjs/ui/primitives/Checkbox/Checkbox.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="kXD43XPG",s="q380Is0r",e="jB45drck",t="oIAbTQYG",c="hH9ZEggS",r="qptMp3s0",n={checkboxWrapper:o,input:s,customBox:e,disabled:t,hasError:c,icon:r};exports.checkboxWrapper=o;exports.customBox=e;exports.default=n;exports.disabled=t;exports.hasError=c;exports.icon=r;exports.input=s;
+//# sourceMappingURL=Checkbox.module.css.cjs.map

package/dist/cjs/ui/primitives/Checkbox/Checkbox.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Checkbox/index.cjs

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

package/dist/cjs/ui/primitives/Checkbox/index.cjs.map

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

package/dist/cjs/ui/primitives/Frame/Frame.cjs

@@ -0,0 +1,2 @@
+"use strict";const y=require("react/jsx-runtime"),b=require("./Frame.module.css.cjs"),n=({data:d={as:"div"},tokens:a,children:e,className:r,colorPalette:f,colorSource:l="palette",customColor:t,opacity:o,style:i,...m})=>{const{as:u="div"}=d,g={...a?.color?.background&&{"--frame-background-color":a.color.background.default},...a?.color?.border&&{"--frame-border-color":a.color.border.default},...a?.color?.text&&{"--frame-text-color":a.color.text.default},...a?.color?.outline&&{"--frame-outline":a.color.outline.default},...a?.background?.background&&{"--frame-background":a.background.background.default},...a?.background?.backgroundColor&&{"--frame-background-color":a.background.backgroundColor.default},...a?.background?.backgroundImage&&{"--frame-background-image":a.background.backgroundImage.default},...a?.background?.backgroundPosition&&{"--frame-background-position":a.background.backgroundPosition.default},...a?.background?.backgroundRepeat&&{"--frame-background-repeat":a.background.backgroundRepeat.default},...a?.background?.backgroundSize&&{"--frame-background-size":a.background.backgroundSize.default},...a?.spacing?.padding&&{"--frame-padding":a.spacing.padding.default},...a?.spacing?.paddingTop&&{"--frame-padding-top":a.spacing.paddingTop.default},...a?.spacing?.paddingRight&&{"--frame-padding-right":a.spacing.paddingRight.default},...a?.spacing?.paddingBottom&&{"--frame-padding-bottom":a.spacing.paddingBottom.default},...a?.spacing?.paddingLeft&&{"--frame-padding-left":a.spacing.paddingLeft.default},...a?.spacing?.margin&&{"--frame-margin":a.spacing.margin.default},...a?.spacing?.marginTop&&{"--frame-margin-top":a.spacing.marginTop.default},...a?.spacing?.marginRight&&{"--frame-margin-right":a.spacing.marginRight.default},...a?.spacing?.marginBottom&&{"--frame-margin-bottom":a.spacing.marginBottom.default},...a?.spacing?.marginLeft&&{"--frame-margin-left":a.spacing.marginLeft.default},...a?.spacing?.gap&&{"--frame-gap":a.spacing.gap.default},...a?.border?.border&&{"--frame-border":a.border.border.default},...a?.border?.borderTop&&{"--frame-border-top":a.border.borderTop.default},...a?.border?.borderRight&&{"--frame-border-right":a.border.borderRight.default},...a?.border?.borderBottom&&{"--frame-border-bottom":a.border.borderBottom.default},...a?.border?.borderLeft&&{"--frame-border-left":a.border.borderLeft.default},...a?.border?.borderWidth&&{"--frame-border-width":a.border.borderWidth.default},...a?.border?.borderStyle&&{"--frame-border-style":a.border.borderStyle.default},...a?.border?.borderRadius&&{"--frame-border-radius":a.border.borderRadius.default},...a?.dimension?.width&&{"--frame-width":a.dimension.width.default},...a?.dimension?.minWidth&&{"--frame-min-width":a.dimension.minWidth.default},...a?.dimension?.maxWidth&&{"--frame-max-width":a.dimension.maxWidth.default},...a?.dimension?.height&&{"--frame-height":a.dimension.height.default},...a?.dimension?.minHeight&&{"--frame-min-height":a.dimension.minHeight.default},...a?.dimension?.maxHeight&&{"--frame-max-height":a.dimension.maxHeight.default},...a?.dimension?.boxSizing&&{"--frame-box-sizing":a.dimension.boxSizing.default},...a?.dimension?.overflow&&{"--frame-overflow":a.dimension.overflow.default},...a?.dimension?.overflowX&&{"--frame-overflow-x":a.dimension.overflowX.default},...a?.dimension?.overflowY&&{"--frame-overflow-y":a.dimension.overflowY.default},...a?.layout?.display&&{"--frame-display":a.layout.display.default},...a?.layout?.position&&{"--frame-position":a.layout.position.default},...a?.layout?.top&&{"--frame-top":a.layout.top.default},...a?.layout?.right&&{"--frame-right":a.layout.right.default},...a?.layout?.bottom&&{"--frame-bottom":a.layout.bottom.default},...a?.layout?.left&&{"--frame-left":a.layout.left.default},...a?.layout?.flex&&{"--frame-flex":a.layout.flex.default},...a?.layout?.flexDirection&&{"--frame-flex-direction":a.layout.flexDirection.default},...a?.layout?.alignItems&&{"--frame-align-items":a.layout.alignItems.default},...a?.layout?.justifyContent&&{"--frame-justify-content":a.layout.justifyContent.default},...a?.layout?.flexWrap&&{"--frame-flex-wrap":a.layout.flexWrap.default},...a?.layout?.flexGrow&&{"--frame-flex-grow":a.layout.flexGrow.default},...a?.layout?.flexShrink&&{"--frame-flex-shrink":a.layout.flexShrink.default},...a?.layout?.flexBasis&&{"--frame-flex-basis":a.layout.flexBasis.default},...a?.layout?.alignSelf&&{"--frame-align-self":a.layout.alignSelf.default},...a?.layout?.justifySelf&&{"--frame-justify-self":a.layout.justifySelf.default},...a?.layout?.grid&&{"--frame-grid":a.layout.grid.default},...a?.layout?.gridArea&&{"--frame-grid-area":a.layout.gridArea.default},...a?.layout?.gridTemplateAreas&&{"--frame-grid-template-areas":a.layout.gridTemplateAreas.default},...a?.layout?.gridTemplateColumns&&{"--frame-grid-template-columns":a.layout.gridTemplateColumns.default},...a?.layout?.gridTemplateRows&&{"--frame-grid-template-rows":a.layout.gridTemplateRows.default},...a?.typography?.fontFamily&&{"--frame-font-family":Array.isArray(a.typography.fontFamily.default)?a.typography.fontFamily.default.join(", "):a.typography.fontFamily.default},...a?.typography?.fontSize&&{"--frame-font-size":a.typography.fontSize.default},...a?.typography?.fontWeight&&{"--frame-font-weight":a.typography.fontWeight.default},...a?.typography?.lineHeight&&{"--frame-line-height":a.typography.lineHeight.default},...a?.typography?.letterSpacing&&{"--frame-letter-spacing":a.typography.letterSpacing.default},...a?.typography?.textAlign&&{"--frame-text-align":a.typography.textAlign.default},...a?.typography?.textTransform&&{"--frame-text-transform":a.typography.textTransform.default},...a?.typography?.textDecoration&&{"--frame-text-decoration":a.typography.textDecoration.default},...a?.effect?.opacity&&{"--frame-opacity":a.effect.opacity.default},...a?.effect?.filter&&{"--frame-filter":a.effect.filter.default},...a?.effect?.transition&&{"--frame-transition":a.effect.transition.default},...a?.elevation?.boxShadow&&{"--frame-shadow":a.elevation.boxShadow.default},...a?.elevation?.zIndex&&{"--frame-z-index":a.elevation.zIndex.default},...a?.motion?.animation&&{"--frame-animation":a.motion.animation.default},...a?.motion?.transform&&{"--frame-transform":a.motion.transform.default},...a?.motion?.transformOrigin&&{"--frame-transform-origin":a.motion.transformOrigin.default},...i&&{...i}},p=`${b.default.frame} ${r?`${r}`:""}`.trim(),c=u||"div";return y.jsx(c,{"data-tui-semantic":"base","data-tui-color-source":l,"data-tui-color-palette":f,"data-tui-custom-color":t,"data-tui-opacity":o,className:p,style:g,...m,children:e})};module.exports=n;
+//# sourceMappingURL=Frame.cjs.map

package/dist/cjs/ui/primitives/Frame/Frame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.cjs","sources":["../../../../../src/ui/primitives/Frame/Frame.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./Frame.module.css\";\nimport type { FrameModel } from \"@tramo-digital/types\";\n\nexport interface FrameProps extends React.HTMLAttributes<HTMLElement> {\n  tokens?: FrameModel[\"tokens\"];\n  events?: FrameModel[\"events\"];\n  children?: React.ReactNode;\n  className?: string;\n  data?: FrameModel[\"data\"];\n  colorPalette?: FrameModel[\"colorPalette\"];\n  colorSource?: FrameModel[\"colorSource\"];\n  customColor?: FrameModel[\"customColor\"];\n  opacity?: 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;\n  [key: string]: unknown;\n}\n\nconst Frame: React.FC<FrameProps> = ({\n  data = { as: \"div\" },\n  tokens,\n  children,\n  className,\n  colorPalette,\n  colorSource = \"palette\",\n  customColor,\n  opacity,\n  style,\n  ...rest\n}) => {\n  const { as = \"div\" } = data;\n  const tokenStyles = {\n    /* Color */\n    ...(tokens?.color?.background && {\n      \"--frame-background-color\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.border && {\n      \"--frame-border-color\": tokens.color.border.default,\n    }),\n    ...(tokens?.color?.text && {\n      \"--frame-text-color\": tokens.color.text.default,\n    }),\n    ...(tokens?.color?.outline && {\n      \"--frame-outline\": tokens.color.outline.default,\n    }),\n\n    /* Background */\n    ...(tokens?.background?.background && {\n      \"--frame-background\": tokens.background.background.default,\n    }),\n    ...(tokens?.background?.backgroundColor && {\n      \"--frame-background-color\": tokens.background.backgroundColor.default,\n    }),\n    ...(tokens?.background?.backgroundImage && {\n      \"--frame-background-image\": tokens.background.backgroundImage.default,\n    }),\n    ...(tokens?.background?.backgroundPosition && {\n      \"--frame-background-position\":\n        tokens.background.backgroundPosition.default,\n    }),\n    ...(tokens?.background?.backgroundRepeat && {\n      \"--frame-background-repeat\": tokens.background.backgroundRepeat.default,\n    }),\n    ...(tokens?.background?.backgroundSize && {\n      \"--frame-background-size\": tokens.background.backgroundSize.default,\n    }),\n\n    /* Spacing */\n    ...(tokens?.spacing?.padding && {\n      \"--frame-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.spacing?.paddingTop && {\n      \"--frame-padding-top\": tokens.spacing.paddingTop.default,\n    }),\n    ...(tokens?.spacing?.paddingRight && {\n      \"--frame-padding-right\": tokens.spacing.paddingRight.default,\n    }),\n    ...(tokens?.spacing?.paddingBottom && {\n      \"--frame-padding-bottom\": tokens.spacing.paddingBottom.default,\n    }),\n    ...(tokens?.spacing?.paddingLeft && {\n      \"--frame-padding-left\": tokens.spacing.paddingLeft.default,\n    }),\n    ...(tokens?.spacing?.margin && {\n      \"--frame-margin\": tokens.spacing.margin.default,\n    }),\n    ...(tokens?.spacing?.marginTop && {\n      \"--frame-margin-top\": tokens.spacing.marginTop.default,\n    }),\n    ...(tokens?.spacing?.marginRight && {\n      \"--frame-margin-right\": tokens.spacing.marginRight.default,\n    }),\n    ...(tokens?.spacing?.marginBottom && {\n      \"--frame-margin-bottom\": tokens.spacing.marginBottom.default,\n    }),\n    ...(tokens?.spacing?.marginLeft && {\n      \"--frame-margin-left\": tokens.spacing.marginLeft.default,\n    }),\n    ...(tokens?.spacing?.gap && { \"--frame-gap\": tokens.spacing.gap.default }),\n\n    /* Border */\n    ...(tokens?.border?.border && {\n      \"--frame-border\": tokens.border.border.default,\n    }),\n    ...(tokens?.border?.borderTop && {\n      \"--frame-border-top\": tokens.border.borderTop.default,\n    }),\n    ...(tokens?.border?.borderRight && {\n      \"--frame-border-right\": tokens.border.borderRight.default,\n    }),\n    ...(tokens?.border?.borderBottom && {\n      \"--frame-border-bottom\": tokens.border.borderBottom.default,\n    }),\n    ...(tokens?.border?.borderLeft && {\n      \"--frame-border-left\": tokens.border.borderLeft.default,\n    }),\n    ...(tokens?.border?.borderWidth && {\n      \"--frame-border-width\": tokens.border.borderWidth.default,\n    }),\n    ...(tokens?.border?.borderStyle && {\n      \"--frame-border-style\": tokens.border.borderStyle.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--frame-border-radius\": tokens.border.borderRadius.default,\n    }),\n\n    /* Dimension */\n    ...(tokens?.dimension?.width && {\n      \"--frame-width\": tokens.dimension.width.default,\n    }),\n    ...(tokens?.dimension?.minWidth && {\n      \"--frame-min-width\": tokens.dimension.minWidth.default,\n    }),\n    ...(tokens?.dimension?.maxWidth && {\n      \"--frame-max-width\": tokens.dimension.maxWidth.default,\n    }),\n    ...(tokens?.dimension?.height && {\n      \"--frame-height\": tokens.dimension.height.default,\n    }),\n    ...(tokens?.dimension?.minHeight && {\n      \"--frame-min-height\": tokens.dimension.minHeight.default,\n    }),\n    ...(tokens?.dimension?.maxHeight && {\n      \"--frame-max-height\": tokens.dimension.maxHeight.default,\n    }),\n    ...(tokens?.dimension?.boxSizing && {\n      \"--frame-box-sizing\": tokens.dimension.boxSizing.default,\n    }),\n    ...(tokens?.dimension?.overflow && {\n      \"--frame-overflow\": tokens.dimension.overflow.default,\n    }),\n    ...(tokens?.dimension?.overflowX && {\n      \"--frame-overflow-x\": tokens.dimension.overflowX.default,\n    }),\n    ...(tokens?.dimension?.overflowY && {\n      \"--frame-overflow-y\": tokens.dimension.overflowY.default,\n    }),\n\n    /* Layout */\n    ...(tokens?.layout?.display && {\n      \"--frame-display\": tokens.layout.display.default,\n    }),\n    ...(tokens?.layout?.position && {\n      \"--frame-position\": tokens.layout.position.default,\n    }),\n    ...(tokens?.layout?.top && { \"--frame-top\": tokens.layout.top.default }),\n    ...(tokens?.layout?.right && {\n      \"--frame-right\": tokens.layout.right.default,\n    }),\n    ...(tokens?.layout?.bottom && {\n      \"--frame-bottom\": tokens.layout.bottom.default,\n    }),\n    ...(tokens?.layout?.left && { \"--frame-left\": tokens.layout.left.default }),\n    ...(tokens?.layout?.flex && { \"--frame-flex\": tokens.layout.flex.default }),\n    ...(tokens?.layout?.flexDirection && {\n      \"--frame-flex-direction\": tokens.layout.flexDirection.default,\n    }),\n    ...(tokens?.layout?.alignItems && {\n      \"--frame-align-items\": tokens.layout.alignItems.default,\n    }),\n    ...(tokens?.layout?.justifyContent && {\n      \"--frame-justify-content\": tokens.layout.justifyContent.default,\n    }),\n    ...(tokens?.layout?.flexWrap && {\n      \"--frame-flex-wrap\": tokens.layout.flexWrap.default,\n    }),\n    ...(tokens?.layout?.flexGrow && {\n      \"--frame-flex-grow\": tokens.layout.flexGrow.default,\n    }),\n    ...(tokens?.layout?.flexShrink && {\n      \"--frame-flex-shrink\": tokens.layout.flexShrink.default,\n    }),\n    ...(tokens?.layout?.flexBasis && {\n      \"--frame-flex-basis\": tokens.layout.flexBasis.default,\n    }),\n    ...(tokens?.layout?.alignSelf && {\n      \"--frame-align-self\": tokens.layout.alignSelf.default,\n    }),\n    ...(tokens?.layout?.justifySelf && {\n      \"--frame-justify-self\": tokens.layout.justifySelf.default,\n    }),\n    ...(tokens?.layout?.grid && { \"--frame-grid\": tokens.layout.grid.default }),\n    ...(tokens?.layout?.gridArea && {\n      \"--frame-grid-area\": tokens.layout.gridArea.default,\n    }),\n    ...(tokens?.layout?.gridTemplateAreas && {\n      \"--frame-grid-template-areas\": tokens.layout.gridTemplateAreas.default,\n    }),\n    ...(tokens?.layout?.gridTemplateColumns && {\n      \"--frame-grid-template-columns\":\n        tokens.layout.gridTemplateColumns.default,\n    }),\n    ...(tokens?.layout?.gridTemplateRows && {\n      \"--frame-grid-template-rows\": tokens.layout.gridTemplateRows.default,\n    }),\n\n    /* Typography */\n    ...(tokens?.typography?.fontFamily && {\n      \"--frame-font-family\": Array.isArray(tokens.typography.fontFamily.default)\n        ? tokens.typography.fontFamily.default.join(\", \")\n        : tokens.typography.fontFamily.default,\n    }),\n    ...(tokens?.typography?.fontSize && {\n      \"--frame-font-size\": tokens.typography.fontSize.default,\n    }),\n    ...(tokens?.typography?.fontWeight && {\n      \"--frame-font-weight\": tokens.typography.fontWeight.default,\n    }),\n    ...(tokens?.typography?.lineHeight && {\n      \"--frame-line-height\": tokens.typography.lineHeight.default,\n    }),\n    ...(tokens?.typography?.letterSpacing && {\n      \"--frame-letter-spacing\": tokens.typography.letterSpacing.default,\n    }),\n    ...(tokens?.typography?.textAlign && {\n      \"--frame-text-align\": tokens.typography.textAlign.default,\n    }),\n    ...(tokens?.typography?.textTransform && {\n      \"--frame-text-transform\": tokens.typography.textTransform.default,\n    }),\n    ...(tokens?.typography?.textDecoration && {\n      \"--frame-text-decoration\": tokens.typography.textDecoration.default,\n    }),\n\n    /* Effect */\n    ...(tokens?.effect?.opacity && {\n      \"--frame-opacity\": tokens.effect.opacity.default,\n    }),\n    ...(tokens?.effect?.filter && {\n      \"--frame-filter\": tokens.effect.filter.default,\n    }),\n    ...(tokens?.effect?.transition && {\n      \"--frame-transition\": tokens.effect.transition.default,\n    }),\n    ...(tokens?.elevation?.boxShadow && {\n      \"--frame-shadow\": tokens.elevation.boxShadow.default,\n    }),\n    ...(tokens?.elevation?.zIndex && {\n      \"--frame-z-index\": tokens.elevation.zIndex.default,\n    }),\n\n    /* Motion */\n    ...(tokens?.motion?.animation && {\n      \"--frame-animation\": tokens.motion.animation.default,\n    }),\n    ...(tokens?.motion?.transform && {\n      \"--frame-transform\": tokens.motion.transform.default,\n    }),\n    ...(tokens?.motion?.transformOrigin && {\n      \"--frame-transform-origin\": tokens.motion.transformOrigin.default,\n    }),\n\n    ...(style && { ...style }),\n  } as React.CSSProperties;\n\n  const classNames =\n    `${styles.frame} ${className ? `${className}` : \"\"}`.trim();\n  const Component = as || \"div\";\n\n  return (\n    <Component\n      data-tui-semantic=\"base\"\n      data-tui-color-source={colorSource}\n      data-tui-color-palette={colorPalette}\n      data-tui-custom-color={customColor}\n      data-tui-opacity={opacity}\n      className={classNames}\n      style={tokenStyles}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Frame;\n"],"names":["Frame","data","tokens","children","className","colorPalette","colorSource","customColor","opacity","style","rest","as","tokenStyles","classNames","styles","Component","jsx"],"mappings":"sFAiBMA,EAA8B,CAAC,CACnC,KAAAC,EAAO,CAAE,GAAI,KAAA,EACb,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,UACd,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,GAAAC,EAAK,KAAA,EAAUV,EACjBW,EAAc,CAElB,GAAIV,GAAQ,OAAO,YAAc,CAC/B,2BAA4BA,EAAO,MAAM,WAAW,OAAA,EAEtD,GAAIA,GAAQ,OAAO,QAAU,CAC3B,uBAAwBA,EAAO,MAAM,OAAO,OAAA,EAE9C,GAAIA,GAAQ,OAAO,MAAQ,CACzB,qBAAsBA,EAAO,MAAM,KAAK,OAAA,EAE1C,GAAIA,GAAQ,OAAO,SAAW,CAC5B,kBAAmBA,EAAO,MAAM,QAAQ,OAAA,EAI1C,GAAIA,GAAQ,YAAY,YAAc,CACpC,qBAAsBA,EAAO,WAAW,WAAW,OAAA,EAErD,GAAIA,GAAQ,YAAY,iBAAmB,CACzC,2BAA4BA,EAAO,WAAW,gBAAgB,OAAA,EAEhE,GAAIA,GAAQ,YAAY,iBAAmB,CACzC,2BAA4BA,EAAO,WAAW,gBAAgB,OAAA,EAEhE,GAAIA,GAAQ,YAAY,oBAAsB,CAC5C,8BACEA,EAAO,WAAW,mBAAmB,OAAA,EAEzC,GAAIA,GAAQ,YAAY,kBAAoB,CAC1C,4BAA6BA,EAAO,WAAW,iBAAiB,OAAA,EAElE,GAAIA,GAAQ,YAAY,gBAAkB,CACxC,0BAA2BA,EAAO,WAAW,eAAe,OAAA,EAI9D,GAAIA,GAAQ,SAAS,SAAW,CAC9B,kBAAmBA,EAAO,QAAQ,QAAQ,OAAA,EAE5C,GAAIA,GAAQ,SAAS,YAAc,CACjC,sBAAuBA,EAAO,QAAQ,WAAW,OAAA,EAEnD,GAAIA,GAAQ,SAAS,cAAgB,CACnC,wBAAyBA,EAAO,QAAQ,aAAa,OAAA,EAEvD,GAAIA,GAAQ,SAAS,eAAiB,CACpC,yBAA0BA,EAAO,QAAQ,cAAc,OAAA,EAEzD,GAAIA,GAAQ,SAAS,aAAe,CAClC,uBAAwBA,EAAO,QAAQ,YAAY,OAAA,EAErD,GAAIA,GAAQ,SAAS,QAAU,CAC7B,iBAAkBA,EAAO,QAAQ,OAAO,OAAA,EAE1C,GAAIA,GAAQ,SAAS,WAAa,CAChC,qBAAsBA,EAAO,QAAQ,UAAU,OAAA,EAEjD,GAAIA,GAAQ,SAAS,aAAe,CAClC,uBAAwBA,EAAO,QAAQ,YAAY,OAAA,EAErD,GAAIA,GAAQ,SAAS,cAAgB,CACnC,wBAAyBA,EAAO,QAAQ,aAAa,OAAA,EAEvD,GAAIA,GAAQ,SAAS,YAAc,CACjC,sBAAuBA,EAAO,QAAQ,WAAW,OAAA,EAEnD,GAAIA,GAAQ,SAAS,KAAO,CAAE,cAAeA,EAAO,QAAQ,IAAI,OAAA,EAGhE,GAAIA,GAAQ,QAAQ,QAAU,CAC5B,iBAAkBA,EAAO,OAAO,OAAO,OAAA,EAEzC,GAAIA,GAAQ,QAAQ,WAAa,CAC/B,qBAAsBA,EAAO,OAAO,UAAU,OAAA,EAEhD,GAAIA,GAAQ,QAAQ,aAAe,CACjC,uBAAwBA,EAAO,OAAO,YAAY,OAAA,EAEpD,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,wBAAyBA,EAAO,OAAO,aAAa,OAAA,EAEtD,GAAIA,GAAQ,QAAQ,YAAc,CAChC,sBAAuBA,EAAO,OAAO,WAAW,OAAA,EAElD,GAAIA,GAAQ,QAAQ,aAAe,CACjC,uBAAwBA,EAAO,OAAO,YAAY,OAAA,EAEpD,GAAIA,GAAQ,QAAQ,aAAe,CACjC,uBAAwBA,EAAO,OAAO,YAAY,OAAA,EAEpD,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,wBAAyBA,EAAO,OAAO,aAAa,OAAA,EAItD,GAAIA,GAAQ,WAAW,OAAS,CAC9B,gBAAiBA,EAAO,UAAU,MAAM,OAAA,EAE1C,GAAIA,GAAQ,WAAW,UAAY,CACjC,oBAAqBA,EAAO,UAAU,SAAS,OAAA,EAEjD,GAAIA,GAAQ,WAAW,UAAY,CACjC,oBAAqBA,EAAO,UAAU,SAAS,OAAA,EAEjD,GAAIA,GAAQ,WAAW,QAAU,CAC/B,iBAAkBA,EAAO,UAAU,OAAO,OAAA,EAE5C,GAAIA,GAAQ,WAAW,WAAa,CAClC,qBAAsBA,EAAO,UAAU,UAAU,OAAA,EAEnD,GAAIA,GAAQ,WAAW,WAAa,CAClC,qBAAsBA,EAAO,UAAU,UAAU,OAAA,EAEnD,GAAIA,GAAQ,WAAW,WAAa,CAClC,qBAAsBA,EAAO,UAAU,UAAU,OAAA,EAEnD,GAAIA,GAAQ,WAAW,UAAY,CACjC,mBAAoBA,EAAO,UAAU,SAAS,OAAA,EAEhD,GAAIA,GAAQ,WAAW,WAAa,CAClC,qBAAsBA,EAAO,UAAU,UAAU,OAAA,EAEnD,GAAIA,GAAQ,WAAW,WAAa,CAClC,qBAAsBA,EAAO,UAAU,UAAU,OAAA,EAInD,GAAIA,GAAQ,QAAQ,SAAW,CAC7B,kBAAmBA,EAAO,OAAO,QAAQ,OAAA,EAE3C,GAAIA,GAAQ,QAAQ,UAAY,CAC9B,mBAAoBA,EAAO,OAAO,SAAS,OAAA,EAE7C,GAAIA,GAAQ,QAAQ,KAAO,CAAE,cAAeA,EAAO,OAAO,IAAI,OAAA,EAC9D,GAAIA,GAAQ,QAAQ,OAAS,CAC3B,gBAAiBA,EAAO,OAAO,MAAM,OAAA,EAEvC,GAAIA,GAAQ,QAAQ,QAAU,CAC5B,iBAAkBA,EAAO,OAAO,OAAO,OAAA,EAEzC,GAAIA,GAAQ,QAAQ,MAAQ,CAAE,eAAgBA,EAAO,OAAO,KAAK,OAAA,EACjE,GAAIA,GAAQ,QAAQ,MAAQ,CAAE,eAAgBA,EAAO,OAAO,KAAK,OAAA,EACjE,GAAIA,GAAQ,QAAQ,eAAiB,CACnC,yBAA0BA,EAAO,OAAO,cAAc,OAAA,EAExD,GAAIA,GAAQ,QAAQ,YAAc,CAChC,sBAAuBA,EAAO,OAAO,WAAW,OAAA,EAElD,GAAIA,GAAQ,QAAQ,gBAAkB,CACpC,0BAA2BA,EAAO,OAAO,eAAe,OAAA,EAE1D,GAAIA,GAAQ,QAAQ,UAAY,CAC9B,oBAAqBA,EAAO,OAAO,SAAS,OAAA,EAE9C,GAAIA,GAAQ,QAAQ,UAAY,CAC9B,oBAAqBA,EAAO,OAAO,SAAS,OAAA,EAE9C,GAAIA,GAAQ,QAAQ,YAAc,CAChC,sBAAuBA,EAAO,OAAO,WAAW,OAAA,EAElD,GAAIA,GAAQ,QAAQ,WAAa,CAC/B,qBAAsBA,EAAO,OAAO,UAAU,OAAA,EAEhD,GAAIA,GAAQ,QAAQ,WAAa,CAC/B,qBAAsBA,EAAO,OAAO,UAAU,OAAA,EAEhD,GAAIA,GAAQ,QAAQ,aAAe,CACjC,uBAAwBA,EAAO,OAAO,YAAY,OAAA,EAEpD,GAAIA,GAAQ,QAAQ,MAAQ,CAAE,eAAgBA,EAAO,OAAO,KAAK,OAAA,EACjE,GAAIA,GAAQ,QAAQ,UAAY,CAC9B,oBAAqBA,EAAO,OAAO,SAAS,OAAA,EAE9C,GAAIA,GAAQ,QAAQ,mBAAqB,CACvC,8BAA+BA,EAAO,OAAO,kBAAkB,OAAA,EAEjE,GAAIA,GAAQ,QAAQ,qBAAuB,CACzC,gCACEA,EAAO,OAAO,oBAAoB,OAAA,EAEtC,GAAIA,GAAQ,QAAQ,kBAAoB,CACtC,6BAA8BA,EAAO,OAAO,iBAAiB,OAAA,EAI/D,GAAIA,GAAQ,YAAY,YAAc,CACpC,sBAAuB,MAAM,QAAQA,EAAO,WAAW,WAAW,OAAO,EACrEA,EAAO,WAAW,WAAW,QAAQ,KAAK,IAAI,EAC9CA,EAAO,WAAW,WAAW,OAAA,EAEnC,GAAIA,GAAQ,YAAY,UAAY,CAClC,oBAAqBA,EAAO,WAAW,SAAS,OAAA,EAElD,GAAIA,GAAQ,YAAY,YAAc,CACpC,sBAAuBA,EAAO,WAAW,WAAW,OAAA,EAEtD,GAAIA,GAAQ,YAAY,YAAc,CACpC,sBAAuBA,EAAO,WAAW,WAAW,OAAA,EAEtD,GAAIA,GAAQ,YAAY,eAAiB,CACvC,yBAA0BA,EAAO,WAAW,cAAc,OAAA,EAE5D,GAAIA,GAAQ,YAAY,WAAa,CACnC,qBAAsBA,EAAO,WAAW,UAAU,OAAA,EAEpD,GAAIA,GAAQ,YAAY,eAAiB,CACvC,yBAA0BA,EAAO,WAAW,cAAc,OAAA,EAE5D,GAAIA,GAAQ,YAAY,gBAAkB,CACxC,0BAA2BA,EAAO,WAAW,eAAe,OAAA,EAI9D,GAAIA,GAAQ,QAAQ,SAAW,CAC7B,kBAAmBA,EAAO,OAAO,QAAQ,OAAA,EAE3C,GAAIA,GAAQ,QAAQ,QAAU,CAC5B,iBAAkBA,EAAO,OAAO,OAAO,OAAA,EAEzC,GAAIA,GAAQ,QAAQ,YAAc,CAChC,qBAAsBA,EAAO,OAAO,WAAW,OAAA,EAEjD,GAAIA,GAAQ,WAAW,WAAa,CAClC,iBAAkBA,EAAO,UAAU,UAAU,OAAA,EAE/C,GAAIA,GAAQ,WAAW,QAAU,CAC/B,kBAAmBA,EAAO,UAAU,OAAO,OAAA,EAI7C,GAAIA,GAAQ,QAAQ,WAAa,CAC/B,oBAAqBA,EAAO,OAAO,UAAU,OAAA,EAE/C,GAAIA,GAAQ,QAAQ,WAAa,CAC/B,oBAAqBA,EAAO,OAAO,UAAU,OAAA,EAE/C,GAAIA,GAAQ,QAAQ,iBAAmB,CACrC,2BAA4BA,EAAO,OAAO,gBAAgB,OAAA,EAG5D,GAAIO,GAAS,CAAE,GAAGA,CAAA,CAAM,EAGpBI,EACJ,GAAGC,UAAO,KAAK,IAAIV,EAAY,GAAGA,CAAS,GAAK,EAAE,GAAG,KAAA,EACjDW,EAAYJ,GAAM,MAExB,OACEK,EAAAA,IAACD,EAAA,CACC,oBAAkB,OAClB,wBAAuBT,EACvB,yBAAwBD,EACxB,wBAAuBE,EACvB,mBAAkBC,EAClB,UAAWK,EACX,MAAOD,EACN,GAAGF,EAEH,SAAAP,CAAA,CAAA,CAGP"}

package/dist/cjs/ui/primitives/Frame/Frame.module.css.cjs

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

package/dist/cjs/ui/primitives/Frame/Frame.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Frame/index.cjs

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

package/dist/cjs/ui/primitives/Frame/index.cjs.map

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

package/dist/cjs/ui/primitives/Icon/Icon.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),f=require("../../../icons/src/utils/svgIcons.cjs"),m=require("../Frame/Frame.cjs"),g=require("./Icon.module.css.cjs"),v=({data:s,tokens:e,className:c,colorPalette:t,colorSource:r,customColor:l})=>{if(!s)return null;const{type:n}=s,u=f.findSvgIcon(n),a={...e?.color?.fill&&{"--icon-color":e.color.fill.default},...e?.dimension?.size&&{"--icon-size":e.dimension.size.default}},i=u?.svgComponent;if(!i)return null;const d=typeof i=="string"?i:i.src;return o.jsx(m,{"data-tui-primitive":"base",data:{as:"i"},colorPalette:t,colorSource:r,customColor:l,className:`${g.default.iconObject} ${c||""}`,style:a,"aria-label":`${n} icon`,children:o.jsx("img",{src:d,alt:n})})};module.exports=v;
+//# sourceMappingURL=Icon.cjs.map

package/dist/cjs/ui/primitives/Icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sources":["../../../../../src/ui/primitives/Icon/Icon.tsx"],"sourcesContent":["import { findSvgIcon, SvgIconName } from '@tramo-digital/icons';\nimport type { IconModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../Frame/Frame';\nimport styles from './Icon.module.css';\n\nexport type IconProps = IconModel;\n\n/**\n * Icon Component - Production-ready with robust error handling\n *\n * Features:\n * - Multi-category support (object-icons, utility-icons, logo)\n * - Automatic fallback between categories\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 Icon: React.FC<IconProps> = ({\n    data,\n    tokens,\n    className,\n    colorPalette,\n    colorSource,\n    customColor,\n}) => {\n    const _fingerprint = 'd0e452d6d79c8a481723cab6281fa0e6';\n    if (!data) return null;\n    const { type } = data;\n\n    const icon = findSvgIcon(type as SvgIconName);\n\n    const tokenStyles = {\n        ...(tokens?.color?.fill && { '--icon-color': tokens.color.fill.default }),\n        ...(tokens?.dimension?.size && {\n            '--icon-size': tokens.dimension.size.default,\n        }),\n    };\n\n    const svg = icon?.svgComponent;\n\n    if (!svg) {\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 svg === 'string' ? svg : (svg 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.iconObject} ${className || ''}`}\n            style={tokenStyles as React.CSSProperties}\n            aria-label={`${type} icon`}\n        >\n            <img src={svgSrc} alt={type} />\n        </Frame>\n    );\n};\n\nexport default Icon;\n"],"names":["Icon","data","tokens","className","colorPalette","colorSource","customColor","type","icon","findSvgIcon","tokenStyles","svg","svgSrc","jsx","Frame","styles"],"mappings":"wKAmBMA,EAA4B,CAAC,CAC/B,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACJ,IAAM,CAEF,GAAI,CAACL,EAAM,OAAO,KAClB,KAAM,CAAE,KAAAM,GAASN,EAEXO,EAAOC,EAAAA,YAAYF,CAAmB,EAEtCG,EAAc,CAChB,GAAIR,GAAQ,OAAO,MAAQ,CAAE,eAAgBA,EAAO,MAAM,KAAK,OAAA,EAC/D,GAAIA,GAAQ,WAAW,MAAQ,CAC3B,cAAeA,EAAO,UAAU,KAAK,OAAA,CACzC,EAGES,EAAMH,GAAM,aAElB,GAAI,CAACG,EACD,OAAO,KAKX,MAAMC,EACF,OAAOD,GAAQ,SAAWA,EAAOA,EAAmC,IAExE,OACIE,EAAAA,IAACC,EAAA,CACG,qBAAmB,OACnB,KAAM,CAAE,GAAI,GAAA,EACZ,aAAAV,EACA,YAAAC,EACA,YAAAC,EACA,UAAW,GAAGS,UAAO,UAAU,IAAIZ,GAAa,EAAE,GAClD,MAAOO,EACP,aAAY,GAAGH,CAAI,QAEnB,SAAAM,EAAAA,IAAC,MAAA,CAAI,IAAKD,EAAQ,IAAKL,CAAA,CAAM,CAAA,CAAA,CAGzC"}

package/dist/cjs/ui/primitives/Icon/Icon.module.css.cjs

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

package/dist/cjs/ui/primitives/Icon/Icon.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Icon/index.cjs

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

package/dist/cjs/ui/primitives/Icon/index.cjs.map

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

package/dist/cjs/ui/primitives/Image/Image.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),p=require("./Image.module.css.cjs"),h=({data:r,events:a,tokens:i,className:d})=>{if(!r)return null;const{src:t,alt:o,sources:e,width:l,height:c,loading:u,objectFit:m="cover",fluid:x}=r,n={...i?.border?.borderRadius?.default&&{"--image-border-radius":i.border.borderRadius.default},...i?.dimension?.aspectRatio?.default&&{"--image-aspect-ratio":i.dimension.aspectRatio.default},...m&&{"--image-object-fit":m}},b=`${p.default.image}${x?` ${p.default.fluid}`:""}${d?` ${d}`:""}`;if(!t||!o)return null;if(e){const f=e.desktopxl||e.desktop||e.tablet||e.mobile||t,g=e.desktopxl||e.desktop||e.tablet||e.mobile||t,k=e.desktop||e.desktopxl||e.tablet||e.mobile||t,j=e.tablet||e.desktop||e.mobile||e.desktopxl||t,S=e.mobile||e.tablet||e.desktop||e.desktopxl||t;return s.jsxs("picture",{"data-tui-primitive":"base",children:[s.jsx("source",{media:"(min-width: 1440px)",srcSet:g}),s.jsx("source",{media:"(min-width: 1025px)",srcSet:k}),s.jsx("source",{media:"(min-width: 960px)",srcSet:j}),s.jsx("source",{srcSet:S}),s.jsx("img",{src:f,alt:o,width:l,height:c,loading:u,className:b,style:n,...a})]})}return s.jsx("img",{"data-tui-primitive":"base",src:t,alt:o,width:l,height:c,loading:u,className:b,style:n,...a})};module.exports=h;
+//# sourceMappingURL=Image.cjs.map

package/dist/cjs/ui/primitives/Image/Image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","sources":["../../../../../src/ui/primitives/Image/Image.tsx"],"sourcesContent":["import type { ImageModel } from '@tramo-digital/types';\nimport React from 'react';\nimport styles from './Image.module.css';\n\nexport interface ImageProps {\n    id?: ImageModel['id'];\n    data: ImageModel['data'];\n    events?: ImageModel['events'];\n    tokens?: ImageModel['tokens'];\n    className?: ImageModel['className'];\n}\n\nconst Image: React.FC<ImageProps> = ({ data, events, tokens, className }) => {\n    if (!data) return null;\n    const {\n        src,\n        alt,\n        sources,\n        width,\n        height,\n        loading,\n        objectFit = 'cover',\n        fluid,\n    } = data;\n\n    const tokenStyles = {\n        ...(tokens?.border?.borderRadius?.default && {\n            '--image-border-radius': tokens.border.borderRadius.default,\n        }),\n        ...(tokens?.dimension?.aspectRatio?.default && {\n            '--image-aspect-ratio': tokens.dimension.aspectRatio.default,\n        }),\n        ...(objectFit && { '--image-object-fit': objectFit }),\n    };\n\n    const imageClasses = `${styles.image}${fluid ? ` ${styles.fluid}` : ''}${className ? ` ${className}` : ''\n        }`;\n\n    if (!src || !alt) {\n        return null;\n    }\n\n    if (sources) {\n        // Fill missing breakpoints with closest available image\n        const fallbackSrc =\n            sources.desktopxl ||\n            sources.desktop ||\n            sources.tablet ||\n            sources.mobile ||\n            src;\n        const desktopxlSrc =\n            sources.desktopxl ||\n            sources.desktop ||\n            sources.tablet ||\n            sources.mobile ||\n            src;\n        const desktopSrc =\n            sources.desktop ||\n            sources.desktopxl ||\n            sources.tablet ||\n            sources.mobile ||\n            src;\n        const tabletSrc =\n            sources.tablet ||\n            sources.desktop ||\n            sources.mobile ||\n            sources.desktopxl ||\n            src;\n        const mobileSrc =\n            sources.mobile ||\n            sources.tablet ||\n            sources.desktop ||\n            sources.desktopxl ||\n            src;\n\n        return (\n            <picture data-tui-primitive=\"base\">\n                <source media=\"(min-width: 1440px)\" srcSet={desktopxlSrc} />\n                <source media=\"(min-width: 1025px)\" srcSet={desktopSrc} />\n                <source media=\"(min-width: 960px)\" srcSet={tabletSrc} />\n                <source srcSet={mobileSrc} />\n                <img\n                    src={fallbackSrc}\n                    alt={alt}\n                    width={width}\n                    height={height}\n                    loading={loading}\n                    className={imageClasses}\n                    style={tokenStyles as React.CSSProperties}\n                    {...events}\n                />\n            </picture>\n        );\n    }\n\n    return (\n        <img\n            data-tui-primitive=\"base\"\n            src={src}\n            alt={alt}\n            width={width}\n            height={height}\n            loading={loading}\n            className={imageClasses}\n            style={tokenStyles as React.CSSProperties}\n            {...events}\n        />\n    );\n};\n\nexport default Image;\n"],"names":["Image","data","events","tokens","className","src","alt","sources","width","height","loading","objectFit","fluid","tokenStyles","imageClasses","styles","fallbackSrc","desktopxlSrc","desktopSrc","tabletSrc","mobileSrc","jsxs","jsx"],"mappings":"sFAYMA,EAA8B,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,EAAQ,UAAAC,KAAgB,CACzE,GAAI,CAACH,EAAM,OAAO,KAClB,KAAM,CACF,IAAAI,EACA,IAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,QACZ,MAAAC,CAAA,EACAX,EAEEY,EAAc,CAChB,GAAIV,GAAQ,QAAQ,cAAc,SAAW,CACzC,wBAAyBA,EAAO,OAAO,aAAa,OAAA,EAExD,GAAIA,GAAQ,WAAW,aAAa,SAAW,CAC3C,uBAAwBA,EAAO,UAAU,YAAY,OAAA,EAEzD,GAAIQ,GAAa,CAAE,qBAAsBA,CAAA,CAAU,EAGjDG,EAAe,GAAGC,EAAAA,QAAO,KAAK,GAAGH,EAAQ,IAAIG,EAAAA,QAAO,KAAK,GAAK,EAAE,GAAGX,EAAY,IAAIA,CAAS,GAAK,EACnG,GAEJ,GAAI,CAACC,GAAO,CAACC,EACT,OAAO,KAGX,GAAIC,EAAS,CAET,MAAMS,EACFT,EAAQ,WACRA,EAAQ,SACRA,EAAQ,QACRA,EAAQ,QACRF,EACEY,EACFV,EAAQ,WACRA,EAAQ,SACRA,EAAQ,QACRA,EAAQ,QACRF,EACEa,EACFX,EAAQ,SACRA,EAAQ,WACRA,EAAQ,QACRA,EAAQ,QACRF,EACEc,EACFZ,EAAQ,QACRA,EAAQ,SACRA,EAAQ,QACRA,EAAQ,WACRF,EACEe,EACFb,EAAQ,QACRA,EAAQ,QACRA,EAAQ,SACRA,EAAQ,WACRF,EAEJ,OACIgB,EAAAA,KAAC,UAAA,CAAQ,qBAAmB,OACxB,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,MAAM,sBAAsB,OAAQL,EAAc,EAC1DK,EAAAA,IAAC,SAAA,CAAO,MAAM,sBAAsB,OAAQJ,EAAY,EACxDI,EAAAA,IAAC,SAAA,CAAO,MAAM,qBAAqB,OAAQH,EAAW,EACtDG,EAAAA,IAAC,SAAA,CAAO,OAAQF,CAAA,CAAW,EAC3BE,EAAAA,IAAC,MAAA,CACG,IAAKN,EACL,IAAAV,EACA,MAAAE,EACA,OAAAC,EACA,QAAAC,EACA,UAAWI,EACX,MAAOD,EACN,GAAGX,CAAA,CAAA,CACR,EACJ,CAER,CAEA,OACIoB,EAAAA,IAAC,MAAA,CACG,qBAAmB,OACnB,IAAAjB,EACA,IAAAC,EACA,MAAAE,EACA,OAAAC,EACA,QAAAC,EACA,UAAWI,EACX,MAAOD,EACN,GAAGX,CAAA,CAAA,CAGhB"}

package/dist/cjs/ui/primitives/Image/Image.module.css.cjs

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

package/dist/cjs/ui/primitives/Image/Image.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Image/index.cjs

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

package/dist/cjs/ui/primitives/Image/index.cjs.map

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

package/dist/cjs/ui/primitives/Input/Input.cjs

@@ -0,0 +1,2 @@
+"use strict";const j=require("react/jsx-runtime"),z=require("react"),B=require("../Frame/Frame.cjs"),d=require("./Input.module.css.cjs"),C=({data:a,events:o,tokens:r,className:i,colorPalette:c,colorSource:n,customColor:p})=>{if(!a)return null;const{name:l,placeholder:b,required:t=!1,disabled:e=!1,readOnly:s=!1,value:f,id:g,type:h="text",autocomplete:m,maxLength:y,minLength:x,pattern:q,errorMessage:F}=a,I=z.useId(),E=g??l??I,u=!!F,R={...r?.color?.background&&{"--input-color-background":r.color.background.default},...r?.color?.border&&{"--input-color-border":r.color.border.default},...r?.color?.borderFocus&&{"--input-color-border-focus":r.color.borderFocus.default},...r?.color?.borderError&&{"--input-color-border-error":r.color.borderError.default},...r?.color?.text&&{"--input-color-text":r.color.text.default},...r?.color?.placeholder&&{"--input-color-placeholder":r.color.placeholder.default},...r?.spacing?.padding&&{"--input-spacing-padding":r.spacing.padding.default},...r?.border?.borderRadius&&{"--input-border-radius":r.border.borderRadius.default},...r?.border?.borderWidth&&{"--input-border-width":r.border.borderWidth.default},...r?.typography?.fontSize&&{"--input-font-size":r.typography.fontSize.default}};return j.jsx(B,{data:{as:"input"},"data-tui-primitive":"base","data-tui-dynamic-states":"default",colorPalette:c,colorSource:n,customColor:p,id:E,name:l,type:h,value:f,placeholder:b,required:t,disabled:e,readOnly:s,maxLength:y,minLength:x,pattern:q,autoComplete:m,"aria-required":t,"aria-disabled":e,"aria-invalid":u,className:[d.default.input,u?d.default.hasError:"",e?d.default.disabled:"",i??""].filter(Boolean).join(" "),style:R,onChange:o?.onChange,onBlur:o?.onBlur,onFocus:o?.onFocus})};module.exports=C;
+//# sourceMappingURL=Input.cjs.map

package/dist/cjs/ui/primitives/Input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../../../src/ui/primitives/Input/Input.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport type { InputModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Input.module.css\";\n\nexport interface InputProps {\n  id?: InputModel[\"id\"];\n  data: InputModel[\"data\"];\n  events?: InputModel[\"events\"];\n  tokens?: InputModel[\"tokens\"];\n  className?: InputModel[\"className\"];\n  colorPalette?: InputModel[\"colorPalette\"];\n  colorSource?: InputModel[\"colorSource\"];\n  customColor?: InputModel[\"customColor\"];\n}\n\nconst Input: React.FC<InputProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"245b2c8ec26a34a1d7587ad61fb46fbc\";\n\n  const {\n    name,\n    placeholder,\n    required = false,\n    disabled = false,\n    readOnly = false,\n    value,\n    id,\n    type = \"text\",\n    autocomplete,\n    maxLength,\n    minLength,\n    pattern,\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      \"--input-color-background\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.border && {\n      \"--input-color-border\": tokens.color.border.default,\n    }),\n    ...(tokens?.color?.borderFocus && {\n      \"--input-color-border-focus\": tokens.color.borderFocus.default,\n    }),\n    ...(tokens?.color?.borderError && {\n      \"--input-color-border-error\": tokens.color.borderError.default,\n    }),\n    ...(tokens?.color?.text && {\n      \"--input-color-text\": tokens.color.text.default,\n    }),\n    ...(tokens?.color?.placeholder && {\n      \"--input-color-placeholder\": tokens.color.placeholder.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      \"--input-spacing-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--input-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.border?.borderWidth && {\n      \"--input-border-width\": tokens.border.borderWidth.default,\n    }),\n    ...(tokens?.typography?.fontSize && {\n      \"--input-font-size\": tokens.typography.fontSize.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data={{ as: \"input\" }}\n      data-tui-primitive=\"base\"\n      data-tui-dynamic-states=\"default\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      id={fieldId}\n      name={name}\n      type={type}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      maxLength={maxLength}\n      minLength={minLength}\n      pattern={pattern}\n      autoComplete={autocomplete}\n      aria-required={required}\n      aria-disabled={disabled}\n      aria-invalid={hasError}\n      className={[\n        styles.input,\n        hasError ? styles.hasError : \"\",\n        disabled ? styles.disabled : \"\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={tokenStyles as React.CSSProperties}\n      onChange={events?.onChange as any}\n      onBlur={events?.onBlur as any}\n      onFocus={events?.onFocus as any}\n    />\n  );\n};\n\nexport default Input;\n"],"names":["Input","data","events","tokens","className","colorPalette","colorSource","customColor","name","placeholder","required","disabled","readOnly","value","id","type","autocomplete","maxLength","minLength","pattern","errorMessage","generatedId","useId","fieldId","hasError","tokenStyles","jsx","Frame","styles"],"mappings":"yIAgBMA,EAA8B,CAAC,CACnC,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,CACF,IAAM,CACJ,GAAI,CAACN,EAAM,OAAO,KAGlB,KAAM,CACJ,KAAAO,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EACA,GAAAC,EACA,KAAAC,EAAO,OACP,aAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,CAAA,EACEnB,EAEEoB,EAAcC,EAAAA,MAAA,EACdC,EAAUT,GAAMN,GAAQa,EACxBG,EAAW,CAAC,CAACJ,EAEbK,EAAc,CAClB,GAAItB,GAAQ,OAAO,YAAc,CAC/B,2BAA4BA,EAAO,MAAM,WAAW,OAAA,EAEtD,GAAIA,GAAQ,OAAO,QAAU,CAC3B,uBAAwBA,EAAO,MAAM,OAAO,OAAA,EAE9C,GAAIA,GAAQ,OAAO,aAAe,CAChC,6BAA8BA,EAAO,MAAM,YAAY,OAAA,EAEzD,GAAIA,GAAQ,OAAO,aAAe,CAChC,6BAA8BA,EAAO,MAAM,YAAY,OAAA,EAEzD,GAAIA,GAAQ,OAAO,MAAQ,CACzB,qBAAsBA,EAAO,MAAM,KAAK,OAAA,EAE1C,GAAIA,GAAQ,OAAO,aAAe,CAChC,4BAA6BA,EAAO,MAAM,YAAY,OAAA,EAExD,GAAIA,GAAQ,SAAS,SAAW,CAC9B,0BAA2BA,EAAO,QAAQ,QAAQ,OAAA,EAEpD,GAAIA,GAAQ,QAAQ,cAAgB,CAClC,wBAAyBA,EAAO,OAAO,aAAa,OAAA,EAEtD,GAAIA,GAAQ,QAAQ,aAAe,CACjC,uBAAwBA,EAAO,OAAO,YAAY,OAAA,EAEpD,GAAIA,GAAQ,YAAY,UAAY,CAClC,oBAAqBA,EAAO,WAAW,SAAS,OAAA,CAClD,EAGF,OACEuB,EAAAA,IAACC,EAAA,CACC,KAAM,CAAE,GAAI,OAAA,EACZ,qBAAmB,OACnB,0BAAwB,UACxB,aAAAtB,EACA,YAAAC,EACA,YAAAC,EACA,GAAIgB,EACJ,KAAAf,EACA,KAAAO,EACA,MAAAF,EACA,YAAAJ,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAK,EACA,UAAAC,EACA,QAAAC,EACA,aAAcH,EACd,gBAAeN,EACf,gBAAeC,EACf,eAAca,EACd,UAAW,CACTI,EAAAA,QAAO,MACPJ,EAAWI,EAAAA,QAAO,SAAW,GAC7BjB,EAAWiB,EAAAA,QAAO,SAAW,GAC7BxB,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAOqB,EACP,SAAUvB,GAAQ,SAClB,OAAQA,GAAQ,OAChB,QAASA,GAAQ,OAAA,CAAA,CAGvB"}

package/dist/cjs/ui/primitives/Input/Input.module.css.cjs

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

package/dist/cjs/ui/primitives/Input/Input.module.css.cjs.map

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

package/dist/cjs/ui/primitives/Input/index.cjs

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

package/dist/cjs/ui/primitives/Input/index.cjs.map

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

package/dist/cjs/ui/primitives/InterfaceIcon/InterfaceIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),d=require("../../../icons/src/utils/svgIcons.cjs"),I=require("../Frame/Frame.cjs"),g=require("./InterfaceIcon.module.css.cjs"),p=({data:s,tokens:e,className:c,colorPalette:i,colorSource:a,customColor:l})=>{if(!s)return null;const{type:n}=s,u=d.findSvgIcon(n),o=n?n.substring(0,1).toUpperCase()+n.substring(1):"Icon",f={...e?.color?.fill&&{"--interface-icon-color":e.color.fill.default},...e?.dimension?.size&&{"--interface-icon-size":e.dimension.size.default}},t=u?.svgComponent;if(!t)return null;const m=typeof t=="string"?t:t.src;return r.jsx(I,{"data-tui-primitive":"base",data:{as:"i"},colorPalette:i,colorSource:a,customColor:l,className:`${g.default.interfaceIcon} ${c||""}`,style:f,"aria-label":`${o} Icon`,children:r.jsx("img",{src:m,alt:o})})};module.exports=p;
+//# sourceMappingURL=InterfaceIcon.cjs.map