@rededor/cura 2.0.0-alpha.14 → 2.0.0-alpha.16

package/dist/cura/{p-8b29b763.entry.js → p-b157025d.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as h,g as o}from"./p-BxFVLGIR.js";import"./p-BTIDzOyO.js";const l=class{constructor(s){t(this,s),this.level=1,this.size="large",this.spotColor="accent-dark",this.marginBlock="1.25em",this.lineHeight="120%",this.theme=window.CuraAPI.theme,this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties(),this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights(),this.fontSizeBase=this.theme.fonts.getSize(),this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-medium":this.weights.medium}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getClasses(){var t;const s={};return s[`${null===(t=this.size)||void 0===t?void 0:t.toLowerCase()}`]=!0,s}getHeadingTag(){const t=this.getClasses(),h={1:s("h1",{style:this.styles,class:t},s("slot",null)),2:s("h2",{style:this.styles,class:t},s("slot",null)),3:s("h3",{style:this.styles,class:t},s("slot",null)),4:s("h4",{style:this.styles,class:t},s("slot",null)),5:s("h5",{style:this.styles,class:t},s("slot",null)),6:s("h6",{style:this.styles,class:t},s("slot",null)),default:s("h1",{style:this.styles,class:t},s("slot",null))};return h[`${this.level}`]||h.default}render(){return s(h,{key:"343caf7e121561a5339ea553ccadb8aeed553c37",style:this.hostCSSProperties(),role:"heading","aria-level":this.level},this.getHeadingTag())}get host(){return o(this)}static get watchers(){return{color:[{handleChangeColor:0}],spotColor:[{handleChangeColor:0}]}}};l.style=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::slotted(b),:host h1 ::slotted(strong),:host h2 ::slotted(b),:host h2 ::slotted(strong),:host h3 ::slotted(b),:host h3 ::slotted(strong),:host h4 ::slotted(b),:host h4 ::slotted(strong),:host h5 ::slotted(b),:host h5 ::slotted(strong),:host h6 ::slotted(b),:host h6 ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1 ::slotted(a),:host h2 ::slotted(a),:host h3 ::slotted(a),:host h4 ::slotted(a),:host h5 ::slotted(a),:host h6 ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::slotted(u),:host h2 ::slotted(u),:host h3 ::slotted(u),:host h4 ::slotted(u),:host h5 ::slotted(u),:host h6 ::slotted(u){text-underline-offset:10%}:host h1 ::slotted(i),:host h1 ::slotted(em),:host h2 ::slotted(i),:host h2 ::slotted(em),:host h3 ::slotted(i),:host h3 ::slotted(em),:host h4 ::slotted(i),:host h4 ::slotted(em),:host h5 ::slotted(i),:host h5 ::slotted(em),:host h6 ::slotted(i),:host h6 ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::slotted(abbr),:host h2 ::slotted(abbr),:host h3 ::slotted(abbr),:host h4 ::slotted(abbr),:host h5 ::slotted(abbr),:host h6 ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}";export{l as cura_display}
+import{r as t,h as s,H as h,g as o}from"./p-BxFVLGIR.js";import"./p-BTIDzOyO.js";const l=class{constructor(s){t(this,s),this.level=1,this.size="large",this.spotColor="accent-dark",this.marginBlock="1.25em",this.lineHeight="120%",this.theme=window.CuraAPI.theme,this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties(),this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights(),this.fontSizeBase=this.theme.fonts.getSize(),this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-medium":this.weights.medium}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getClasses(){var t;const s={};return s[`${null===(t=this.size)||void 0===t?void 0:t.toLowerCase()}`]=!0,s}getHeadingTag(){const t=this.getClasses(),h={1:s("h1",{style:this.styles,class:t},s("slot",null)),2:s("h2",{style:this.styles,class:t},s("slot",null)),3:s("h3",{style:this.styles,class:t},s("slot",null)),4:s("h4",{style:this.styles,class:t},s("slot",null)),5:s("h5",{style:this.styles,class:t},s("slot",null)),6:s("h6",{style:this.styles,class:t},s("slot",null)),default:s("h1",{style:this.styles,class:t},s("slot",null))};return h[`${this.level}`]||h.default}render(){return s(h,{key:"b9264ba7f3ff79b474f02107824441c9f6e67ec1",style:this.hostCSSProperties(),role:"heading","aria-level":this.level},this.getHeadingTag())}get host(){return o(this)}static get watchers(){return{color:[{handleChangeColor:0}],spotColor:[{handleChangeColor:0}]}}};l.style=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::slotted(b),:host h1 ::slotted(strong),:host h2 ::slotted(b),:host h2 ::slotted(strong),:host h3 ::slotted(b),:host h3 ::slotted(strong),:host h4 ::slotted(b),:host h4 ::slotted(strong),:host h5 ::slotted(b),:host h5 ::slotted(strong),:host h6 ::slotted(b),:host h6 ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1 ::slotted(a),:host h2 ::slotted(a),:host h3 ::slotted(a),:host h4 ::slotted(a),:host h5 ::slotted(a),:host h6 ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::slotted(u),:host h2 ::slotted(u),:host h3 ::slotted(u),:host h4 ::slotted(u),:host h5 ::slotted(u),:host h6 ::slotted(u){text-underline-offset:10%}:host h1 ::slotted(i),:host h1 ::slotted(em),:host h2 ::slotted(i),:host h2 ::slotted(em),:host h3 ::slotted(i),:host h3 ::slotted(em),:host h4 ::slotted(i),:host h4 ::slotted(em),:host h5 ::slotted(i),:host h5 ::slotted(em),:host h6 ::slotted(i),:host h6 ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::slotted(abbr),:host h2 ::slotted(abbr),:host h3 ::slotted(abbr),:host h4 ::slotted(abbr),:host h5 ::slotted(abbr),:host h6 ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}";export{l as cura_display}

package/dist/cura/{p-1ecb2249.entry.js → p-bd649bed.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as r,H as a}from"./p-BxFVLGIR.js";import{l as o}from"./p-CHcd-uKK.js";import"./p-BTIDzOyO.js";const s=class{constructor(r){t(this,r),this.tabSelect=e(this,"tabSelect"),this.counter=1,this.selected=!1,this.disabled=!1,this.size="large",this.colorMode="light",this.hovered=!1,this.styles={}}setColors(){[{name:"--background-color-selected",theme:"light"===this.colorMode?"primary-base":"primary-light"},{name:"--background-color-hover",theme:"light"===this.colorMode?"primary-light":null},{name:"--background-disabled-selected",theme:"light"===this.colorMode?"neutral-white":"neutral-black"},{name:"--border-color",theme:"light"===this.colorMode?"primary-base":"primary-light"}].forEach((t=>{t.theme&&(this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))})),this.styles=Object.assign({},this.styles)}computeContentColor(){return this.disabled?"neutral-dark":"dark"===this.colorMode?this.hovered&&!this.selected?"neutral-purewhite":this.selected?"neutral-black":"primary-lighter":this.selected?"neutral-purewhite":"primary-dark"}getIcon(){if(!this.iconName)return"";const t="large"===this.size?20:16,e=this.computeContentColor();return r("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:!0,[this.colorMode]:!0,selected:this.selected,disabled:this.disabled}}getCounter(){return r("cura-badge-counter",{number:this.counter,color:"primary",disabled:this.disabled,class:"badge-number"})}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"),"--neutral-dark":window.CuraAPI.theme.colors.getColor("neutral-dark"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()}),this.setColors()}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled?t.preventDefault():(this.selected=!this.selected,this.tabSelect.emit({name:this.name}))}render(){const t=o[this.size]||o.default,e=this.computeContentColor();return r(a,{key:"e1b96aaf534d4a6c65f875413a0ad28b524c7d97",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},r("button",{key:"dd6436cf0820f4038dfda6f5a45bcdf828d342bd",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(),r("cura-label",{key:"8bebb4e66694fbcedcd218cba0f13de2253ae587",size:t,color:e,lineHeight:"0",marginBlock:"0"},r("slot",{key:"b6fab707b8b4cab36131bfec148746e9459302e8"})),this.counter>0&&this.getCounter()))}static get watchers(){return{colorMode:[{setColors:0}]}}};s.style=":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;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}: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.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:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}";export{s as cura_tabs_button}
+import{r as t,c as e,h as r,H as a}from"./p-BxFVLGIR.js";import{l as o}from"./p-CHcd-uKK.js";import"./p-BTIDzOyO.js";const s=class{constructor(r){t(this,r),this.tabSelect=e(this,"tabSelect"),this.counter=1,this.selected=!1,this.disabled=!1,this.size="large",this.colorMode="light",this.hovered=!1,this.styles={}}setColors(){[{name:"--background-color-selected",theme:"light"===this.colorMode?"primary-base":"primary-light"},{name:"--background-color-hover",theme:"light"===this.colorMode?"primary-light":null},{name:"--background-disabled-selected",theme:"light"===this.colorMode?"neutral-white":"neutral-black"},{name:"--border-color",theme:"light"===this.colorMode?"primary-base":"primary-light"}].forEach((t=>{t.theme&&(this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))})),this.styles=Object.assign({},this.styles)}computeContentColor(){return this.disabled?"neutral-dark":"dark"===this.colorMode?this.hovered&&!this.selected?"neutral-purewhite":this.selected?"neutral-black":"primary-lighter":this.selected?"neutral-purewhite":"primary-dark"}getIcon(){if(!this.iconName)return"";const t="large"===this.size?20:16,e=this.computeContentColor();return r("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:!0,[this.colorMode]:!0,selected:this.selected,disabled:this.disabled}}getCounter(){return r("cura-badge-counter",{number:this.counter,color:"primary",disabled:this.disabled,class:"badge-number"})}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"),"--neutral-dark":window.CuraAPI.theme.colors.getColor("neutral-dark"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()}),this.setColors()}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled?t.preventDefault():(this.selected=!this.selected,this.tabSelect.emit({name:this.name}))}render(){const t=o[this.size]||o.default,e=this.computeContentColor();return r(a,{key:"8c6b0887fb2077909547c732cecb8655842d4a93",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},r("button",{key:"f91ddf1d31dbebb6e097e48838b64b6787a88148",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(),r("cura-label",{key:"0ca8313f7b54bc0d238c1b56abb75c940789471f",size:t,color:e,lineHeight:"0",marginBlock:"0"},r("slot",{key:"964538375a7c4560a996cc8c069753f07120ba9e"})),this.counter>0&&this.getCounter()))}static get watchers(){return{colorMode:[{setColors:0}]}}};s.style=":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;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}: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.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:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}";export{s as cura_tabs_button}

