@rededor/cura 1.7.0 → 1.8.0

package/dist/cura/p-b60a6aaa.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as i}from"./p-4ee8efca.js";import{l as a}from"./p-efcb32eb.js";const s=':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}';const n=s;const r=class{constructor(o){t(this,o);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.type="button";this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="primary";this.background="light";this.fontColor="dark";this.textAlign="left";this.justify=false;this.styles={};this.hovered=false}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()}getClasses(){var t;const o={};o[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;o[`icon-${this.iconPosition.toLowerCase()}`]=true;o[`icon-only`]=this.iconOnly;o["disabled"]=this.disabled;o["isLoading"]=this.isLoading;o["justify"]=this.justify;return o}setColors(){const t=[{name:"--color-dark-neutral-purewhite",thema:`${this.background==="light"?`${this.color}-dark`:"neutral-purewhite"}`},{name:"--color-lighter-color-darker",thema:`${this.background==="light"?`${this.color}-lighter`:`${this.color}-darker`}`},{name:"--color-light-color-darker",thema:`${this.background==="light"?`${this.color}-light`:`${this.color}-lighter`}`},{name:"--neutral-dark",thema:"neutral-dark"}];t.forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema)));this.styles=Object.assign({},this.styles)}getIcon(){if(!this.iconName)return"";const t=this.size==="large"?20:16;return o("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:this.getSymbolColor()})}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}getSymbolColor(){if(this.disabled)return"neutral-dark";return this.fontColor==="light"?"neutral-purewhite":`${this.color}-darker`}handleClick(t){if(this.disabled||this.isLoading){t.preventDefault();return}if(!this.href){if(this.type==="submit"&&this.internals.form)this.internals.form.submit();if(this.type==="reset"&&this.internals.form)this.internals.form.reset()}}render(){const t=this.getSymbolColor();const s=a[this.size]||a["default"];return o(i,{key:"b358245d50ce91c2340312a74ac6a711fb9f3929",role:this.href?"link":this.type,"aria-disabled":this.disabled},this.href?o("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},o("span",{class:"button-container"},this.getIcon(),o("cura-label",{size:s,lineHeight:"normal",color:t},o("slot",null))),o("cura-loader-circle",{size:this.size,color:t})):o("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},o("span",{class:"button-container"},this.getIcon(),o("cura-label",{size:s,lineHeight:"normal",color:t},o("slot",null))),o("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return true}static get watchers(){return{background:["setColors"],color:["setColors","getSymbolColor"],fontColor:["getSymbolColor"]}}};r.style=n;export{r as cura_button_outline};
-//# sourceMappingURL=p-b60a6aaa.entry.js.map

package/dist/cura/p-b60a6aaa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaButtonOutlineCss","CuraButtonOutlineStyle0","CuraButtonOutline","connectedCallback","this","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","setColors","getClasses","classes","_a","size","toLowerCase","iconPosition","iconOnly","disabled","isLoading","justify","name","thema","background","color","forEach","Object","assign","getIcon","iconName","iconSize","h","iconset","getSymbolColor","handleMouseEnter","hovered","handleMouseLeave","fontColor","handleClick","e","preventDefault","href","type","internals","form","submit","reset","render","symbolColor","labelSize","labelSizes","Host","key","role","target","class","style","onClick","onMouseEnter","onMouseLeave","lineHeight"],"sources":["src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","src/components/buttons/cura-button-outline/cura-button-outline.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: none;\n\n      &::before {\n        content: \"\";\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        box-sizing: border-box;\n        border: 2px solid var(--color-dark-neutral-purewhite);\n        border-radius: var(--border-radius);\n      }\n\n      &:not(.disabled):not(.isLoading):hover {\n       background-color: var(--color-lighter-color-darker);\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active {\n       background-color: var(--color-light-color-darker);\n      }\n\n    };\n\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label();\n\n\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n     &::before {\n      border-color: var(--neutral-dark);\n     }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n\n  }\n\n}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n  tag: 'cura-button-outline',\n  styleUrl: 'cura-button-outline.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class CuraButtonOutline {\n\n  @AttachInternals() internals: ElementInternals;\n\n  /**\n   * Button type: button (default) | submit | reset\n   */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n  * Button size: small | medium | large (default)\n  */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n  * Disabled state. Boolean.\n  */\n  @Prop({ reflect: true }) disabled = false;\n  /**\n  * Loading state. Boolean.\n  */\n  @Prop({ reflect: true }) isLoading = false;\n\n  /**\n  * Name of the icon to be used from iconset.\n  */\n  @Prop({ reflect: true }) iconName: string;\n  /**\n  * Custom iconset if needed.\n  */\n  @Prop({ reflect: true }) iconset = 'default';\n  /**\n  * Icon position: left (default) | right.\n  */\n  @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'left';\n  /**\n  * Set button to FAB/icon only.\n  */\n  @Prop({ reflect: true }) iconOnly = false;\n\n  /**\n  * Property href switch button to link.\n  */\n  @Prop({ reflect: true }) href: string;\n  /**\n  * Set target if link.\n  */\n  @Prop({ reflect: true }) target = \"_self\";\n  /**\n  * Color base from color scheme. Default: primary.\n  */\n  @Prop() color = 'primary';\n  /**\n  * Set the font background to dark or light.\n  */\n  @Prop() background: 'dark' | 'light' = 'light';\n\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop() fontColor: 'dark' | 'light' = 'dark';\n  /**\n  * Set text aligment for the button label.\n  * Vales: left (default) | center | right.\n  */\n  @Prop({ reflect: true }) textAlign: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Justify icons and label inside the button.\n   * Vales: false (default) | true.\n   */\n  @Prop({ reflect: true }) justify = false;\n\n  @State() styles = {};\n\n  @State() hovered = false;\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n\n\n  getClasses() {\n    const classes = {};\n    classes[`${this.size?.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    classes['justify'] = this.justify;\n    return classes;\n  }\n\n  @Watch('background')\n  @Watch('color')\n  setColors() {\n    const colors = [\n      { name: '--color-dark-neutral-purewhite', thema: `${this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}` },\n      { name: '--color-lighter-color-darker', thema: `${this.background === 'light' ? `${this.color}-lighter` : `${this.color}-darker`}` },\n      { name: '--color-light-color-darker', thema: `${this.background === 'light' ? `${this.color}-light` : `${this.color}-lighter`}` },\n      { name: '--neutral-dark', thema: 'neutral-dark' },\n    ]\n\n    colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema));\n    this.styles = { ...this.styles };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'large' ? 20 : 16;\n\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></cura-icon>;\n  }\n\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n\n  @Watch('fontColor')\n  @Watch('color')\n  getSymbolColor() {\n    if (this.disabled) return 'neutral-dark';\n    return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) {\n      e.preventDefault();\n      return;\n    }\n    if (!this.href) {\n      if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n      if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n    }\n  }\n\n  render() {\n    const symbolColor = this.getSymbolColor();\n    const labelSize = labelSizes[this.size] || labelSizes[\"default\"];\n    return (\n      <Host role={ this.href ? 'link' : this.type }\n        aria-disabled={this.disabled}>\n        {this.href ? (\n          <a href={this.disabled ? '' : this.href}\n            target={this.target}\n            class={this.getClasses()}\n            style={this.styles}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n          </a>\n        ) : (\n          <button class={this.getClasses()}\n            style={this.styles}\n            disabled={this.disabled || null}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}\n            type={this.type}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-b6ff8ac1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as r}from"./p-4ee8efca.js";import{l as s}from"./p-53c18ed4.js";const a=":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:not(.selected),:host a:not(.selected){border-color:var(--border-color)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer}:host button.selected:not(.disabled),:host a.selected:not(.disabled){border-bottom:1px solid var(--border-bottom-color-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}";const i=a;const n=class{constructor(o){t(this,o);this.tabSelect=e(this,"tabSelect",7);this.name=undefined;this.iconName=undefined;this.selected=false;this.disabled=false;this.borderBottom=true;this.size="large";this.colorMode="light";this.hovered=false;this.styles={}}setColors(){const t=[{name:"--border-bottom-color",theme:this.colorMode==="light"?"neutral-base":"primary"},{name:"--border-bottom-color-selected",theme:this.colorMode==="light"?"primary-dark":"primary-lighter"}];t.forEach((t=>{if(t.theme)this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme)}));this.styles=Object.assign({},this.styles)}computeContentColor(){if(this.disabled)return"neutral-dark";if(this.colorMode==="dark"){if(this.hovered&&!this.selected){return"neutral-purewhite"}return this.selected?"primary-lighter":"neutral-purewhite"}if(this.hovered&&!this.selected){return"primary-dark"}return this.selected?"primary-base":"neutral-black"}getIcon(){if(!this.iconName)return"";const t=this.size==="large"?20:16;const e=this.computeContentColor();return o("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:true,[this.colorMode]:true,selected:this.selected,disabled:this.disabled,"border-bottom":this.borderBottom}}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--primary-dark":window.CuraAPI.theme.colors.getColor("primary-dark"),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()});this.setColors()}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}handleClick(t){if(this.disabled){t.preventDefault();return}this.selected=!this.selected;this.tabSelect.emit({name:this.name})}render(){const t=s[this.size]||s["default"];const e=this.computeContentColor();return o(r,{key:"d3c9e277a079381def09397dc922d697aa99d70a",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},o("button",{key:"ab4cac9782f48c367c4ada4e303f9422971dc38e",class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),disabled:this.disabled,onMouseEnter:this.handleMouseEnter.bind(this),onMouseLeave:this.handleMouseLeave.bind(this)},this.getIcon(),o("cura-label",{key:"c6567bdf7b80efc3380a8a93bf52de966e1caa7d",size:t,color:e,lineHeight:"0",marginBlock:"0"},o("slot",{key:"93c392107790a2c0e3499e5b7bd742219203a980"}))))}static get watchers(){return{colorMode:["setColors"]}}};n.style=i;export{n as cura_tabs_transparent};
-//# sourceMappingURL=p-b6ff8ac1.entry.js.map