package/dist/cura/{p-04b5c710.entry.js → p-d43fb791.entry.js}

@@ -1 +1 @@
-import{r as s,h as r,H as e,g as a}from"./p-BxFVLGIR.js";import"./p-BTIDzOyO.js";const t=class{constructor(r){s(this,r),this.color="primary-base",this.progress=0,this.styles={}}handleChangeColor(){this.setColor()}handleProgress(){this.setProgress()}connectedCallback(){this.setColor(),this.setProgress()}render(){return r(e,{key:"dd27615093a7ab333175afb1e48bbe5455d7406b",role:"progressbar","aria-valuenow":this.progress,"aria-valuemin":0,"aria-valuemax":100},r("div",{key:"c3c76b76826c558769d43e441d9e0c573fb7eb7b",id:"progress-bar",class:"progress-bar",style:this.styles},r("span",{key:"0e8e361bdf63e558fa34cca67c3446b1147c2643",class:"progress-bar-fill"})))}setColor(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-base":window.CuraAPI.theme.colors.getColor("neutral-base",.2),"--color-base":window.CuraAPI.theme.colors.getColor(this.color)})}setProgress(){this.styles=Object.assign(Object.assign({},this.styles),{"--bar-width":`${this.progress}%`})}get host(){return a(this)}static get watchers(){return{color:[{handleChangeColor:0}],progress:[{handleProgress:0}]}}};t.style=":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar span{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width 0.2s linear}";export{t as cura_loader_bar}
+import{r as s,h as r,H as a,g as e}from"./p-BxFVLGIR.js";import"./p-BTIDzOyO.js";const t=class{constructor(r){s(this,r),this.color="primary-base",this.progress=0,this.styles={}}handleChangeColor(){this.setColor()}handleProgress(){this.setProgress()}connectedCallback(){this.setColor(),this.setProgress()}render(){return r(a,{key:"1cad7226bfde87284c61f4786c3bccf66f967d40",role:"progressbar","aria-valuenow":this.progress,"aria-valuemin":0,"aria-valuemax":100},r("div",{key:"59320656c2a679ff5600ef803fa215f1ed5d218d",id:"progress-bar",class:"progress-bar",style:this.styles},r("span",{key:"6d66523c36dfaece1e9d7a3d60c8fbf7dbef5efa",class:"progress-bar-fill"})))}setColor(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-base":window.CuraAPI.theme.colors.getColor("neutral-base",.2),"--color-base":window.CuraAPI.theme.colors.getColor(this.color)})}setProgress(){this.styles=Object.assign(Object.assign({},this.styles),{"--bar-width":`${this.progress}%`})}get host(){return e(this)}static get watchers(){return{color:[{handleChangeColor:0}],progress:[{handleProgress:0}]}}};t.style=":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar span{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width 0.2s linear}";export{t as cura_loader_bar}

package/dist/cura/{p-a5c4849c.entry.js → p-d64ef37d.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,H as r}from"./p-BxFVLGIR.js";import{l as s}from"./p-CHcd-uKK.js";import"./p-BTIDzOyO.js";const a=class{constructor(o){t(this,o),this.tabSelect=e(this,"tabSelect"),this.selected=!1,this.disabled=!1,this.borderBottom=!0,this.size="large",this.colorMode="light",this.hovered=!1,this.styles={}}setColors(){[{name:"--border-bottom-color",theme:"light"===this.colorMode?"neutral-base":"primary"},{name:"--border-bottom-color-selected",theme:"light"===this.colorMode?"primary-dark":"primary-lighter"}].forEach((t=>{t.theme&&(this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))})),this.styles=Object.assign({},this.styles)}computeContentColor(){return this.disabled?"neutral-dark":"dark"===this.colorMode?this.hovered&&!this.selected?"neutral-purewhite":this.selected?"primary-lighter":"neutral-purewhite":this.hovered&&!this.selected?"primary-dark":this.selected?"primary-base":"neutral-black"}getIcon(){if(!this.iconName)return"";const t="large"===this.size?20:16,e=this.computeContentColor();return o("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:!0,[this.colorMode]:!0,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(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled?t.preventDefault():(this.selected=!this.selected,this.tabSelect.emit({name:this.name}))}render(){const t=s[this.size]||s.default,e=this.computeContentColor();return o(r,{key:"09e06aa0e52ca852fa5e4409429f50242fa5c6a9",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},o("button",{key:"a4c5f800f22b23e24b89366766660c02abfd7091",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:"73de8c0f84a1128a92fd840c4b6d9b3415071a99",size:t,color:e,lineHeight:"0",marginBlock:"0"},o("slot",{key:"2514d0f1bd9752635fcc2d453c8994d09ef7f5d1"}))))}static get watchers(){return{colorMode:[{setColors:0}]}}};a.style=":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}";export{a as cura_tabs_transparent}
+import{r as t,c as e,h as o,H as r}from"./p-BxFVLGIR.js";import{l as s}from"./p-CHcd-uKK.js";import"./p-BTIDzOyO.js";const a=class{constructor(o){t(this,o),this.tabSelect=e(this,"tabSelect"),this.selected=!1,this.disabled=!1,this.borderBottom=!0,this.size="large",this.colorMode="light",this.hovered=!1,this.styles={}}setColors(){[{name:"--border-bottom-color",theme:"light"===this.colorMode?"neutral-base":"primary"},{name:"--border-bottom-color-selected",theme:"light"===this.colorMode?"primary-dark":"primary-lighter"}].forEach((t=>{t.theme&&(this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))})),this.styles=Object.assign({},this.styles)}computeContentColor(){return this.disabled?"neutral-dark":"dark"===this.colorMode?this.hovered&&!this.selected?"neutral-purewhite":this.selected?"primary-lighter":"neutral-purewhite":this.hovered&&!this.selected?"primary-dark":this.selected?"primary-base":"neutral-black"}getIcon(){if(!this.iconName)return"";const t="large"===this.size?20:16,e=this.computeContentColor();return o("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:!0,[this.colorMode]:!0,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(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled?t.preventDefault():(this.selected=!this.selected,this.tabSelect.emit({name:this.name}))}render(){const t=s[this.size]||s.default,e=this.computeContentColor();return o(r,{key:"3a165e58646df4462994a4368ef6d58a843bdc5c",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},o("button",{key:"50bfeaf2ec27682b6168f0c173b140bee1249229",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:"5f2c83984da3d83ec0e6719eff67e901195366fa",size:t,color:e,lineHeight:"0",marginBlock:"0"},o("slot",{key:"317de55115567fed9ece59b8c4da507e20f9c57e"}))))}static get watchers(){return{colorMode:[{setColors:0}]}}};a.style=":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}";export{a as cura_tabs_transparent}

package/dist/esm/cura-accordion_22.entry.js

@@ -1,10 +1,11 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-Ce1Pxw3V.js';
 import { l as labelSizes } from './cura-button.definitions-BSI2FkNn.js';
 import { r as requiredArgs, t as toDate, _ as _typeof, i as isBefore, a as isAfter } from './index-964stZ3D.js';
-import { S as Static } from './static-DfJS7YqS.js';
+import { a as addBodyScrollLockClass, r as removeBodyScrollLockClass, c as checkMobile, b as checkIOS, f as fakeInputIOSHack } from './utils-BZCR971L.js';
 import { i as iconSizes } from './cura-icon.definitions-sjLA93YY.js';
 import { l as labelSizes$1 } from './cura-tabs.definitions-CHcd-uKK.js';
 import './theme-legacy-default-BTIDzOyO.js';
+import './static-DfJS7YqS.js';
 
 const curaAccordionCss = () => `:host{display:block;color:var(--font-color);font-size:var(--font-size);font-size:var(--font-size);font-family:var(--font-family);font-weight:var(--font-weight-regular)}`;
 
@@ -6801,7 +6802,6 @@ const CuraCalendar = class {
         registerInstance(this, hostRef);
         this.onchangeday = createEvent(this, "onchangeday");
         this.changeDateInView = createEvent(this, "changeDateInView");
-        this.isMounted = false;
         /**
          * Disable component
          *
@@ -7143,6 +7143,7 @@ const CuraCalendar = class {
         if (direction === 'next')
             newMonth = addMonths(this.currentDate, 1);
         this.currentDate = newMonth;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), newMonth);
     }
     /**
      * Handle the month dropdown change.
@@ -7153,7 +7154,9 @@ const CuraCalendar = class {
         const { months } = this.fetchMonthNames();
         const newMonth = event.detail;
         this.selectMonth = newMonth;
-        this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
+        const currentDateUpdated = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
+        this.currentDate = currentDateUpdated;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), currentDateUpdated);
     }
     /**
      * Handle the year input change.
@@ -7163,7 +7166,9 @@ const CuraCalendar = class {
     onYearDropdownChange(event) {
         const newYear = event.detail;
         this.selectYear = newYear;
-        this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
+        const currentDateUpdated = new Date(newYear, getMonth(this.currentDate), 1);
+        this.currentDate = currentDateUpdated;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), currentDateUpdated);
     }
     /**
      * Flatten date ranges into individual dates.
@@ -7270,10 +7275,10 @@ const CuraCalendar = class {
         this.collapsed = true;
         return this.fetchDaysOfWeek();
     }
-    fetchDaysOfWeek() {
+    fetchDaysOfWeek(currentDate) {
         const DAYS_IN_CALENDAR_VIEW = 7;
-        const start = startOfWeek(this.currentDate);
-        const end = endOfWeek(this.currentDate);
+        const start = startOfWeek(currentDate || this.currentDate);
+        const end = endOfWeek(currentDate || this.currentDate);
         const daysIncurrentDate = eachDayOfInterval({ start, end });
         return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
     }
@@ -7284,11 +7289,12 @@ const CuraCalendar = class {
         if (direction === 'next')
             newWeek = addWeeks(this.currentDate, 1);
         this.currentDate = newWeek;
+        this.sendEventChangeDateInView(Boolean(this.collapsed), newWeek);
     }
-    fetchDaysOfMonth() {
+    fetchDaysOfMonth(currentDate) {
         const DAYS_IN_CALENDAR_VIEW = 35;
-        const start = startOfMonth(this.currentDate);
-        const end = endOfMonth(this.currentDate);
+        const start = startOfMonth(currentDate || this.currentDate);
+        const end = endOfMonth(currentDate || this.currentDate);
         const daysIncurrentDate = eachDayOfInterval({ start, end });
         const startWeekDay = getDay(start);
         const prevMonthEnd = endOfMonth(subMonths(start, 1));
@@ -7418,10 +7424,10 @@ const CuraCalendar = class {
             '--color-neutral-purewhite': window.CuraAPI.theme.colors.getColor(`neutral-purewhite`)
         };
     }
-    sendEventChangeDateInView(isCollapsed) {
+    sendEventChangeDateInView(isCollapsed, currentDate) {
         const eventData = {
-            datesInView: isCollapsed ? this.fetchDaysOfWeek() : this.fetchDaysOfMonth(),
-            monthDays: this.fetchDaysOfMonth()
+            datesInView: isCollapsed ? this.fetchDaysOfWeek(currentDate) : this.fetchDaysOfMonth(currentDate),
+            monthDays: this.fetchDaysOfMonth(currentDate)
         };
         this.changeDateInView.emit(eventData);
     }
@@ -7441,23 +7447,14 @@ const CuraCalendar = class {
         }
         this.defaultDates = this.expandDateRanges(newValue);
     }
-    watchDatesInViewChange() {
-        if (!this.isMounted) {
-            return;
-        }
-        this.sendEventChangeDateInView(Boolean(this.collapsed));
-    }
     watchCollapse(isCollapsed) {
-        this.sendEventChangeDateInView(isCollapsed);
-    }
-    componentDidLoad() {
-        this.isMounted = true;
+        this.sendEventChangeDateInView(isCollapsed, this.currentDate);
     }
     render() {
         const { months } = this.fetchMonthNames();
-        return (h(Host, { key: '9667bc4f47b6581724dcc658ce322b375622906a', style: this.getHostCSSProperties() }, h("div", { key: '231bc0e3890949e6696338e386a3db4e9744c5b6', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''} ${this.getDisabledClassModifier()}`, style: this.styles }, h("header", { key: '88357e185b812e45d4632aa20759cf078e51af19', class: "header" }, h("div", { key: '93cf9ecfbce8772e64cdad26090119257f47b77b', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, h("cura-icon", { key: 'c188f28ca53ffb79ad9d13b1ef7b19ab6d26b10d', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", disabled: this.isDisabled, color: this.determinePrevButtonColor(), onClick: this.handlePrevMonth }), this.type === 'dropdown' ? (h("div", { class: "select" }, h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index) => (h("cura-select-option", { size: "xsmall", key: index, value: month }, month)))), h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (h("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (h("cura-label", { color: !this.isDisabled ? 'neutral-black' : 'neutral-dark', size: "small" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), h("cura-icon", { key: 'c890a280637b8c50d2b8cb8ac1ab9a685d742cc3', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", disabled: this.isDisabled, color: "primary-base", onClick: this.handleNextMonth }))), h("span", { key: 'fac87075df8335c9ad1464a5dc6caebfbd79cf38', class: "days-of-week" }, this.fetchWeekDays().map(this.renderItemWeekDays)), h("div", { key: 'e3d08f781cb7765f2c74e88ebd040d8dd28e7e9f', class: "dates" }, !this.collapsed
+        return (h(Host, { key: 'ce5e455df204f6d7a8a3a34eba8198d33e1dd798', style: this.getHostCSSProperties() }, h("div", { key: 'b09f8c9ae06a38f0c04022a3c76ca89aed67f694', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''} ${this.getDisabledClassModifier()}`, style: this.styles }, h("header", { key: 'c70bc378b8427424d4128f98b6f39f3a43d18e8b', class: "header" }, h("div", { key: 'cdda360107fd69b8a32e7773dfcb9f94bc63b517', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, h("cura-icon", { key: 'a19af085d074aa74ba3a51712ed62228a4244911', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", disabled: this.isDisabled, color: this.determinePrevButtonColor(), onClick: this.handlePrevMonth }), this.type === 'dropdown' ? (h("div", { class: "select" }, h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index) => (h("cura-select-option", { size: "xsmall", key: index, value: month }, month)))), h("cura-select", { disabled: this.isDisabled, size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (h("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (h("cura-label", { color: !this.isDisabled ? 'neutral-black' : 'neutral-dark', size: "small" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), h("cura-icon", { key: '0e9917d69adf95a5f4566d1269738d8ea4a11036', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", disabled: this.isDisabled, color: "primary-base", onClick: this.handleNextMonth }))), h("span", { key: 'f5249c9c7ebeae18af57c43bbd988aa7c21b7b04', class: "days-of-week" }, this.fetchWeekDays().map(this.renderItemWeekDays)), h("div", { key: '2465a9c40856462242a80f1fda2abf7dc2648012', class: "dates" }, !this.collapsed
             ? this.fetchDaysOfMonth().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
-            : this.fetchDaysOfWeek().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { disabled: this.isDisabled, onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null, this.isLoading && (h("div", { key: '91af6d390271d126ad380f26a2018e5e06c0f762', class: "loading-container" }, h("cura-loader-circle", { key: '032105471ed76a221fbbc50eac62d52250328d57', color: "primary", size: "large" }), h("slot", { key: '2cb6ce4b2cffc2d4ec704f4ba8fb746d59c1b0a0', name: "loadingMessage" }))))));
+            : this.fetchDaysOfWeek().map((day, index) => (h("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { disabled: this.isDisabled, onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (h("div", { class: "collapsed-container" }, h("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null, this.isLoading && (h("div", { key: 'fba41e2fd1b743d534f763e690b8eaf8f741f2f4', class: "loading-container" }, h("cura-loader-circle", { key: '9780c689a48c0c6ef2804ba6e9864338dd6a21a9', color: "primary", size: "large" }), h("slot", { key: 'c0e9eee4818991d9fd6ac8322aa183cf574abb65', name: "loadingMessage" }))))));
     }
     static get watchers() { return {
         "defaultDate": [{
@@ -7468,9 +7465,6 @@ const CuraCalendar = class {
         "customDates": [{
                 "watchDefaultDatesArray": 0
             }],
-        "currentDate": [{
-                "watchDatesInViewChange": 0
-            }],
         "collapsed": [{
                 "watchCollapse": 0
             }]
@@ -7550,44 +7544,6 @@ const CuraCard = class {
 };
 CuraCard.style = curaCardCss();
 
-function checkMobile() {
-    return (window === null || window === void 0 ? void 0 : window.innerWidth) < Static.breakpoints.medium.min;
-}
-function checkIOS() {
-    return [
-        'iPad Simulator',
-        'iPhone Simulator',
-        'iPod Simulator',
-        'iPad',
-        'iPhone',
-        'iPod'
-    ].includes(navigator.userAgent)
-        // iPad on iOS 13 detection
-        || (navigator.userAgent.includes("Mac") && "ontouchend" in document);
-}
-function fakeInputIOSHack(targetElement) {
-    if (!checkMobile() || !checkIOS())
-        return null;
-    const fakeInput = document.createElement('input');
-    fakeInput.setAttribute('type', 'text');
-    fakeInput.style.position = 'absolute';
-    fakeInput.style.opacity = '0';
-    fakeInput.style.height = '0';
-    fakeInput.style.fontSize = '16px'; // disable auto zoom
-    targetElement.prepend(fakeInput);
-    // focus so that subsequent async focus will work
-    fakeInput.focus();
-    return fakeInput;
-}
-function addBodyScrollLockClass() {
-    document.body.classList.add("cura-body-scroll-lock");
-}
-function removeBodyScrollLockClass() {
-    if (document.body.classList.contains("cura-body-scroll-lock")) {
-        document.body.classList.remove("cura-body-scroll-lock");
-    }
-}
-
 class FixedElementScrollBehavior {
     constructor(hostElement, scrollableElement) {
         this._stopPropagationEvent = (e) => {
@@ -8154,7 +8110,7 @@ const CuraHeading = class {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (h(Host, { key: 'e28268e7d797af495f6accb8536e88ac49ef608f', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
+        return (h(Host, { key: '611cbd1aff08cda4926fc82ba821c86c5df3e954', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
     }
     get host() { return getElement(this); }
 };
@@ -12330,7 +12286,7 @@ const CuraLabel = class {
         };
     }
     render() {
-        return (h(Host, { key: '720f13cf286fb7f938e46c6f0a968c4e0f109d50', style: this.hostCSSProperties() }, h("p", { key: '0ff31e9b99761b045b24ed8042b27e47b186bf48', style: this.styles, class: this.getClasses() }, h("slot", { key: '0986ae8c63cc44b4656f403556c48a7ca6410073' }))));
+        return (h(Host, { key: '80bddd4f902e7084628ed2cbfe1144a6ddcf2674', style: this.hostCSSProperties() }, h("p", { key: 'bc507c1b119459c6efbb81120a7cc33c1e305800', style: this.styles, class: this.getClasses() }, h("slot", { key: '451674e41f86b0b3db3f2f29b498aa49c489a7ec' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -12373,7 +12329,7 @@ const CuraLoaderCircle = class {
         };
     }
     render() {
-        return (h(Host, { key: 'c4615da9001f98d1b9e3663cc3be35d2171730e1', style: this.getStyles(), role: "progressbar" }, h("svg", { key: '9c37222a3fe0da848f113ad6d8c75e9b2a0cc9cc', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'f4a18be935decddbe888d70a37b1433044e05fb0' }, h("circle", { key: 'd681798065754082c40a289af01d0d68fc41dca4', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: '3f0bba399b4fad8870467ef82bbc73bd18a2e9de', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '7e74e8efbd8fd28de95b40c856462e1c1dbefec1' }, h("linearGradient", { key: 'd8f4d5a79e13f25a72b73219d9398df4dbc1635c', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '38d78b4fe60768fd5987cb44bbbcd76bdb82b7c4' }), h("stop", { key: 'ea7961e56c62437260bf7e0e8270073d1dd5bbe4', offset: "1" }))))));
+        return (h(Host, { key: '628e3341e2bc0bef9a18362ab46625d99a7f6800', style: this.getStyles(), role: "progressbar" }, h("svg", { key: 'c0e5366cef003222ec7a60fcaed02a1e2376acd5', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '194989f5d872562dffc46ca981a699183de87603' }, h("circle", { key: '6ffa4ee0394f80b4328e5bda459f849387086568', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: '9cc41c580811d999769f1ebe1443bd63a092eae0', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '1190920b737c9306a96ac9854207a339ac312815' }, h("linearGradient", { key: '11921fe3939bef2f32a4688058a3c818600c5781', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'fa3f8b029d39912abea7adef004f24e99f76d453' }), h("stop", { key: '53b8efce47f6101c36ccf9f05beca7ab76ffb886', offset: "1" }))))));
     }
 };
 CuraLoaderCircle.style = curaLoaderCircleCss();
@@ -12468,7 +12424,7 @@ const CuraParagraph = class {
         return classes;
     }
     render() {
-        return (h(Host, { key: '411b5363e280ac45fdd05b52beb4d778f9a65f81', style: this.hostCSSProperties() }, h("p", { key: '4dcf7ab9518dfe6baea24e5ecf340074d5cc0531', style: this.styles, class: this.getClasses() }, h("slot", { key: 'cfbd348562f33ef233cda512d596844f49bf3453' }))));
+        return (h(Host, { key: '33b3d1d2e739523255fbfbfd8b6afd67aa5dbc2d', style: this.hostCSSProperties() }, h("p", { key: '1baf909ffcc9c682bc9fba3b36d173e53020d084', style: this.styles, class: this.getClasses() }, h("slot", { key: 'b836160b6c94a6f3a2f5a7c4c1802bc5340bd5b5' }))));
     }
     get host() { return getElement(this); }
 };
@@ -14553,10 +14509,10 @@ const CuraSelect = class {
         });
     }
     render() {
-        return (h(Host, { key: '13d03dc2dae8a2aea0a40a9f3f8cff4f8dd5e2f7', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, h("div", { key: '70d1e6e1e196d9955e29705e7859e60e25116321', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: '17a8be580d7e66295756dd0d4c50023315ade905', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '5d3e76ce07f6214eb9925e2b1bdd1a8ea0d59e43', class: "required" }, "* "))), h("div", { key: '57da69c886f2f94bc9311ba987a697f3caff7bbf', class: {
+        return (h(Host, { key: '7621641772e6c166b5359346f0d0681a614c1f5c', style: this.styles, role: "combobox", "aria-label": this.label, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error') }, h("div", { key: '7cc11beb3a10ada937c4668fdfcdb98b380200e0', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (h("cura-label", { key: 'd10426c84bb97db84074430f537293407f7afa05', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && h("span", { key: '82808b9add65b3c6abf03e56fe63dccd574229f3', class: "required" }, "* "))), h("div", { key: 'e37b1468d0bf2bdac3f1c2096c22840fe7e0eced', class: {
                 'cura-input-field': true,
                 'open': this.isOpen,
-            }, ref: el => (this.inputWrapper = el) }, this.renderIcon(), h("input", { key: '783caf1d2e7e55d1e50ce870ed62ee358b63d2c5', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), h("button", { key: '626d2a26a771babd5353bba45448a5410c4886e3', class: "up-down-button" }, h("cura-icon", { key: 'e331e0dde7ece240f8f80768150679262bb88ab6', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), h("cura-label", { key: '458647bd83c8e8a0d68f49f2b08b7f61bed7e5af', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: '7ef8488495f4e03694bc65930aad0fa6caa8b51f' })), this.isOpen && (h("div", { key: '2ba839bf8b7d85ffd7be60f1575fe94f3057155a', class: {
+            }, ref: el => (this.inputWrapper = el) }, this.renderIcon(), h("input", { key: '7fabd1a5fc59c479ea09d95f7552f49f8448125e', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), h("button", { key: '9fa767799517d3872d60e33a9d71562bfe24d0c5', class: "up-down-button" }, h("cura-icon", { key: '2299a69d28c72eba5f2a18faa87c653226105034', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), h("cura-label", { key: '6c88858d35cdf9c756b9ee7d9e93f5ff0596e372', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, h("slot", { key: '55a075d118ba10f7921d6cf13331c7c0a0ddae46' })), this.isOpen && (h("div", { key: 'd36637fb50aeefbb10991dd2fa8212886293fff3', class: {
                 menu: true,
                 open: this.isOpen,
                 [this.preferredPlacement]: true,
@@ -14569,7 +14525,7 @@ const CuraSelect = class {
                 visibility: this.isPositioned ? 'visible' : 'hidden',
                 opacity: this.isPositioned ? '1' : '0',
                 pointerEvents: this.isPositioned ? 'auto' : 'none',
-            } }, h("slot", { key: '8cb789b3f8cf850a6965ed7be11264a654f26c60', name: "option" }))))));
+            } }, h("slot", { key: '399d62fd686ed4c0a0729d336a3502b53918e371', name: "option" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -14623,7 +14579,7 @@ const CuraSelectOption = class {
         };
     }
     render() {
-        return (h(Host, { key: '1959cfad9e9f91de0a6614517e0a696ff832a8b4', slot: "option", role: "option", "aria-selected": this.selected }, h("div", { key: 'f22474011fa2a0def2d272477bbb6ba3c7c5dd59', class: this.getClasses(), style: this.styles }, h("cura-label", { key: 'a1236553e347a88c478e50cea6809c54ced8f55d', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: '3655ebfdd77515ddd8f8dcb6aa736b0dfcca4802' })), this.selected && h("cura-icon", { key: 'cc0051639d6878aaeff7c8eb4a2a15a9c73276da', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
+        return (h(Host, { key: '351cadffe0228ba5af1a9d6019c8dece886061c6', slot: "option", role: "option", "aria-selected": this.selected }, h("div", { key: '0bbe81fd481f3d7d83e42bcbeb69c8b88ce23804', class: this.getClasses(), style: this.styles }, h("cura-label", { key: 'fa4ae11397845ed517f756fd4537f80bb7580e4f', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, h("slot", { key: 'c3b653b8a65d3b7afe0253fd9aafe922fdaebcfc' })), this.selected && h("cura-icon", { key: 'd7420da36a93c1f873ac79e6d55e1fa697a4eaad', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -14723,7 +14679,7 @@ const CuraTabs = class {
         const labelSize = labelSizes$1[this.size] || labelSizes$1['default'];
         const labelColor = this.computeContentColor();
         this.updateDynamicStyles();
-        return (h(Host, { key: 'fc0a87968ffd898bd8fc7b287eca4c43183d5b22', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '00fe656ab46b7f57dae2a7a1dead6a55759ec729', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: 'c291da87ab7e8beda3c547570a80914bba5e5836', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '7233f8f990b33a841e815746f0c18fad27b907f1' })))));
+        return (h(Host, { key: 'd12ccbd8e900c1a21dfee2ee7363e167772acad4', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '2e77d02614e38baaca599d7830f5ba4dcb048519', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: '343f0d566d70ea2f132ea55ca588c57cb2ce20f2', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '9acebd9e763f88d698ca6c0a08e97c3960701730' })))));
     }
     static get watchers() { return {
         "colorMode": [{
@@ -14762,7 +14718,7 @@ const CuraTabsGroup = class {
         this.styles = Object.assign(Object.assign({}, this.styles), { '--border-color': window.CuraAPI.theme.colors.getColor(this.colorMode === 'light' ? 'neutral-base' : 'primary-base'), '--gap': `${this.gap}px` });
     }
     render() {
-        return (h(Host, { key: '19ab029f51ded1870e7a59518c57cd4270241ac9', role: "tablist", style: this.styles, class: this.getClasses() }, h("slot", { key: 'eda90f855125cfdee50efdb11ffd05ec83e7cfe0' })));
+        return (h(Host, { key: '1a2babd4b23b2f54644cfe9d0129736c897f50c3', role: "tablist", style: this.styles, class: this.getClasses() }, h("slot", { key: 'ba78df56f01619de8df14cbfde08dd501b15048e' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/cura-display.entry.js

@@ -84,7 +84,7 @@ const CuraDisplay = class {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (h(Host, { key: '343caf7e121561a5339ea553ccadb8aeed553c37', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
+        return (h(Host, { key: 'b9264ba7f3ff79b474f02107824441c9f6e67ec1', style: this.hostCSSProperties(), role: "heading", "aria-level": this.level }, this.getHeadingTag()));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cura-input-textarea.entry.js

@@ -0,0 +1,234 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Ce1Pxw3V.js';
+import { c as checkMobile, b as checkIOS, f as fakeInputIOSHack } from './utils-BZCR971L.js';
+import './theme-legacy-default-BTIDzOyO.js';
+import './static-DfJS7YqS.js';
+
+const curaInputTextareaCss = () => `:host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-textarea-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-textarea-group .helper-max-wrapper{display:flex;justify-content:space-between;align-items:center}.cura-textarea-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-textarea-group .max-length{display:flex}.cura-textarea-group cura-label{margin-bottom:8px}.cura-textarea-group .cura-textarea-field{width:100%;height:64px;display:flex;flex-direction:row;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-textarea-group .cura-textarea-field textarea{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:16px 16px 0px 8px;min-height:64px;resize:vertical}.cura-textarea-group .cura-textarea-field textarea:not(.resizable){resize:none}.cura-textarea-group .cura-textarea-field textarea::placeholder{color:var(--neutral-dark)}.cura-textarea-group .cura-textarea-field .feedback-icon{padding-left:16px;padding-top:16px}.cura-textarea-group .cura-textarea-field cura-loader-circle{margin:0px 12px}.cura-textarea-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly) .cura-textarea-field{border-color:var(--neutral-dark)}.cura-textarea-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly) .cura-textarea-field textarea{color:var(--neutral-dark)}.cura-textarea-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly) .cura-textarea-field textarea::placeholder{color:var(--neutral-dark)}.cura-textarea-group:focus-within .cura-textarea-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-textarea-group:focus-within .cura-textarea-field textarea{color:var(--neutral-black) !important}.cura-textarea-group.success .cura-textarea-field{border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-textarea-group.success .cura-textarea-field textarea{color:var(--success-darker) !important}.cura-textarea-group.success .cura-textarea-field textarea::placeholder{color:var(--success-darker) !important}.cura-textarea-group.error .cura-textarea-field{border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-textarea-group.error .cura-textarea-field textarea{color:var(--error-darker) !important}.cura-textarea-group.error .cura-textarea-field textarea::placeholder{color:var(--error-darker) !important}.cura-textarea-group.isLoading{cursor:wait}.cura-textarea-group.isLoading .cura-textarea-field{background-color:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-textarea-group.isLoading .cura-textarea-field textarea{cursor:wait;color:var(--primary-base) !important}.cura-textarea-group.isLoading .cura-textarea-field textarea::placeholder{color:var(--primary-base) !important}.cura-textarea-group.disabled .cura-textarea-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-textarea-group.disabled .cura-textarea-field textarea{color:var(--neutral-medium)}.cura-textarea-group.disabled .cura-textarea-field textarea::placeholder{color:var(--neutral-medium)}.cura-textarea-group.readOnly[read-only] .cura-textarea-field{cursor:default}.cura-textarea-group.readOnly[read-only] .cura-textarea-field textarea{cursor:default}.cura-textarea-group.small .cura-textarea-field{height:64px}.cura-textarea-group.small .cura-textarea-field textarea{font-size:12px;line-height:13px;letter-spacing:0.72px;min-height:64px}.cura-textarea-group.small .helper-text{font-weight:var(--font-weight-regular)}.cura-textarea-group.medium .cura-textarea-field{height:64px}.cura-textarea-group.medium .cura-textarea-field textarea{font-size:14px;line-height:16px;letter-spacing:0.56px;min-height:64px}.cura-textarea-group.medium .helper-text{font-weight:var(--font-weight-regular)}.cura-textarea-group.large .cura-textarea-field{height:64px}.cura-textarea-group.large .cura-textarea-field textarea{font-size:16px;min-height:64px}.cura-textarea-group.large .helper-text{font-weight:var(--font-weight-bold)}`;
+
+const CuraInputTextArea = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.valueChange = createEvent(this, "valueChange");
+        this.inputClear = createEvent(this, "inputClear");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        /**
+         * Indicates input status (default: 'default')
+         */
+        this.status = 'default';
+        /**
+         * Size of the textarea: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        this.size = 'medium';
+        /**
+         * Label text for the textarea
+         */
+        this.label = '';
+        /**
+         * Name for the textarea
+         */
+        this.name = '';
+        /**
+         * Placeholder text
+         */
+        this.placeholder = null;
+        /**
+         * Initial value of the textarea
+         */
+        this.value = '';
+        /**
+         * Cura icon name to display
+         */
+        this.iconName = '';
+        /**
+         * Whether the textarea is disabled (default: false)
+         */
+        this.disabled = false;
+        /**
+         * Whether the textarea is required (default: false)
+         */
+        this.required = false;
+        /**
+         * Whether the textarea is read-only (default: false)
+         */
+        this.readOnly = false;
+        /**
+         * Whether the textarea is resizable (default: true)
+         */
+        this.resizable = true;
+        /**
+         * Whether the textarea is in loading state (default: false)
+         */
+        this.isLoading = false;
+        this.isHovered = false;
+        this.isFocused = false;
+        this.currentValue = '';
+        this.fieldStyles = { height: 'auto' };
+        /**
+         * Removes the alertCircle icon when necessary (as used in CuraDropdownSearch)
+         */
+        this.hideErrorIcon = false;
+        /**
+         * Whether the textarea should have autocomplete
+         */
+        this.autocomplete = 'on';
+        this.styles = {};
+    }
+    async setFocus() {
+        const timeoutMs = checkMobile() && checkIOS() ? 1000 : 200;
+        let fakeInput = fakeInputIOSHack(this.host);
+        setTimeout(() => {
+            this.inputRef.focus();
+            if (fakeInput)
+                fakeInput.remove();
+        }, timeoutMs);
+    }
+    formStateRestoreCallback(state) {
+        this.currentValue = state.value;
+        this.internals.setFormValue(this.currentValue);
+    }
+    formAssociatedCallback(form) {
+        form.ariaLabel = this.label;
+    }
+    formResetCallback() {
+        this.handleClearInput();
+        this.internals.setValidity({});
+        this.internals.setFormValue('');
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    connectedCallback() {
+        this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);
+        this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
+        this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
+        this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);
+        this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);
+        this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
+        this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);
+        this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);
+        this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);
+        this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);
+        this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);
+        this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);
+        this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);
+        this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);
+        this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);
+        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
+        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
+        this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
+        this.weights = window.CuraAPI.theme.fonts.getWeights();
+        this.breakpoints = window.CuraAPI.theme.breakpoints.get();
+        this.styles['--font-weight-medium'] = this.weights.medium;
+        this.styles['--font-weight-bold'] = this.weights.bold;
+        this.styles['--font-weight-regular'] = this.weights.regular;
+    }
+    componentWillLoad() {
+        this.currentValue = this.value;
+    }
+    getClasses() {
+        return {
+            [this.size.toLowerCase()]: true,
+            disabled: !!this.disabled,
+            isLoading: !!this.isLoading,
+            isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,
+            isHovered: this.isHovered,
+            [this.status]: true,
+            resizable: !!this.resizable,
+        };
+    }
+    getLabelColor() {
+        if (!!this.disabled) {
+            return 'neutral-medium';
+        }
+        else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {
+            return 'neutral-black';
+        }
+        else {
+            return 'neutral-dark';
+        }
+    }
+    renderIcon() {
+        if (this.iconName === '' && this.status === 'default') {
+            return;
+        }
+        if (this.status === 'error' && this.hideErrorIcon) {
+            return;
+        }
+        const baseIconSize = this.size === 'large' ? 20 : 16;
+        const iconMap = {
+            loading: { name: this.iconName, color: 'primary-base' },
+            success: { name: 'checkCircle', color: 'success-dark' },
+            error: { name: 'alertCircle', color: 'error-dark' },
+            default: { name: this.iconName, color: 'neutral-dark' },
+            disabled: { name: this.iconName, color: 'neutral-medium' },
+        };
+        const iconConfig = iconMap[this.isLoading ? 'loading' : this.disabled ? 'disabled' : this.status || 'default'];
+        return (h("div", { class: "feedback-icon", style: this.styles }, h("cura-icon", { name: iconConfig.name, iconset: "default", size: baseIconSize, color: iconConfig.color })));
+    }
+    renderHelperText() {
+        const isError = this.status === 'error';
+        const isSuccess = this.status === 'success';
+        const isDefault = this.status === 'default';
+        const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';
+        const colorText = (() => {
+            if (this.disabled)
+                return 'neutral-medium';
+            if (this.isLoading)
+                return 'primary-base';
+            if (this.isFocused || this.isHovered)
+                return 'neutral-black';
+            return 'neutral-dark';
+        })();
+        return (h("div", { style: this.styles, class: "helper-text", part: "cura-input-text-helper" }, isDefault && (h("cura-label", { size: helperTextSize, color: colorText }, h("slot", null))), isError && (h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "error-dark" }, h("slot", null))), isSuccess && (h("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "success-dark" }, h("slot", null)))));
+    }
+    renderMaxLength() {
+        var _a;
+        if (!this.maxlength)
+            return null;
+        return (h("div", { class: "max-length" }, h("cura-label", { size: "xsmall", weight: 'bold', color: "neutral-dark" }, `${((_a = this.currentValue) === null || _a === void 0 ? void 0 : _a.toString().length) || 0}`), h("cura-label", { size: "xsmall", weight: 'bold', color: "neutral-darker" }, `/${this.maxlength}`)));
+    }
+    handleMouseEnter() {
+        this.isHovered = true;
+    }
+    handleMouseLeave() {
+        this.isHovered = false;
+    }
+    handleClearInput() {
+        this.currentValue = '';
+        this.inputRef.value = '';
+        this.valueChange.emit(this.currentValue);
+        this.inputClear.emit(this.currentValue);
+        this.setFocus();
+    }
+    handleInputFocus() {
+        this.isFocused = true;
+    }
+    handleInputBlur() {
+        setTimeout(() => {
+            this.isFocused = false;
+        }, 150);
+    }
+    handleInputChange(event) {
+        const inputValue = event.target.value;
+        this.valueChange.emit(inputValue);
+        this.handleTextInputChange(inputValue);
+        this.internals.setFormValue(this.currentValue);
+    }
+    handleTextInputChange(inputValue) {
+        this.currentValue = inputValue;
+    }
+    render() {
+        return (h(Host, { key: '05f1a1a3b51e4bb1bc54cab3c8d5b6062a95d32a', role: "textbox", "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '47eb10b6f3c3e697ae1558fd53d4d9cb9a2b6065', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-textarea-group': true }, this.getClasses()) }, h("div", { key: 'c090b7b2eb353dbe929810c4835f49860bfe9c80', class: "input-wrapper" }, this.label && (h("cura-label", { key: 'a957db2fb6e2779d3c33f7504124cff353e41c2c', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: '1928a3597976bd5b1f4076c49dae803a69139cb5', class: "required" }, "* "))), h("div", { key: '58c1cab70c203e9ca106ddec09d606943814b65c', class: "cura-textarea-field", part: "cura-textarea-field", style: this.fieldStyles }, this.renderIcon(), h("textarea", { key: 'd6a59a727dfc5a8655ea496111dd46718101b0be', name: this.name ? this.name : '', onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.currentValue !== undefined && this.currentValue !== null ? this.currentValue : '', autocomplete: this.autocomplete }), this.isLoading && h("cura-loader-circle", { key: '0476538f94ba6ffc0dc89b4bd125c048f420d415', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), h("div", { key: '84b14a2904cfa97adc766bd65cbbf48cb390d6c6', class: "helper-max-wrapper" }, this.renderHelperText(), " ", this.renderMaxLength())))));
+    }
+    static get formAssociated() { return true; }
+    get host() { return getElement(this); }
+};
+CuraInputTextArea.style = curaInputTextareaCss();
+
+export { CuraInputTextArea as cura_input_textarea };