package/dist/cura/p-b6ff8ac1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaTabsTransparentCss","CuraTabsTransparentStyle0","CuraTabsTransparent","setColors","colors","name","theme","this","colorMode","forEach","c","styles","window","CuraAPI","getColor","Object","assign","computeContentColor","disabled","hovered","selected","getIcon","iconName","iconSize","size","iconColor","h","color","getClasses","borderBottom","connectedCallback","spacing","getSpacing","handleMouseEnter","handleMouseLeave","handleClick","e","preventDefault","tabSelect","emit","render","labelSize","labelSizes","labelColor","Host","key","role","class","style","onClick","onMouseEnter","bind","onMouseLeave","lineHeight","marginBlock"],"sources":["src/components/tabs/cura-tabs-transparent/cura-tabs-transparent.scss?tag=cura-tabs-transparent&encapsulation=shadow","src/components/tabs/cura-tabs-transparent/cura-tabs-transparent.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/buttons.scss';\n\n$button-sizes: (\n  small: $spacing-mini $spacing-mini,\n  medium: $spacing-xxxs $spacing-xxxs,\n  large: $spacing-xxxs $spacing-xxs,\n);\n\n:host {\n  button,\n  a {\n    @include button-element() {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: none;\n\n      min-width: 120px;\n      width: fit-content;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      &.border-bottom {\n        border-bottom: 1px solid var(--border-bottom-color);\n      }\n\n      @each $size, $padding in $button-sizes {\n        &.#{$size} {\n          padding: $padding;\n        }\n      }\n\n      &:not(.selected) {\n        border-color: var(--border-color);\n      }\n\n      &:focus {\n        border-color: var(--primary-light);\n      }\n\n      &:not(.disabled, .selected):hover {\n        background-color: var(--background-color-hover);\n\n        &.dark {\n          border-color: var(--neutral-purewhite);\n        }\n      }\n\n      cura-icon {\n        margin-right: #{$spacing-mini};\n      }\n\n      @include button-selected() {\n        &:not(.disabled) {\n          border-bottom: 1px solid var(--border-bottom-color-selected);\n        }\n      }\n\n      &.disabled {\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { labelSizes } from '../cura-tabs.definitions';\n\n@Component({\n  tag: 'cura-tabs-transparent',\n  styleUrl: 'cura-tabs-transparent.scss',\n  shadow: true,\n})\nexport class CuraTabsTransparent {\n  @Prop({ reflect: true }) name: string;\n  @Prop({ reflect: true }) iconName: string;\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n  @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n  @Prop({ reflect: true, mutable: true }) borderBottom: boolean = true;\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n  @Prop({ reflect: true, mutable: true }) colorMode: 'dark' | 'light' = 'light';\n\n  @State() hovered = false;\n  @State() styles: Record<string, string> = {};\n\n  @Event() tabSelect: EventEmitter<{ name: string }>;\n\n  @Watch('colorMode')\n  setColors() {\n    const colors = [\n      {\n        name: '--border-bottom-color',\n        theme: this.colorMode === 'light' ? 'neutral-base' : 'primary',\n      },\n      {\n        name: '--border-bottom-color-selected',\n        theme: this.colorMode === 'light' ? 'primary-dark' : 'primary-lighter',\n      },\n    ];\n\n    colors.forEach(c => {\n      if (c.theme) this.styles[c.name] = window.CuraAPI.theme.colors.getColor(c.theme);\n    });\n\n    this.styles = { ...this.styles };\n  }\n\n  computeContentColor(): string {\n    if (this.disabled) return 'neutral-dark';\n\n    if (this.colorMode === 'dark') {\n      if (this.hovered && !this.selected) {\n        return 'neutral-purewhite';\n      }\n      return this.selected ? 'primary-lighter' : 'neutral-purewhite';\n    }\n\n    if (this.hovered && !this.selected) {\n      return 'primary-dark';\n    }\n\n    return this.selected ? 'primary-base' : 'neutral-black';\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'large' ? 20 : 16;\n    const iconColor = this.computeContentColor();\n\n    return <cura-icon name={this.iconName} size={iconSize} color={iconColor}></cura-icon>;\n  }\n\n  getClasses() {\n    return {\n      [this.size]: true,\n      [this.colorMode]: true,\n      'selected': this.selected,\n      'disabled': this.disabled,\n      'border-bottom': this.borderBottom,\n    };\n  }\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--primary-dark': window.CuraAPI.theme.colors.getColor('primary-dark'),\n      '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n      '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    };\n\n    this.setColors();\n  }\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    this.selected = !this.selected;\n    this.tabSelect.emit({ name: this.name });\n  }\n\n  render() {\n    const labelSize = labelSizes[this.size] || labelSizes['default'];\n    const labelColor = this.computeContentColor();\n\n    return (\n      <Host role=\"button\" aria-pressed={this.selected} aria-disabled={this.disabled}>\n        <button\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={e => this.handleClick(e)}\n          disabled={this.disabled}\n          onMouseEnter={this.handleMouseEnter.bind(this)}\n          onMouseLeave={this.handleMouseLeave.bind(this)}\n        >\n          {this.getIcon()}\n          <cura-label size={labelSize} color={labelColor} lineHeight=\"0\" marginBlock=\"0\">\n            <slot></slot>\n          </cura-label>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAyB,muDAC/B,MAAAC,EAAeD,E,MCOFE,EAAmB,M,wHAG8B,M,cACA,M,kBACI,K,UACF,Q,eACQ,Q,aAEnD,M,YACuB,E,CAK1C,SAAAC,GACE,MAAMC,EAAS,CACb,CACEC,KAAM,wBACNC,MAAOC,KAAKC,YAAc,QAAU,eAAiB,WAEvD,CACEH,KAAM,iCACNC,MAAOC,KAAKC,YAAc,QAAU,eAAiB,oBAIzDJ,EAAOK,SAAQC,IACb,GAAIA,EAAEJ,MAAOC,KAAKI,OAAOD,EAAEL,MAAQO,OAAOC,QAAQP,MAAMF,OAAOU,SAASJ,EAAEJ,MAAM,IAGlFC,KAAKI,OAAMI,OAAAC,OAAA,GAAQT,KAAKI,O,CAG1B,mBAAAM,GACE,GAAIV,KAAKW,SAAU,MAAO,eAE1B,GAAIX,KAAKC,YAAc,OAAQ,CAC7B,GAAID,KAAKY,UAAYZ,KAAKa,SAAU,CAClC,MAAO,mB,CAET,OAAOb,KAAKa,SAAW,kBAAoB,mB,CAG7C,GAAIb,KAAKY,UAAYZ,KAAKa,SAAU,CAClC,MAAO,c,CAGT,OAAOb,KAAKa,SAAW,eAAiB,e,CAG1C,OAAAC,GACE,IAAKd,KAAKe,SAAU,MAAO,GAC3B,MAAMC,EAAWhB,KAAKiB,OAAS,QAAU,GAAK,GAC9C,MAAMC,EAAYlB,KAAKU,sBAEvB,OAAOS,EAAA,aAAWrB,KAAME,KAAKe,SAAUE,KAAMD,EAAUI,MAAOF,G,CAGhE,UAAAG,GACE,MAAO,CACL,CAACrB,KAAKiB,MAAO,KACb,CAACjB,KAAKC,WAAY,KAClBY,SAAYb,KAAKa,SACjBF,SAAYX,KAAKW,SACjB,gBAAiBX,KAAKsB,a,CAI1B,iBAAAC,GACEvB,KAAKI,OAAMI,OAAAC,OAAAD,OAAAC,OAAA,GACNT,KAAKI,QAAM,CACd,iBAAkBC,OAAOC,QAAQP,MAAMF,OAAOU,SAAS,gBACvD,sBAAuBF,OAAOC,QAAQP,MAAMF,OAAOU,SAAS,qBAC5D,iBAAkBF,OAAOC,QAAQP,MAAMyB,QAAQC,eAGjDzB,KAAKJ,W,CAGP,gBAAA8B,GACE,GAAI1B,KAAKW,SAAU,OACnBX,KAAKY,QAAU,I,CAGjB,gBAAAe,GACE3B,KAAKY,QAAU,K,CAGjB,WAAAgB,CAAYC,GACV,GAAI7B,KAAKW,SAAU,CACjBkB,EAAEC,iBACF,M,CAGF9B,KAAKa,UAAYb,KAAKa,SACtBb,KAAK+B,UAAUC,KAAK,CAAElC,KAAME,KAAKF,M,CAGnC,MAAAmC,GACE,MAAMC,EAAYC,EAAWnC,KAAKiB,OAASkB,EAAW,WACtD,MAAMC,EAAapC,KAAKU,sBAExB,OACES,EAACkB,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,eAAevC,KAAKa,SAAQ,gBAAiBb,KAAKW,UACnEQ,EAAA,UAAAmB,IAAA,2CACEE,MAAOxC,KAAKqB,aACZoB,MAAOzC,KAAKI,OACZsC,QAASb,GAAK7B,KAAK4B,YAAYC,GAC/BlB,SAAUX,KAAKW,SACfgC,aAAc3C,KAAK0B,iBAAiBkB,KAAK5C,MACzC6C,aAAc7C,KAAK2B,iBAAiBiB,KAAK5C,OAExCA,KAAKc,UACNK,EAAA,cAAAmB,IAAA,2CAAYrB,KAAMiB,EAAWd,MAAOgB,EAAYU,WAAW,IAAIC,YAAY,KACzE5B,EAAA,QAAAmB,IAAA,+C","ignoreList":[]}

package/dist/cura/p-d8e1e182.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as a,H as s,g as t}from"./p-4ee8efca.js";import{f as o}from"./p-f9b8f665.js";const c='@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base) !important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark) !important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}';const i=c;const n=class{constructor(a){e(this,a);this.onchange=r(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.isDarkBackground=()=>this.background==="dark";this.isDarkIconColor=()=>this.iconColor==="dark";this.handleClick=()=>{if(this.disabled)return;this.indeterminate=false;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked,indeterminate:this.indeterminate})};this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;this.label=undefined;this.ontabindex=0;this.position="left";this.value=undefined;this.name=undefined;this.size="medium";this.background="light";this.iconColor="dark";this.color="accent";this.overflowLabel="none";this.overflowHelper="none";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":`${o[this.size].size}px`,"--gap":`${o[this.size].gap}px`})}setColors(){const e=[{name:"--color-base",background:`${this.color}-base`},{name:"--color-lighter",background:`${this.color}-lighter`},{name:"--color-light",background:`${this.color}-light`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--neutral-black",background:"neutral-black"},{name:"--primary-base-neutral-white",background:this.isDarkBackground()?"primary-base":"neutral-white"},{name:"--neutral-base-neutral-medium",background:this.isDarkBackground()?"neutral-base":"neutral-medium"},{name:"--neutral-black-neutral-purewhite",background:this.isDarkBackground()?"neutral-black":"neutral-purewhite"},{name:"--neutral-black-neutral-white",background:this.isDarkBackground()?"neutral-black":"neutral-white"},{name:"--neutral-darker-neutral-base",background:this.isDarkBackground()?"neutral-darker":"neutral-base"},{name:"--neutral-base-neutral-base",background:this.isDarkBackground()?"primary-base":"neutral-base"},{name:"--neutral-purewhite-neutral-dark",background:this.isDarkBackground()?"neutral-purewhite":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkBackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkBackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkBackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkBackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkBackground()?"error-dark":"error-base"}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler();this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.value=e.value;this.checked=e.checked;this.indeterminate=e.indeterminate;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.indeterminate=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e[this.background]=true;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e}assignColor(e){if(this.disabled)return this.isDarkBackground()?"neutral-dark":"neutral-dark";const r={success:{icon:"success-dark",label:this.isDarkBackground()?"success-lighter":"success-darker",message:this.isDarkBackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkBackground()?"error-lighter":"neutral-darker",message:this.isDarkBackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkBackground()?"neutral-white":"neutral-black",message:this.isDarkBackground()?"primary-lighter":"neutral-dark"}};return r[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check";const r=this.assignColor("icon");const s=this.size==="large"?20:"micro";return a("cura-icon",{class:"icon",name:e,size:s,color:r})}render(){return a(s,{key:"2e951be46f80c67ea87aaf1c613e29ae7a1cc856",role:"checkbox","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":this.status==="error"},a("div",{key:"341a30934dd6660b03e6be161999fad24fb005ef",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"58f32f6b047d19b8af2468b6007cf2dfb1297476",class:"info"},a("div",{key:"e23407390368c638e4e8cd9119ad3ccd1767d861",class:"label-wrapper"},a("cura-label",{key:"d7ce7b39441203e9058b0227edbfc75dd320806f",textOverflow:this.overflowLabel,class:`label${this.overflowLabel==="single"?" textoverflow-single":""}`,weight:"bold",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"0684b9ab1f517083bc681bd0731aedf6d38c9873",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),a("cura-label",{key:"499419ee720a7c7ba7e42fc8fcebccfb4e0b0c42",textOverflow:this.overflowHelper,color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"7c9637fa4a8082f6451851452db1b751218a20ec"}))),a("div",{key:"91b0a1f42d65d72aca24ff8a852d3c6f461a9cb7",class:"checkbox",tabIndex:this.ontabindex},a("input",{key:"4f1db30730b2d68d3d0f3036fd5924a9da1b541b",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}}};n.style=i;export{n as cura_checkbox};
-//# sourceMappingURL=p-d8e1e182.entry.js.map

package/dist/cura/p-d8e1e182.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaCheckboxCss","CuraCheckboxStyle0","CuraCheckbox","this","isDarkBackground","background","isDarkIconColor","iconColor","handleClick","disabled","indeterminate","checked","internals","setFormValue","value","onchange","emit","sizeHandler","styles","Object","assign","formsSizes","size","gap","setColors","colors","name","color","forEach","window","CuraAPI","theme","getColor","connectedCallback","formAssociatedCallback","form","ariaLabel","label","formStateRestoreCallback","state","formResetCallback","setValidity","formDisabledCallback","getClasses","classes","position","status","assignColor","type","statusColors","success","icon","message","error","default","getIcon","iconName","iconSize","h","class","render","Host","key","role","required","style","onClick","textOverflow","overflowLabel","weight","lineHeight","marginBlock","overflowHelper","tabIndex","ontabindex"],"sources":["src/components/forms/cura-checkbox/cura-checkbox.scss?tag=cura-checkbox&encapsulation=shadow","src/components/forms/cura-checkbox/cura-checkbox.tsx"],"sourcesContent":["@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n\n  min-width: 0;\n}\n\n/* Container e Layout */\n.container {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n  justify-content: start;\n  gap: var(--gap);\n\n  cursor: pointer;\n}\n\n.position {\n  &.container {\n    flex-direction: row;\n  }\n\n  .label-wrapper {\n    justify-content: end;\n  }\n\n  .message {\n    text-align: right;\n  }\n\n  .label {\n    order: 1;\n  }\n}\n\n.info {\n  display: flex;\n  flex-direction: column;\n\n  overflow: hidden;\n}\n\n.label.textoverflow-single {\n  @include truncate-single();\n  min-width: 0;\n  max-width: 100%;\n}\n\n.label-wrapper {\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  gap: 5px;\n}\n\n/* Control e Checkbox */\n.control {\n  width: fit-content;\n  cursor: pointer;\n  position: relative;\n}\n\n.checkbox {\n  appearance: none;\n  border: 2px solid var(--neutral-base-neutral-medium);\n  border-radius: 4px;\n  background: var(--neutral-black-neutral-purewhite);\n  flex: 1 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  width: var(--size);\n  height: var(--size);\n  flex: 0 0 var(--size);\n}\n\n.icon {\n  position: absolute;\n  display: flex;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n/* Estados de Foco */\n.checkbox:focus {\n  border-color: var(--info-base) !important;\n}\n\n/* Estado Disabled */\n.disabled .checkbox {\n  background: var(--neutral-black-neutral-white);\n  border-color: var(--neutral-darker-neutral-base);\n  cursor: not-allowed;\n\n  &:hover {\n    border-color: var(--neutral-darker-neutral-base) !important;\n  }\n}\n\n.disabled.checked .checkbox,\n.disabled.indeterminate .checkbox {\n  background: var(--neutral-black-neutral-white);\n  border-color: var(--neutral-darker-neutral-base);\n\n  &:hover {\n    border-color: var(--neutral-base-neutral-white);\n    background: var(--primary-base-neutral-white);\n  }\n}\n\n.disabled .checkbox:focus {\n  border-color: var(--neutral-darker-neutral-base) !important;\n}\n\n/* Estado Checked */\n.checked .checkbox {\n  border-color: var(--color-dark);\n  background: var(--color-base);\n\n  &:hover {\n    border-color: var(--color-base) !important;\n    background: var(--color-light);\n  }\n}\n\n/* Estado Indeterminate */\n.indeterminate .checkbox {\n  border-color: var(--color-base);\n  background: var(--color-light);\n\n  &:hover {\n    border-color: var(--color-dark) !important;\n    background: var(--color-base);\n  }\n}\n\n.checked .icon,\n.indeterminate .icon {\n  opacity: 1;\n}\n\n/* Hover para não disabled, default, checked, indeterminate */\n:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover {\n  border-color: var(--neutral-purewhite-neutral-dark);\n}\n\n/* Estado Success */\n\n.success.dark .checkbox {\n  background: var(--neutral-black);\n}\n\n.success .checkbox {\n  border-color: var(--success-base);\n  background: var(--success-lighter);\n\n  &:hover {\n    border-color: var(--success-base) !important;\n  }\n}\n\n.success.checked .checkbox {\n  border-color: var(--success-dark-base);\n  background: var(--success-base-lighter);\n\n  &:hover {\n    border-color: var(--success-dark-base);\n  }\n}\n\n/* Estado Error */\n\n.error.dark .checkbox {\n  background: var(--neutral-black);\n}\n\n.error .checkbox {\n  border-color: var(--error-base);\n  background: var(--error-lighter);\n\n  &:hover {\n    border-color: var(--error-base) !important;\n  }\n}\n\n.error.checked .checkbox {\n  border-color: var(--error-dark-base);\n  background: var(--error-base-lighter);\n\n  &:hover {\n    border-color: var(--error-dark-base);\n  }\n}\n\n/* Input */\ninput {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n","import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n  tag: 'cura-checkbox',\n  styleUrl: 'cura-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraCheckbox {\n  /**\n   * Reflects the checked state of the checkbox.\n   * Mutable property allowing state change.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n  /**\n   * Reflects the indeterminate state of the checkbox.\n   * Mutable property allowing state change.\n   */\n  @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n  /**\n   * Status of the checkbox.\n   * Can be 'error', 'success', or 'default'.\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n  /**\n   * Reflects the disabled state of the checkbox.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Reflects the required state of the checkbox.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * Text label associated with the checkbox.\n   */\n  @Prop({ reflect: true }) label: string;\n  /**\n   * Specifies the tabindex of the checkbox.\n   */\n  @Prop({ reflect: true }) ontabindex: number = 0;\n  /**\n   * Position of the label relative to the checkbox.\n   * Can be 'left' or 'right'.\n   */\n  @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n  /**\n   * Value associated with the checkbox.\n   */\n  @Prop({ reflect: true }) value: string;\n  /**\n   * Name attribute of the checkbox.\n   */\n  @Prop({ reflect: true }) name: string;\n  /**\n   * Size of the checkbox.\n   * Can be 'small', 'medium', or 'large'.\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n  /**\n   * Background theme of the checkbox.\n   * Can be 'dark' or 'light'.\n   */\n  @Prop() background: 'dark' | 'light' = 'light';\n  /**\n   * iconColor theme of the checkbox.\n   * Can be 'dark' or 'light'.\n   */\n  @Prop() iconColor: 'dark' | 'light' = 'dark';\n  /**\n   * Color theme of the checkbox.\n   */\n  @Prop() color = 'accent';\n\n  /**\n   * Controls how the label text should handle overflow.\n   * - `'none'`: No overflow handling; the label displays normally.\n   * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n   * - `string`: Custom overflow handling mode.\n   *\n   * @default 'none'\n   */\n  @Prop({ reflect: true }) overflowLabel: 'none' | 'single' | string = 'none';\n\n  /**\n   * Controls how the helper text should handle overflow.\n   * - `'none'`: No overflow handling; the label displays normally.\n   * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n   * - `string`: Custom overflow handling mode.\n   *\n   * @default 'none'\n   */\n  @Prop({ reflect: true }) overflowHelper: 'none' | 'single' | string = 'none';\n\n  @State() styles = {};\n\n  @Element() host: HTMLElement;\n\n  @Event() onchange: EventEmitter<{ value: string; checked: boolean; indeterminate: boolean }>;\n\n  @AttachInternals() internals: ElementInternals;\n\n  isDarkBackground = () => this.background === 'dark';\n\n  isDarkIconColor = () => this.iconColor === 'dark';\n\n  @Watch('size')\n  sizeHandler() {\n    this.styles = {\n      ...this.styles,\n      '--size': `${formsSizes[this.size].size}px`,\n      '--gap': `${formsSizes[this.size].gap}px`,\n    };\n  }\n\n  /**\n   * Watches changes in color and background properties to update styles.\n   */\n  @Watch('color')\n  @Watch('background')\n  setColors() {\n    const colors = [\n      { name: '--color-base', background: `${this.color}-base` },\n      { name: '--color-lighter', background: `${this.color}-lighter` },\n      { name: '--color-light', background: `${this.color}-light` },\n      { name: '--color-dark', background: `${this.color}-dark` },\n      { name: '--info-base', background: 'info-base' },\n      { name: '--error-base', background: 'error-base' },\n      { name: '--success-lighter', background: 'success-lighter' },\n      { name: '--success-base', background: 'success-base' },\n      { name: '--success-dark', background: 'success-dark' },\n      { name: '--error-lighter', background: 'error-lighter' },\n      { name: '--neutral-black', background: 'neutral-black' },\n      { name: '--primary-base-neutral-white', background: this.isDarkBackground() ? 'primary-base' : 'neutral-white' },\n      { name: '--neutral-base-neutral-medium', background: this.isDarkBackground() ? 'neutral-base' : 'neutral-medium' },\n      { name: '--neutral-black-neutral-purewhite', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-purewhite' },\n      { name: '--neutral-black-neutral-white', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-white' },\n      { name: '--neutral-darker-neutral-base', background: this.isDarkBackground() ? 'neutral-darker' : 'neutral-base' },\n      { name: '--neutral-base-neutral-base', background: this.isDarkBackground() ? 'primary-base' : 'neutral-base' },\n      { name: '--neutral-purewhite-neutral-dark', background: this.isDarkBackground() ? 'neutral-purewhite' : 'neutral-dark' },\n      { name: '--primary-base-neutral-medium', background: this.isDarkBackground() ? 'primary-base' : 'neutral-medium' },\n      { name: '--success-base-lighter', background: this.isDarkBackground() ? 'success-base' : 'success-lighter' },\n      { name: '--success-dark-base', background: this.isDarkBackground() ? 'success-dark' : 'success-base' },\n      { name: '--error-base-lighter', background: this.isDarkBackground() ? 'error-base' : 'error-lighter' },\n      { name: '--error-dark-base', background: this.isDarkBackground() ? 'error-dark' : 'error-base' },\n    ];\n\n    colors.forEach(color => {\n      this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n    });\n    this.styles = { ...this.styles };\n  }\n\n  connectedCallback() {\n    this.sizeHandler();\n    this.setColors();\n  }\n\n  /**\n   * Callback for form association.\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  /**\n   * Callback to restore the switch state from the form.\n   */\n  formStateRestoreCallback(state: { value: string; checked: boolean; indeterminate: boolean }) {\n    this.value = state.value;\n    this.checked = state.checked;\n    this.indeterminate = state.indeterminate;\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.value = '';\n    this.checked = false;\n    this.indeterminate = false;\n    this.internals.setValidity({});\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Callback to update the switch's disabled state when the form's disabled state changes.\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  handleClick = () => {\n    if (this.disabled) return;\n\n    this.indeterminate = false;\n    this.checked = !this.checked;\n    this.internals.setFormValue(this.value);\n    this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });\n  };\n\n  getClasses() {\n    const classes = {};\n    classes['container'] = true;\n    classes['checked'] = this.checked;\n    classes['disabled'] = this.disabled;\n    classes[this.background] = true;\n    classes['indeterminate'] = this.indeterminate;\n    classes['position'] = this.position === 'right';\n    classes[this.status] = true;\n\n    return classes;\n  }\n\n  /**\n   * Assigns color based on status and background theme.\n   * @param defaultColor Default color.\n   */\n  @Watch('background')\n  @Watch('iconColor')\n  assignColor(type: 'icon' | 'label' | 'message') {\n    if (this.disabled) return this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark';\n\n    const statusColors = {\n      success: {\n        icon: 'success-dark',\n        label: this.isDarkBackground() ? 'success-lighter' : 'success-darker',\n        message: this.isDarkBackground() ? 'success-base' : 'success-dark',\n      },\n      error: {\n        icon: 'error-dark',\n        label: this.isDarkBackground() ? 'error-lighter' : 'neutral-darker',\n        message: this.isDarkBackground() ? 'error-base' : 'error-dark',\n      },\n      default: {\n        icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',\n        label: this.isDarkBackground() ? 'neutral-white' : 'neutral-black',\n        message: this.isDarkBackground() ? 'primary-lighter' : 'neutral-dark',\n      },\n    };\n\n    return statusColors[this.status][type];\n  }\n\n  /**\n   * Retrieves icon element based on checkbox state.\n   */\n  getIcon() {\n    const iconName = this.indeterminate ? 'minus' : 'check';\n    const iconColor = this.assignColor('icon');\n    const iconSize = this.size === 'large' ? 20 : 'micro';\n\n    return <cura-icon class=\"icon\" name={iconName} size={iconSize} color={iconColor}></cura-icon>;\n  }\n\n  render() {\n    return (\n      <Host role=\"checkbox\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n        <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n          <div class=\"info\">\n            <div class=\"label-wrapper\">\n              <cura-label\n                textOverflow={this.overflowLabel}\n                class={`label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`}\n                weight=\"bold\"\n                size={this.size === 'large' ? 'medium' : 'xsmall'}\n                color={this.assignColor('label')}\n              >\n                {this.label}\n              </cura-label>\n              {this.required && (\n                <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\">\n                  *{' '}\n                </cura-paragraph>\n              )}\n            </div>\n            <cura-label textOverflow={this.overflowHelper} color={this.assignColor('message')} size=\"xsmall\" class=\"message\">\n              <slot></slot>\n            </cura-label>\n          </div>\n          <div class={'checkbox'} tabIndex={this.ontabindex}>\n            <input\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              disabled={this.disabled}\n              required={this.required}\n              checked={this.checked}\n              indeterminate={this.indeterminate}\n            />\n            {this.getIcon()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-d97719bc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,H as i,g as a}from"./p-4ee8efca.js";import{i as n,a as h}from"./p-272c784a.js";const r=":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--cura-spacing-base) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;top:100%;z-index:10;display:none;opacity:0;pointer-events:none}.container .calendar.visible{box-sizing:border-box;display:block;opacity:1;pointer-events:auto;width:100%;background-color:#fff}";const o=r;const d=class{constructor(s){t(this,s);this.dateChange=e(this,"dateChange",7);this.statusInputChange=e(this,"statusInputChange",7);this.label="";this.status="default";this.size="medium";this.name="";this.helperText=undefined;this.enableRangeDates=undefined;this.disableFutureDates=undefined;this.disablePassDates=undefined;this.iconName="";this.placeholder=null;this.styles={};this.isCalendarVisible=false;this.dates=[];this.value="";this.dateSettings={placeholder:null,mask:"date",mode:"single"}}connectedCallback(){const{fonts:t,colors:e,spacing:s}=window.CuraAPI.theme;const i=t.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":e.getColor("neutral-purewhite"),"--neutral-lighter":e.getColor("neutral-lighter"),"--neutral-base":e.getColor("neutral-base"),"--font-size":t.getSize(),"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-weight-regular":i.regular}}componentWillLoad(){this.updateDateSettings()}formAssociatedCallback(t){t.ariaLabel=this.label}updateDateSettings(){const t=this.getDateSettings(this.enableRangeDates);if(this.shouldUpdateDateSettings(t)){this.dateSettings=t}}getDateSettings(t){return{placeholder:this.placeholder||(t?"dd/mm/aaaa - dd/mm/aaaa":"dd/mm/aaaa"),mask:t?"dateRange":"date",mode:t?"range":"single"}}shouldUpdateDateSettings(t){return this.dateSettings.placeholder!==t.placeholder||this.dateSettings.mask!==t.mask||this.dateSettings.mode!==t.mode}handleClick(t){if(this.el.contains(t.target)){return}this.hideCalendar()}hideCalendar(){this.isCalendarVisible=false}showCalendar(){this.isCalendarVisible=true}handleInputDates(t){const e=t.target.value;const s=/^(\d{2}\/\d{2}\/\d{4})\s*-\s*(\d{2}\/\d{2}\/\d{4})$/;const i=/^(\d{2}\/\d{2}\/\d{4})$/;if(s.test(e)){const t=e.match(s);const i=this.parseStringToDate(t[1]);const a=this.parseStringToDate(t[2]);if(this.isDateValid(i)&&this.isDateValid(a)){this.status="default";this.dates=[i,a];this.value=`${this.parseDateToString(i)} - ${this.parseDateToString(a)}`;this.dateChange.emit(this.value)}else{this.resetDates()}}else if(i.test(e)){const t=e.match(i);const s=this.parseStringToDate(t[1]);if(this.isDateValid(s)){this.status="default";this.dates=[s];this.value=this.parseDateToString(s);this.dateChange.emit(this.value)}else{this.resetDates()}}else{this.dates=[]}}handleChangeDates(t){if(t.detail===""){this.dates=[];this.status="default";this.value="";this.dateChange.emit(this.value);this.statusInputChange.emit(this.status)}}isDateValid(t){const e=new Date;e.setHours(0,0,0,0);if(this.disablePassDates)return!n(t,e);if(this.disableFutureDates)return!h(t,e);return true}parseStringToDate(t){const[e,s,i]=t.split("/").map(Number);return new Date(i,s-1,e)}parseDateToString(t){const e=String(t.getDate()).padStart(2,"0");const s=String(t.getMonth()+1).padStart(2,"0");const i=t.getFullYear();return`${e}/${s}/${i}`}resetDates(){this.status="error";this.dates=[];this.statusInputChange.emit(this.status)}renderCalendarOrHelperText(){if(this.isCalendarVisible){return s("div",{class:"calendar visible"},s("cura-calendar",{customDates:this.dates,mode:this.dateSettings.mode,width:"100%",maxWidth:"400px",embedded:false,floating:false,disableFutureDates:this.disableFutureDates,disablePassDates:this.disablePassDates,onOnchangeday:t=>{const e=t.detail.days;if(e.length===1){this.value=this.parseDateToString(e[0])}else if(e.length>0){this.value=`${this.parseDateToString(e[0])} - ${this.parseDateToString(e[e.length-1])}`}else{this.value=""}this.dateChange.emit(this.value)}}))}else{return this.helperText}}render(){return s(i,{key:"ea03b59085ffb7eb7cc5b483c5bbd4cd9f75bed4"},s("div",{key:"4eee147138b0159ae0ff0079e93fe99a3e8571e0",class:"container",style:this.styles},s("cura-input-text",{key:"0d41b38fb6ad1463f827e72e0d74b473f52b4829",label:this.label,name:this.name,status:this.status,value:this.value,onFocus:()=>this.showCalendar(),size:this.size,"icon-name":this.iconName,placeholder:this.dateSettings.placeholder,"mask-preset":this.dateSettings.mask,"enable-selection-mode":true,onKeyUp:t=>this.handleInputDates(t),autocomplete:"off",onValueChange:t=>this.handleChangeDates(t)},this.renderCalendarOrHelperText())))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{enableRangeDates:["updateDateSettings"]}}};d.style=o;export{d as cura_input_date};
-//# sourceMappingURL=p-d97719bc.entry.js.map

package/dist/cura/p-d97719bc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaInputDateCss","CuraInputDateStyle0","CuraInputDate","placeholder","mask","mode","connectedCallback","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","this","styles","getSpacing","getColor","getSize","getFamily","regular","componentWillLoad","updateDateSettings","formAssociatedCallback","form","ariaLabel","label","newSettings","getDateSettings","enableRangeDates","shouldUpdateDateSettings","dateSettings","isRange","handleClick","ev","el","contains","target","hideCalendar","isCalendarVisible","showCalendar","handleInputDates","event","inputValue","value","dateRangeRegex","simpleDateRegex","test","matches","match","startDate","parseStringToDate","endDate","isDateValid","status","dates","parseDateToString","dateChange","emit","resetDates","singleDate","handleChangeDates","detail","statusInputChange","date","today","Date","setHours","disablePassDates","isBefore","disableFutureDates","isAfter","dateString","day","month","year","split","map","Number","String","getDate","padStart","getMonth","getFullYear","renderCalendarOrHelperText","h","class","customDates","width","maxWidth","embedded","floating","onOnchangeday","e","days","length","helperText","render","Host","key","style","name","onFocus","size","iconName","onKeyUp","autocomplete","onValueChange"],"sources":["src/components/forms/cura-input-date/cura-input-date.scss?tag=cura-input-date&encapsulation=shadow","src/components/forms/cura-input-date/cura-input-date.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../../src/scss/mixins/spacing.scss';\n\n:host {\n  display: block;\n}\n\n.container{\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .calendar{\n    padding: #{$spacing-none} #{$spacing-xxxs};\n    margin-top: -8px;\n    border-radius: 0px 0px 4px 4px;\n    border-top: 0px;\n    border-right: 2px solid #D4D4D4;\n    border-bottom:2px solid #D4D4D4;\n    border-left: 2px solid #D4D4D4;\n    @include shadow-level3(--neutral-black-shadow);\n    position: absolute;\n    top: 100%; \n    z-index: 10; \n    display: none; \n    opacity: 0;\n    pointer-events: none; \n  }\n\n  .calendar.visible {\n    box-sizing: border-box;\n    display: block;\n    opacity: 1;\n    pointer-events: auto; \n    width: 100%;\n    background-color: #fff;\n  }\n}\n","import { Component, Element, Host, Listen, Prop, State, Watch, h, Event, EventEmitter } from '@stencil/core';\nimport { CuraInputTextCustomEvent } from '../../../components';\nimport { isAfter, isBefore } from 'date-fns';\n\n@Component({\n  tag: 'cura-input-date',\n  styleUrl: 'cura-input-date.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraInputDate {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text for the input date\n   */\n  @Prop({ reflect: true }) label?: string = '';\n\n  /**\n   * Indicates input status (default: default)\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Name text for the input date\n   */\n  @Prop({ reflect: true }) name?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true }) helperText?: string;\n\n  /**\n   * Enables the date range selection mode, allowing users to select a period of dates\n   */\n  @Prop({ reflect: true }) enableRangeDates: boolean;\n\n  /**\n   * Controls whether future dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disableFutureDates: boolean;\n\n  /**\n   * Controls whether past dates (dates before the current date) should be disabled\n   */\n  @Prop({ reflect: true }) disablePassDates: boolean;\n\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true }) iconName?: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() dateChange: EventEmitter<string>;\n\n  /**\n   * Emitted when the value of the status changes\n   * @type {EventEmitter<string>}\n   */\n  @Event() statusInputChange: EventEmitter<string>;\n\n  @State() styles = {};\n\n  @State() isCalendarVisible: boolean = false;\n\n  @State() dates: Date[] = [];\n\n  @State() value?: string = '';\n\n  @State() dateSettings = {\n    placeholder: null,\n    mask: 'date',\n    mode: 'single',\n  };\n\n  connectedCallback() {\n    const { fonts, colors, spacing } = window.CuraAPI.theme;\n    const weights = fonts.getWeights();\n\n    this.styles = {\n      '--base-spacing': spacing.getSpacing(),\n      '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n      '--neutral-lighter': colors.getColor('neutral-lighter'),\n      '--neutral-base': colors.getColor('neutral-base'),\n      '--font-size': fonts.getSize(),\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-weight-regular': weights.regular,\n    };\n  }\n\n  componentWillLoad() {\n    this.updateDateSettings();\n  }\n\n  /**\n   * Callback for form association\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  @Watch('enableRangeDates')\n  updateDateSettings() {\n    const newSettings = this.getDateSettings(this.enableRangeDates);\n\n    if (this.shouldUpdateDateSettings(newSettings)) {\n      this.dateSettings = newSettings;\n    }\n  }\n\n  getDateSettings(isRange: boolean) {\n    return {\n      placeholder: this.placeholder || (isRange ? 'dd/mm/aaaa - dd/mm/aaaa' : 'dd/mm/aaaa'),\n      mask: isRange ? 'dateRange' : 'date',\n      mode: isRange ? 'range' : 'single',\n    };\n  }\n\n  shouldUpdateDateSettings(newSettings: any) {\n    return this.dateSettings.placeholder !== newSettings.placeholder || this.dateSettings.mask !== newSettings.mask || this.dateSettings.mode !== newSettings.mode;\n  }\n\n  @Listen('click', { target: 'window' })\n  handleClick(ev: { target: Node }) {\n    if (this.el.contains(ev.target)) {\n      return;\n    }\n    this.hideCalendar();\n  }\n\n  hideCalendar() {\n    this.isCalendarVisible = false;\n  }\n\n  showCalendar() {\n    this.isCalendarVisible = true;\n  }\n\n  handleInputDates(event: any) {\n    const inputValue = event.target.value;\n\n    const dateRangeRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})\\s*-\\s*(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n    const simpleDateRegex = /^(\\d{2}\\/\\d{2}\\/\\d{4})$/;\n\n    if (dateRangeRegex.test(inputValue)) {\n      const matches = inputValue.match(dateRangeRegex);\n      const startDate = this.parseStringToDate(matches[1]);\n      const endDate = this.parseStringToDate(matches[2]);\n      if (this.isDateValid(startDate) && this.isDateValid(endDate)) {\n        this.status = 'default';\n        this.dates = [startDate, endDate];\n        this.value = `${this.parseDateToString(startDate)} - ${this.parseDateToString(endDate)}`;\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else if (simpleDateRegex.test(inputValue)) {\n      const matches = inputValue.match(simpleDateRegex);\n      const singleDate = this.parseStringToDate(matches[1]);\n      if (this.isDateValid(singleDate)) {\n        this.status = 'default';\n        this.dates = [singleDate];\n        this.value = this.parseDateToString(singleDate);\n        this.dateChange.emit(this.value);\n      } else {\n        this.resetDates();\n      }\n    } else {\n      this.dates = [];\n    }\n  }\n\n  handleChangeDates(event: CuraInputTextCustomEvent<string | number>) {\n    if (event.detail === '') {\n      this.dates = [];\n      this.status = 'default';\n      this.value = '';\n      this.dateChange.emit(this.value);\n      this.statusInputChange.emit(this.status);\n    }\n  }\n\n  isDateValid(date: Date) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    if (this.disablePassDates) return !isBefore(date, today);\n    if (this.disableFutureDates) return !isAfter(date, today);\n    return true;\n  }\n\n  parseStringToDate(dateString: string): Date {\n    const [day, month, year] = dateString.split('/').map(Number);\n    return new Date(year, month - 1, day);\n  }\n\n  parseDateToString(date: Date): string {\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n\n    return `${day}/${month}/${year}`;\n  }\n\n  resetDates() {\n    this.status = 'error';\n    this.dates = [];\n    this.statusInputChange.emit(this.status);\n  }\n\n  renderCalendarOrHelperText() {\n    if (this.isCalendarVisible) {\n      return (\n        <div class=\"calendar visible\">\n          <cura-calendar\n            customDates={this.dates}\n            mode={this.dateSettings.mode as 'single' | 'range'}\n            width=\"100%\"\n            maxWidth=\"400px\"\n            embedded={false}\n            floating={false}\n            disableFutureDates={this.disableFutureDates}\n            disablePassDates={this.disablePassDates}\n            onOnchangeday={e => {\n              const days = e.detail.days;\n              if (days.length === 1) {\n                this.value = this.parseDateToString(days[0]);\n              } else if (days.length > 0) {\n                this.value = `${this.parseDateToString(days[0])} - ${this.parseDateToString(days[days.length - 1])}`;\n              } else {\n                this.value = '';\n              }\n              this.dateChange.emit(this.value);\n            }}\n          />\n        </div>\n      );\n    } else {\n      return this.helperText;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-input-text\n            label={this.label}\n            name={this.name}\n            status={this.status}\n            value={this.value}\n            onFocus={() => this.showCalendar()}\n            size={this.size}\n            icon-name={this.iconName}\n            placeholder={this.dateSettings.placeholder}\n            mask-preset={this.dateSettings.mask}\n            enable-selection-mode={true}\n            onKeyUp={event => this.handleInputDates(event)}\n            autocomplete=\"off\"\n            onValueChange={event => this.handleChangeDates(event)}\n          >\n            {this.renderCalendarOrHelperText()}\n          </cura-input-text>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-efcb32eb.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["labelSizes","small","medium","large","default"],"sources":["src/components/buttons/cura-button.definitions.tsx"],"sourcesContent":["export const labelSizes = {\n  \"small\": \"xsmall\",\n  \"medium\": \"small\",\n  \"large\": \"medium\",\n  \"default\": \"medium\"\n};\n"],"mappings":"MAAaA,EAAa,CACxBC,MAAS,SACTC,OAAU,QACVC,MAAS,SACTC,QAAW,iB","ignoreList":[]}

package/dist/cura/p-f9b8f665.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formsSizes","large","size","gap","medium","small"],"sources":["src/components/forms/cura-forms.definitions.tsx"],"sourcesContent":["export const formsSizes = {\n  \"large\": {\n    size: 32,\n    gap: 16,\n  },\n  \"medium\": {\n    size: 24,\n    gap: 12,\n  },\n  \"small\": {\n    size: 20,\n    gap: 8,\n  },\n};\n"],"mappings":"MAAaA,EAAa,CACxBC,MAAS,CACPC,KAAM,GACNC,IAAK,IAEPC,OAAU,CACRF,KAAM,GACNC,IAAK,IAEPE,MAAS,CACPH,KAAM,GACNC,IAAK,W","ignoreList":[]}

package/dist/esm/app-globals-c2abb41c.js

@@ -1,68 +0,0 @@
-import { C as CuraThemeModule } from './cura-theme-module-bf286f68.js';
-
-class CuraAPI {
-    constructor(config) {
-        this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;
-        const themeModule = new CuraThemeModule();
-        this.theme = {
-            load: function (themeTag) { themeModule.load(themeTag); },
-            setCustom: function (customThemeDefinitions) { themeModule.setCustom(customThemeDefinitions); },
-            colors: {
-                getColor: function (colorWithDepth, opacity) { return themeModule.colors.getColor(colorWithDepth, opacity); },
-            },
-            fonts: {
-                getFamily: function (type) { return themeModule.fonts.getFamily(type); },
-                getWeights: function () { return themeModule.fonts.getWeights(); },
-                getSize: function () { return themeModule.fonts.getSize(); },
-                getColor: function () { return themeModule.fonts.getColor(); }
-            },
-            spacing: {
-                getSpacing: function () { return themeModule.spacing.getSpacing(); },
-            },
-            breakpoints: {
-                get: function (size, position) { return themeModule.breakpoints.get(size, position); }
-            }
-        };
-        this._addGlobalClasses();
-        if (config && config.customTheme) {
-            this.theme.setCustom(config.customTheme);
-        }
-        else {
-            const theme = config && config.theme ? config.theme : 'default';
-            this.theme.load(theme);
-        }
-    }
-    _addGlobalClasses() {
-        const styleId = "cura_global_classes";
-        let styleElement = document.head.querySelector(`#${styleId}`);
-        if (!styleElement) {
-            styleElement = document.createElement("style");
-            styleElement.id = styleId;
-            styleElement.textContent = `
-  .cura-body-scroll-lock {
-    overflow: hidden;
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-  }
-      `;
-            document.head.appendChild(styleElement);
-        }
-    }
-}
-
-function appGlobalScript () {
-    const config = window.CuraInit;
-    window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();
-    const api = window.CuraAPI;
-    window.dispatchEvent(new CustomEvent("CuraAPIReady", { detail: { api } }));
-    if (config && typeof config.onReady === 'function')
-        config.onReady(api);
-}
-
-const globalScripts = appGlobalScript;
-
-export { globalScripts as g };
-
-//# sourceMappingURL=app-globals-c2abb41c.js.map

package/dist/esm/app-globals-c2abb41c.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-c2abb41c.js","mappings":"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","names":[],"sources":["src/api/cura-api.ts","src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n    };\n    this._addGlobalClasses();\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n  _addGlobalClasses() {\n    const styleId = \"cura_global_classes\";\n    let styleElement = document.head.querySelector(`#${styleId}`);\n    if (!styleElement) {\n      styleElement = document.createElement(\"style\");\n      styleElement.id = styleId;\n      styleElement.textContent = `\n  .cura-body-scroll-lock {\n    overflow: hidden;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n      `;\n      document.head.appendChild(styleElement);\n    }\n  }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n  interface Window {\n    CuraAPI?: CuraAPI,\n    CuraInit?: CuraConfig\n  }\n}\n\nexport default function() {\n  const config = window.CuraInit;\n  window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n  const api = window.CuraAPI;\n  window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n  if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/esm/cura-button.definitions-617d3bad.js.map

@@ -1 +0,0 @@
-{"file":"cura-button.definitions-617d3bad.js","mappings":"MAAa,UAAU,GAAG;IACxB,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,QAAQ;;;;;","names":[],"sources":["src/components/buttons/cura-button.definitions.tsx"],"sourcesContent":["export const labelSizes = {\n  \"small\": \"xsmall\",\n  \"medium\": \"small\",\n  \"large\": \"medium\",\n  \"default\": \"medium\"\n};\n"],"version":3}

package/dist/esm/cura-forms.definitions-2f963167.js.map

@@ -1 +0,0 @@
-{"file":"cura-forms.definitions-2f963167.js","mappings":"MAAa,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;KACR;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;KACR;IACD,OAAO,EAAE;QACP,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,CAAC;KACP;;;;;","names":[],"sources":["src/components/forms/cura-forms.definitions.tsx"],"sourcesContent":["export const formsSizes = {\n  \"large\": {\n    size: 32,\n    gap: 16,\n  },\n  \"medium\": {\n    size: 24,\n    gap: 12,\n  },\n  \"small\": {\n    size: 20,\n    gap: 8,\n  },\n};\n"],"version":3}

package/dist/esm/cura-icon.definitions-a892c0e2.js.map

@@ -1 +0,0 @@
-{"file":"cura-icon.definitions-a892c0e2.js","mappings":"MAAa,SAAS,GAAG;IACvB,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAC;IAChC,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAC;IAC3B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAClC,SAAS,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAC;;;;;","names":[],"sources":["src/components/cura-icon/cura-icon.definitions.tsx"],"sourcesContent":["export const iconSizes = {\n  \"128\": {size: 128, stroke: 5.25},\n  \"72\": {size: 72, stroke: 3.5},\n  \"64\": {size: 64, stroke: 3.25},\n  \"48\": {size: 48, stroke: 2.75},\n  \"40\": {size: 40, stroke: 2.5},\n  \"32\": {size: 32, stroke: 2.25},\n  \"24\": {size: 24, stroke: 2},\n  \"20\": {size: 20, stroke: 1.75},\n  \"16\": {size: 16, stroke: 1.5},\n  \"micro\": {size: 12, stroke: 1.25 },\n  \"default\": {size: 24, stroke: 2}\n};\n"],"version":3}

package/dist/esm/cura-tabs.definitions-a017126e.js.map

@@ -1 +0,0 @@
-{"file":"cura-tabs.definitions-a017126e.js","mappings":"MAAa,UAAU,GAAG;IACxB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;;;;;","names":[],"sources":["src/components/tabs/cura-tabs.definitions.tsx"],"sourcesContent":["export const labelSizes = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  default: 'medium',\n};\n"],"version":3}

package/dist/esm/cura-theme-module-bf286f68.js.map

@@ -1 +0,0 @@
-{"file":"cura-theme-module-bf286f68.js","mappings":"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","names":[],"sources":["src/api/theme-presets/theme-default.ts","src/api/theme-presets/theme-maternity.ts","src/api/theme-presets/theme-oncology.ts","src/api/theme-presets/theme-richet.ts","src/api/theme-presets/theme-perinatal-temporary.ts","src/api/theme-presets/theme-legacy-default.ts","src/api/theme-presets/theme-presets.ts","src/api/modules/cura-theme-colors-module.ts","src/api/modules/cura-theme-spacing-module.ts","src/api/modules/cura-theme-fonts-module.ts","src/api/modules/cura-theme-breakpoints-module.ts","src/api/modules/cura-theme-module.ts"],"sourcesContent":["/**\n * Cura Default Theme\n */\nexport const ThemeDefault = {\n  /* Colors */\n  color: {\n    primary: {\n      '100': '113,197,232',\n      '300': '68,142,205',\n      '500': '0,61,165',\n      '700': '0,48,117',\n      '900': '0,40,85'\n    },\n    secondary: {\n      '100': '245,236,227',\n      '300': '221,192,162',\n      '500': '204,160,116',\n      '700': '136,107,77',\n      '900': '41,32,23'\n    },\n    accent: {\n      '100': '255,194,123',\n      '300': '255,168,74',\n      '500': '255,130,0',\n      '700': '215,114,10',\n      '900': '155,90,26'\n    }\n  },\n  /* Spacing */\n  spacing: {\n    base: 4,\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Maternity Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeMaternity = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '248,227,226',\n      '300': '255,179,171',\n      '500': '218,113,111',\n      '700': '145,75,74',\n      '900': '73,38,37'\n    },\n    secondary: {\n      '100': '253,251,249',\n      '300': '247,244,238',\n      '500': '245,236,227',\n      '700': '204,197,189',\n      '900': '163,157,151'\n    },\n    accent: {\n      '100': '236,239,249',\n      '300': '133,153,203',\n      '500': '11,20,151',\n      '700': '7,13,101',\n      '900': '4,7,50'\n    }\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Oncology Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeOncology = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '170,190,225',\n      '300': '85,126,196',\n      '500': '0,61,166',\n      '700': '0,41,111',\n      '900': '0,12,33'\n    },\n    secondary: {\n      '100': '205,215,227',\n      '300': '155,175,199',\n      '500': '104,134,171',\n      '700': '54,95,143',\n      '900': '4,54,115',\n    },\n    accent: {\n      '100': '153,207,255',\n      '300': '71,169,255',\n      '500': '0,131,245',\n      '700': '0,109,204',\n      '900': '0,88,164',\n    },\n    aux: {\n      '100': '218,242,239',\n      '300': '132,212,202',\n      '500': '71,191,176',\n      '700': '33,100,92',\n      '900': '14,38,35',\n    },\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    heading: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    display: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Richet Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeRichet = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '153,197,255',\n      '300': '67,142,241',\n      '500': '0,47,108',\n      '700': '1,39,91',\n      '900': '0,33,77'\n    },\n    secondary: {\n      '100': '243,237,227',\n      '300': '216,194,163',\n      '500': '208,173,103',\n      '700': '201,155,64',\n      '900': '149,104,15'\n    },\n    accent: {\n      '100': '167,230,215',\n      '300': '130,225,209',\n      '500': '44,213,196',\n      '700': '26,188,169',\n      '900': '0,150,129'\n    }\n  },\n};\n","/**\n * Perinatal temporary Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemePerinatalTemporary = {\n    /* Get default theme */\n    ...ThemeDefault,\n\n    /* Custom */\n    /* Colors */\n    color: {\n        primary: {\n            '100': '239,226,228',\n            '300': '226,196,200',\n            '500': '199,134,141',\n            '700': '175,91,109',\n            '900': '147,58,77'\n        },\n        secondary: {\n            '100': '233,226,220',\n            '300': '211,196,186',\n            '500': '189,167,151',\n            '700': '95,84,76',\n            '900': '38,33,30'\n        },\n        accent: {\n            '100': '219,189,196',\n            '300': '183,124,136',\n            '500': '147,58,77',\n            '700': '74,29,39',\n            '900': '29,12,15'\n        }\n    },\n};\n","/**\n * Legacy Default Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeLegacyDefault = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '204,217,231',\n      '300': '85,128,174',\n      '500': '0,65,134',\n      '700': '0,43,89',\n      '900': '0,13,27'\n    },\n    secondary: {\n      '100': '238,232,206',\n      '300': '198,180,92',\n      '500': '170,142,11',\n      '700': '113,95,7',\n      '900': '34,28,2'\n    },\n    accent: {\n      '100': '249,232,213',\n      '300': '228,160,79',\n      '500': '223,141,44',\n      '700': '149,94,29',\n      '900': '45,28,9'\n    }\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Roboto', Arial, Helvetica, sans-serif\",\n    heading: \"'Roboto', Arial, Helvetica, sans-serif\",\n    display: \"'Roboto', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\nimport { ThemeRichet } from './theme-richet';\nimport { ThemePerinatalTemporary } from './theme-perinatal-temporary';\nimport { ThemeLegacyDefault } from './theme-legacy-default';\n\nexport const ThemePresets = {\n  'default': ThemeDefault,\n  'maternidade': ThemeMaternity,\n  'oncologia': ThemeOncology,\n  'richet': ThemeRichet,\n  'perinatalTemp': ThemePerinatalTemporary,\n  'legacyDefault': ThemeLegacyDefault\n};\n","import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n\n  NeutralDepthAlias = {\n    'purewhite': '0',\n    'white': '100',\n    'pale': '200',\n    'lighter': '300',\n    'light': '400',\n    'base': '500',\n    'medium': '600',\n    'dark': '700',\n    'darker': '800',\n    'black': '900',\n  };\n\n  ColorDepthAlias = {\n    'lighter': '100',\n    'light': '300',\n    'base': '500',\n    'dark': '700',\n    'darker': '900'\n  }\n\n  constructor() {}\n\n  /**\n   * Get theme color.\n   * @param colorWithDepth string Ex.: primary-light\n   * @returns RGBA value.\n   */\n  getColor(colorWithDepth: string = \"primary-base\", opacity = 1): string {\n    const { color, depth } = this.splitColorDepth(colorWithDepth);\n    const staticColor = this.getStatic(color, depth, opacity);\n    if (staticColor) return staticColor;\n    return this.getDynamic(color, depth, opacity);\n  }\n\n  /**\n   * Internal: Look for static color by name and depth.\n   * @param color Color name.\n   * @param depth Depth number or alias.\n   * @returns RGBA value.\n   */\n  getStatic(color: string, depth: string, opacity = 1) {\n    const colorObj = Static.color[color];\n    if (!colorObj) return null;\n    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];\n    return Static.color[color]?.[alias]\n      ? `rgba(${Static.color[color]?.[alias]}, ${opacity})`\n      : `rgba(${Static.color[color]?.[depth]}, ${opacity})`;\n  }\n\n  /**\n   * Internal: Look for theme dynamic colors.\n   * @param color Color name.\n   * @param depth Color depth.\n   * @returns RGBA value.\n   */\n  getDynamic(color: string, depth: string, opacity: number) {\n    const themeVar = this.ColorDepthAlias[depth]\n      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n      : `--cura-color-${color}-${depth}`;\n    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)\n      ? `rgba(var(${themeVar}), ${opacity})`\n      : `rgba(var(--cura-color-primary-500), ${opacity})`;\n  }\n\n  /**\n   * Internal: Split color strings\n   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.\n   * @returns Object { color: string, depth: string }.\n   */\n  private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n    const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.*)/);\n    return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n  }\n\n}\n","export default class CuraThemeSpacingModule {\n\n  private curaSpacing = '--cura-spacing-base';\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  getSpacing(): string {\n    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n      return `var(${this.curaSpacing})`;\n    }\n    return '4';\n  }\n}\n","import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n  constructor() {}\n\n  /**\n   * Get the CSS variable related to the font family defined by the theme.\n   * @param type 'body' | 'heading' | 'display'\n   * @returns Related css variable as a string.\n   */\n  getFamily(type: string = \"body\"): string {\n    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n      ? `var(${curaFontFamilyCSSVar})`\n      : 'var(--cura-font-body)';\n  }\n\n  /**\n   * Get the CSS variables related to font weights defined by the theme.\n   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n   */\n  getWeights(): any {\n    const weights = {};\n    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n    return weights;\n  }\n\n  /**\n   * Get the CSS variable related to the font size base defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getSize = () => `var(--cura-font-size)`;\n\n  /**\n   * Get CSS variable related to the font color defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getColor = () => `var(--cura-font-color)`;\n\n}\n","import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  get(size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' = null, position: 'min' | 'max' = null): any {\n    if (size) {\n      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n      if (breakpoint || breakpoint === 0) return breakpoint;\n    }\n    return Static.breakpoints;\n  }\n}\n","import { ThemePresets } from '../theme-presets/theme-presets';\nimport { CuraCustomTheme } from '../cura-api.type';\nimport CuraThemeColorsModule from './cura-theme-colors-module';\nimport CuraThemeSpacingModule from './cura-theme-spacing-module';\nimport CuraThemeFontsModule from './cura-theme-fonts-module';\nimport CuraThemeBreakpointsModule from './cura-theme-breakpoints-module';\n\nexport default class CuraThemeModule {\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n  groupObject = {};\n\n  constructor() {\n    if (typeof window === 'undefined') return;\n\n    this.rootElement = window?.document?.documentElement;\n  }\n\n  /**\n   * Load a theme.\n   * @param theme Theme tag.\n   */\n  load(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset);\n  }\n\n  loadVarsSSR(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset, true);\n\n    return this.groupObject;\n  }\n\n  /**\n   * Define a custom theme\n   * @param customTheme Custom theme object definition\n   */\n  setCustom(customTheme: CuraCustomTheme) {\n    const customTag = customTheme.name;\n    if (customTag in ThemePresets) {\n      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n      this.load('default');\n    } else {\n      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets ? ThemePresets[customTheme.fromPreset] : ThemePresets.default;\n      const newTheme = { ...JSON.parse(JSON.stringify(preset)) };\n      this.mergeObject(customTheme.definitions, newTheme);\n      ThemePresets[customTag] = newTheme;\n      this.load(customTag);\n    }\n  }\n\n  /* Private */\n\n  /** Set css var based on object structure */\n  setCssVar = (prop, path) => {\n    const varName = this.groupPath(path, prop[0]);\n    this.rootElement.style.setProperty(varName, prop[1]);\n  };\n\n  groupPath = (a, b) => `${a}-${b}`;\n\n  isObject = val => {\n    return val && typeof val === 'object' && !Array.isArray(val);\n  };\n\n  /** Deep merge objects */\n  mergeObject = (from, to) => {\n    const entries = Object.entries(from);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.mergeObject(e[1], to[e[0]]);\n      } else {\n        to[e[0]] = e[1];\n      }\n    }\n  };\n\n  /** Set css vars from preset object */\n  buildCssVars = (path, obj, isGroup = false) => {\n    const entries = Object.entries(obj);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.buildCssVars(this.groupPath(path, e[0]), e[1], isGroup);\n      } else {\n        if (isGroup) {\n          const varName = this.groupPath(path, e[0]);\n\n          this.groupObject[varName] = e[1];\n        } else {\n          this.setCssVar(e, path);\n        }\n      }\n    }\n  };\n}\n"],"version":3}