@rededor/cura 1.5.1 → 1.6.0-alpha.1

package/dist/cura/{p-d13e3295.entry.js → p-d227469a.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as e,h as a,H as s,g as t}from"./p-fd5ed6b0.js";import{f as o}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=i;const d=class{constructor(a){r(this,a);this.onchange=e(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.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})};this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.ontabindex=undefined;this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${o[this.size].size}px`,"--gap":`${o[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"eecc279b05da57162acf41d62bac48a00cc9d985"},a("div",{key:"279b6922349bf02b7e65065bcb98b9c824073516",class:this.getClasses(),style:this.styles},a("div",{key:"a6a2de8f8d7e6efbca3aee079255451e448903a2",class:"info"},a("div",{key:"6d2733ca86d087031e1ec4fdea26d5906f695479",class:"label-wrapper"},a("cura-label",{key:"2c0c878411bb846ff7bcf24c385895f1d86b3022",class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"07abc53858276dc6429381a0c658c562e1d05933",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"ab5c0451842242ee584f2d3b430b803498190118",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"3673a0a1ecc7f9dfa6975bdddaf708ed8ad1b72d"}))),a("input",{key:"db602c601168ada1a5a375d3ef122d4f315fa256",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked,onClick:this.handleClick})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};d.style=c;export{d as cura_radio};
-//# sourceMappingURL=p-d13e3295.entry.js.map
+import{r,c as e,h as a,H as s,g as t}from"./p-af3ac476.js";import{f as o}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=i;const d=class{constructor(a){r(this,a);this.onchange=e(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.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})};this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.ontabindex=undefined;this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${o[this.size].size}px`,"--gap":`${o[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"fa38dc0c23638cc267d9d52c2796d6a079439484"},a("div",{key:"cbe3fe10a7bc3fe0bd7a6ef73fbbadfbc7334e2c",class:this.getClasses(),style:this.styles},a("div",{key:"0649b867ec06c0069c655cffbe109f8d258509c2",class:"info"},a("div",{key:"7f8bfc46f21677cf661418f7b9c380fadddf1860",class:"label-wrapper"},a("cura-label",{key:"a259c61bb7adc503dbeea4329c22aa37e9e8996a",class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"0ffdc2c6f69f7ada640439a603c1b91125a3c332",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"ae59fe9a1a05a9e69e257986f91f609bd03b66b9",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"524b6e086ff9ea32d8db78a78e354992b0d844d8"}))),a("input",{key:"0d0b4e915da4691f319ae340d54032fdcce90405",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked,onClick:this.handleClick})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};d.style=c;export{d as cura_radio};
+//# sourceMappingURL=p-d227469a.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as i}from"./p-af3ac476.js";const s=':host{width:fit-content;display:inline-block;height:calc(var(--cura-spacing-base) * 4px);position:relative}:host .container{display:flex;min-width:calc(var(--cura-spacing-base) * 4px);width:fit-content;height:calc(var(--cura-spacing-base) * 4px);justify-content:center;align-items:center;border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2);background:var(--background-color);box-sizing:border-box;padding:0 calc(var(--cura-spacing-base) * 1px);position:relative}:host .container.outline,:host .container.transparent{background:transparent !important}:host .container.outline::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid var(--background-color);border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2)}';const e=s;const r=class{constructor(a){t(this,a);this.theme=window.CuraAPI.theme;this.labelColor="primary-darker";this.bgColorName="primary-lighter";this.number=undefined;this.color="primary";this.disabled=false;this.type="solid";this.styles={}}handleColorChange(){this.setColors()}setColors(){const t=this.color.toLowerCase();if(this.type==="outline"||this.type==="transparent"){this.bgColorName=this.disabled?`neutral-medium`:`${t}-dark`;this.labelColor=this.bgColorName}else{this.bgColorName=t==="neutral"||this.disabled?`neutral-pale`:`${t}-lighter`;this.labelColor=this.disabled?"neutral-medium":`${t}-dark`}this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":this.theme.colors.getColor(`${this.bgColorName}`)})}connectedCallback(){this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.setColors()}getClasses(){const t={container:true};t[this.type.toLowerCase()]=true;return t}render(){return a(i,{key:"8b67f2b913a10de53a519cdafcfbcb140b2adda5"},this.number&&this.number<=0?"":a("div",{class:this.getClasses(),style:this.styles},a("cura-label",{size:"xsmall","line-height":"none",color:this.labelColor},this.number>=100?"99+":this.number)))}static get watchers(){return{disabled:["handleColorChange"],color:["handleColorChange"],type:["handleColorChange"]}}};r.style=e;export{r as cura_badge_counter};
+//# sourceMappingURL=p-d25142cd.entry.js.map

package/dist/cura/{p-529332d3.entry.js.map → p-d25142cd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaBadgeCounterCss","CuraBadgeCounterStyle0","CuraBadgeNumber","this","theme","window","CuraAPI","labelColor","bgColorName","handleColorChange","setColors","color","toLowerCase","type","disabled","styles","Object","assign","colors","getColor","connectedCallback","spacing","getSpacing","getClasses","classes","container","render","h","Host","key","number","class","style","size"],"sources":["src/components/badges/cura-badge-counter/cura-badge-counter.scss?tag=cura-badge-counter&encapsulation=shadow","src/components/badges/cura-badge-counter/cura-badge-counter.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  width: fit-content;\n  display: inline-block;\n  height: #{$spacing-xxs};\n  position: relative;\n\n  .container {\n    display: flex;\n    min-width: #{$spacing-xxs};\n    width: fit-content;\n    height: #{$spacing-xxs};\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(#{$spacing-xxs} / 2);\n    background: var(--background-color);\n    box-sizing: border-box;\n    padding: 0 #{$spacing-tiny};\n    position: relative;\n\n    &.outline,\n    &.transparent {\n      background: transparent !important;\n    }\n\n    &.outline {\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: 1px solid var(--background-color);\n        border-radius: calc(#{$spacing-xxs} / 2);\n      }\n    }\n  }\n\n}\n","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-counter',\n  styleUrl: 'cura-badge-counter.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  theme = window.CuraAPI.theme;\n\n  /** Número a ser representado no badge.\n   * Apresentará 99+ para números acima desse valor.\n   */\n  @Prop({ reflect: true }) number: number | null;\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop() type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n  labelColor = 'primary-darker';\n  bgColorName = 'primary-lighter';\n\n  @Watch(\"disabled\")\n  @Watch(\"color\")\n  @Watch(\"type\")\n  handleColorChange() {\n    this.setColors();\n  }\n\n  setColors() {\n    const color = this.color.toLowerCase();\n    /** type outline and transparent */\n    if (this.type === 'outline' || this.type === 'transparent') {\n      this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;\n      this.labelColor = this.bgColorName;\n    /** type solid - default */\n    } else {\n      this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;\n      this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;\n    }\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(`${this.bgColorName}`),\n    }\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true\n    };\n    classes[this.type.toLowerCase()] = true;\n    return classes;\n  }\n\n\n  render() {\n    return (\n      <Host>\n        { this.number && this.number <= 0 ? '' : (\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label size=\"xsmall\" line-height=\"none\" color={this.labelColor}>\n            {this.number >= 100 ? '99+' : this.number}\n          </cura-label>\n        </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,svBAC5B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAE1BC,KAAAC,MAAQC,OAAOC,QAAQF,MAqBvBD,KAAAI,WAAa,iBACbJ,KAAAK,YAAc,kB,iCAZU,U,cAII,M,UAIiC,Q,YAE3C,E,CAOlB,iBAAAC,GACEN,KAAKO,W,CAGP,SAAAA,GACE,MAAMC,EAAQR,KAAKQ,MAAMC,cAEzB,GAAIT,KAAKU,OAAS,WAAaV,KAAKU,OAAS,cAAe,CAC1DV,KAAKK,YAAcL,KAAKW,SAAW,iBAAmB,GAAGH,SACzDR,KAAKI,WAAaJ,KAAKK,W,KAElB,CACLL,KAAKK,YAAcG,IAAU,WAAaR,KAAKW,SAAW,eAAiB,GAAGH,YAC9ER,KAAKI,WAAaJ,KAAKW,SAAW,iBAAmB,GAAGH,Q,CAE1DR,KAAKY,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNd,KAAKY,QAAM,CACd,qBAAsBZ,KAAKC,MAAMc,OAAOC,SAAS,GAAGhB,KAAKK,gB,CAI7D,iBAAAY,GACEjB,KAAKY,OAAO,kBAAoBZ,KAAKC,MAAMiB,QAAQC,aACnDnB,KAAKO,W,CAGP,UAAAa,GACE,MAAMC,EAAU,CACdC,UAAa,MAEfD,EAAQrB,KAAKU,KAAKD,eAAiB,KACnC,OAAOY,C,CAIT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACD1B,KAAK2B,QAAU3B,KAAK2B,QAAU,EAAI,GACpCH,EAAA,OAAKI,MAAO5B,KAAKoB,aAAcS,MAAO7B,KAAKY,QACzCY,EAAA,cAAYM,KAAK,SAAQ,cAAa,OAAOtB,MAAOR,KAAKI,YACtDJ,KAAK2B,QAAU,IAAM,MAAQ3B,KAAK2B,S","ignoreList":[]}
+{"version":3,"names":["curaBadgeCounterCss","CuraBadgeCounterStyle0","CuraBadgeNumber","this","theme","window","CuraAPI","labelColor","bgColorName","handleColorChange","setColors","color","toLowerCase","type","disabled","styles","Object","assign","colors","getColor","connectedCallback","spacing","getSpacing","getClasses","classes","container","render","h","Host","key","number","class","style","size"],"sources":["src/components/badges/cura-badge-counter/cura-badge-counter.scss?tag=cura-badge-counter&encapsulation=shadow","src/components/badges/cura-badge-counter/cura-badge-counter.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  width: fit-content;\n  display: inline-block;\n  height: #{$spacing-xxs};\n  position: relative;\n\n  .container {\n    display: flex;\n    min-width: #{$spacing-xxs};\n    width: fit-content;\n    height: #{$spacing-xxs};\n    justify-content: center;\n    align-items: center;\n    border-radius: calc(#{$spacing-xxs} / 2);\n    background: var(--background-color);\n    box-sizing: border-box;\n    padding: 0 #{$spacing-tiny};\n    position: relative;\n\n    &.outline,\n    &.transparent {\n      background: transparent !important;\n    }\n\n    &.outline {\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: 1px solid var(--background-color);\n        border-radius: calc(#{$spacing-xxs} / 2);\n      }\n    }\n  }\n\n}\n","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-counter',\n  styleUrl: 'cura-badge-counter.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  theme = window.CuraAPI.theme;\n\n  /** Número a ser representado no badge.\n   * Apresentará 99+ para números acima desse valor.\n   */\n  @Prop({ reflect: true }) number: number | null;\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop() type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n  labelColor = 'primary-darker';\n  bgColorName = 'primary-lighter';\n\n  @Watch(\"disabled\")\n  @Watch(\"color\")\n  @Watch(\"type\")\n  handleColorChange() {\n    this.setColors();\n  }\n\n  setColors() {\n    const color = this.color.toLowerCase();\n    /** type outline and transparent */\n    if (this.type === 'outline' || this.type === 'transparent') {\n      this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;\n      this.labelColor = this.bgColorName;\n    /** type solid - default */\n    } else {\n      this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;\n      this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;\n    }\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(`${this.bgColorName}`),\n    }\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true\n    };\n    classes[this.type.toLowerCase()] = true;\n    return classes;\n  }\n\n\n  render() {\n    return (\n      <Host>\n        { this.number && this.number <= 0 ? '' : (\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label size=\"xsmall\" line-height=\"none\" color={this.labelColor}>\n            {this.number >= 100 ? '99+' : this.number}\n          </cura-label>\n        </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,oxBAC5B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAE1BC,KAAAC,MAAQC,OAAOC,QAAQF,MAqBvBD,KAAAI,WAAa,iBACbJ,KAAAK,YAAc,kB,iCAZU,U,cAII,M,UAIiC,Q,YAE3C,E,CAOlB,iBAAAC,GACEN,KAAKO,W,CAGP,SAAAA,GACE,MAAMC,EAAQR,KAAKQ,MAAMC,cAEzB,GAAIT,KAAKU,OAAS,WAAaV,KAAKU,OAAS,cAAe,CAC1DV,KAAKK,YAAcL,KAAKW,SAAW,iBAAmB,GAAGH,SACzDR,KAAKI,WAAaJ,KAAKK,W,KAElB,CACLL,KAAKK,YAAcG,IAAU,WAAaR,KAAKW,SAAW,eAAiB,GAAGH,YAC9ER,KAAKI,WAAaJ,KAAKW,SAAW,iBAAmB,GAAGH,Q,CAE1DR,KAAKY,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNd,KAAKY,QAAM,CACd,qBAAsBZ,KAAKC,MAAMc,OAAOC,SAAS,GAAGhB,KAAKK,gB,CAI7D,iBAAAY,GACEjB,KAAKY,OAAO,kBAAoBZ,KAAKC,MAAMiB,QAAQC,aACnDnB,KAAKO,W,CAGP,UAAAa,GACE,MAAMC,EAAU,CACdC,UAAa,MAEfD,EAAQrB,KAAKU,KAAKD,eAAiB,KACnC,OAAOY,C,CAIT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACD1B,KAAK2B,QAAU3B,KAAK2B,QAAU,EAAI,GACpCH,EAAA,OAAKI,MAAO5B,KAAKoB,aAAcS,MAAO7B,KAAKY,QACzCY,EAAA,cAAYM,KAAK,SAAQ,cAAa,OAAOtB,MAAOR,KAAKI,YACtDJ,KAAK2B,QAAU,IAAM,MAAQ3B,KAAK2B,S","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as r,H as o}from"./p-af3ac476.js";const e=':host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:"";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}';const a=e;const s=class{constructor(r){t(this,r);this.theme=window.CuraAPI.theme;this.color="primary";this.disabled=false;this.type="solid";this.styles={}}connectedCallback(){this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.styles["--neutral-medium"]=this.theme.colors.getColor("neutral-dark");this.styles["--neutral-pale"]=this.theme.colors.getColor("neutral-pale");this.setColors()}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--color":this.theme.colors.getColor(`${this.color}`),"--color-dark":this.theme.colors.getColor(`${this.color}-dark`)})}getClasses(){const t={container:true,disabled:this.disabled};t[`${this.type}`]=true;return t}render(){return r(o,{key:"00e335977fbb0677db9d95bab901a012ba8a5c06"},r("div",{key:"e828743793731c986f37dd6a9f7abdc78b63932b",class:this.getClasses(),style:this.styles}))}};s.style=a;export{s as cura_badge_dot};
+//# sourceMappingURL=p-d2da92d9.entry.js.map

package/dist/cura/{p-6b627841.entry.js.map → p-d2da92d9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaBadgeDotCss","CuraBadgeDotStyle0","CuraBadgeDot","this","theme","window","CuraAPI","connectedCallback","styles","spacing","getSpacing","colors","getColor","setColors","Object","assign","color","getClasses","classes","container","disabled","type","render","h","Host","key","class","style"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n\n  .container {\n    width: #{$spacing-mini};\n    height: #{$spacing-mini};\n    position: relative;\n    box-sizing: border-box;\n\n    &::before {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      content: \"\";\n      box-sizing: border-box;\n      border-radius: 50%;\n      border: 1px solid var(--color-dark);\n      background: var(--color);\n    }\n\n    &.disabled::before {\n      background: var(--neutral-pale);\n      border: 1px solid var(--neutral-medium);\n    }\n\n    &.outline::before {\n      background: transparent;\n      border: 2px solid var(--color);\n    }\n    &.outline.disabled::before {\n      border: 2px solid var(--neutral-medium);\n    }\n\n    &.transparent::before {\n      background: var(--color-dark);\n      border: none;\n    }\n    &.transparent.disabled::before {\n      background: var(--neutral-medium);\n      border: none;\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-dot',\n  styleUrl: 'cura-badge-dot.scss',\n  shadow: true,\n})\nexport class CuraBadgeDot {\n\n  theme = window.CuraAPI.theme;\n\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop({reflect: true}) disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n    this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n    this.setColors();\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color': this.theme.colors.getColor(`${this.color}`),\n      '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n    }\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true,\n      'disabled': this.disabled\n    };\n    classes[`${this.type}`] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getClasses()} style={this.styles}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,y0BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEvBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAMC,U,cAImB,M,UAIiC,Q,YAE1D,E,CAGlB,iBAAAG,GACEJ,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMK,QAAQC,aACnDP,KAAKK,OAAO,oBAAsBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC7DT,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC3DT,KAAKU,W,CAGP,SAAAA,GACEV,KAAKK,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNZ,KAAKK,QAAM,CACd,UAAWL,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,SAC9C,eAAgBb,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,e,CAIvD,UAAAC,GACE,MAAMC,EAAU,CACdC,UAAa,KACbC,SAAYjB,KAAKiB,UAEnBF,EAAQ,GAAGf,KAAKkB,QAAU,KAC1B,OAAOH,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKc,aAAcU,MAAOxB,KAAKK,S","ignoreList":[]}
+{"version":3,"names":["curaBadgeDotCss","CuraBadgeDotStyle0","CuraBadgeDot","this","theme","window","CuraAPI","connectedCallback","styles","spacing","getSpacing","colors","getColor","setColors","Object","assign","color","getClasses","classes","container","disabled","type","render","h","Host","key","class","style"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n\n  .container {\n    width: #{$spacing-mini};\n    height: #{$spacing-mini};\n    position: relative;\n    box-sizing: border-box;\n\n    &::before {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      content: \"\";\n      box-sizing: border-box;\n      border-radius: 50%;\n      border: 1px solid var(--color-dark);\n      background: var(--color);\n    }\n\n    &.disabled::before {\n      background: var(--neutral-pale);\n      border: 1px solid var(--neutral-medium);\n    }\n\n    &.outline::before {\n      background: transparent;\n      border: 2px solid var(--color);\n    }\n    &.outline.disabled::before {\n      border: 2px solid var(--neutral-medium);\n    }\n\n    &.transparent::before {\n      background: var(--color-dark);\n      border: none;\n    }\n    &.transparent.disabled::before {\n      background: var(--neutral-medium);\n      border: none;\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-dot',\n  styleUrl: 'cura-badge-dot.scss',\n  shadow: true,\n})\nexport class CuraBadgeDot {\n\n  theme = window.CuraAPI.theme;\n\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop({reflect: true}) disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n    this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n    this.setColors();\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color': this.theme.colors.getColor(`${this.color}`),\n      '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n    }\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true,\n      'disabled': this.disabled\n    };\n    classes[`${this.type}`] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getClasses()} style={this.styles}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,m1BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEvBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAMC,U,cAImB,M,UAIiC,Q,YAE1D,E,CAGlB,iBAAAG,GACEJ,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMK,QAAQC,aACnDP,KAAKK,OAAO,oBAAsBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC7DT,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC3DT,KAAKU,W,CAGP,SAAAA,GACEV,KAAKK,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNZ,KAAKK,QAAM,CACd,UAAWL,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,SAC9C,eAAgBb,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,e,CAIvD,UAAAC,GACE,MAAMC,EAAU,CACdC,UAAa,KACbC,SAAYjB,KAAKiB,UAEnBF,EAAQ,GAAGf,KAAKkB,QAAU,KAC1B,OAAOH,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKc,aAAcU,MAAOxB,KAAKK,S","ignoreList":[]}

package/dist/cura/p-daf9feac.js

@@ -0,0 +1,2 @@
+import{C as n}from"./p-ec4996c2.js";class t{constructor(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:`/assets`;const o=new n;this.theme={load:function(n){o.load(n)},setCustom:function(n){o.setCustom(n)},colors:{getColor:function(n,t){return o.colors.getColor(n,t)}},fonts:{getFamily:function(n){return o.fonts.getFamily(n)},getWeights:function(){return o.fonts.getWeights()},getSize:function(){return o.fonts.getSize()},getColor:function(){return o.fonts.getColor()}},spacing:{getSpacing:function(){return o.spacing.getSpacing()}},breakpoints:{get:function(n,t){return o.breakpoints.get(n,t)}}};this._addGlobalClasses();if(t&&t.customTheme){this.theme.setCustom(t.customTheme)}else{const n=t&&t.theme?t.theme:"default";this.theme.load(n)}}_addGlobalClasses(){const n="cura_global_classes";let t=document.head.querySelector(`#${n}`);if(!t){t=document.createElement("style");t.id=n;t.textContent=`\n  .cura-body-scroll-lock {\n    overflow: hidden;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n      `;document.head.appendChild(t)}}}function o(){const n=window.CuraInit;window.CuraAPI=n?new t(n):new t;const o=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:o}}));if(n&&typeof n.onReady==="function")n.onReady(o)}const e=o;export{e as g};
+//# sourceMappingURL=p-daf9feac.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CuraAPI","constructor","config","this","localAssetsPath","themeModule","CuraThemeModule","theme","load","themeTag","setCustom","customThemeDefinitions","colors","getColor","colorWithDepth","opacity","fonts","getFamily","type","getWeights","getSize","spacing","getSpacing","breakpoints","get","size","position","_addGlobalClasses","customTheme","styleId","styleElement","document","head","querySelector","createElement","id","textContent","appendChild","window","CuraInit","api","dispatchEvent","CustomEvent","detail","onReady","globalScripts","appGlobalScript"],"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"],"mappings":"0CAGqBA,EAKnB,WAAAC,CAAaC,GACXC,KAAKC,gBAAkBF,GAAUA,EAAOE,gBAAkBF,EAAOE,gBAAkB,UACnF,MAAMC,EAAc,IAAIC,EACxBH,KAAKI,MAAQ,CACXC,KAAM,SAASC,GAAoBJ,EAAYG,KAAKC,EAAU,EAC9DC,UAAW,SAASC,GAA2CN,EAAYK,UAAUC,EAAwB,EAC7GC,OAAQ,CACNC,SAAU,SAASC,EAAyBC,GAAoB,OAAOV,EAAYO,OAAOC,SAASC,EAAgBC,EAAQ,GAE7HC,MAAO,CACLC,UAAW,SAASC,GAAiB,OAAOb,EAAYW,MAAMC,UAAUC,EAAK,EAC7EC,WAAY,WAAa,OAAOd,EAAYW,MAAMG,YAAY,EAC9DC,QAAS,WAAa,OAAOf,EAAYW,MAAMI,SAAS,EACxDP,SAAU,WAAa,OAAOR,EAAYW,MAAMH,UAAU,GAE5DQ,QAAS,CACPC,WAAY,WAAa,OAAOjB,EAAYgB,QAAQC,YAAa,GAEnEC,YAAa,CACXC,IAAK,SAASC,EAA2DC,GAA4B,OAAOrB,EAAYkB,YAAYC,IAAIC,EAAMC,EAAU,IAG5JvB,KAAKwB,oBACL,GAAIzB,GAAUA,EAAO0B,YAAa,CAChCzB,KAAKI,MAAMG,UAAUR,EAAO0B,Y,KACvB,CACL,MAAMrB,EAAQL,GAAUA,EAAOK,MAAQL,EAAOK,MAAQ,UACtDJ,KAAKI,MAAMC,KAAKD,E,EAIpB,iBAAAoB,GACE,MAAME,EAAU,sBAChB,IAAIC,EAAeC,SAASC,KAAKC,cAAc,IAAIJ,KACnD,IAAKC,EAAc,CACjBA,EAAeC,SAASG,cAAc,SACtCJ,EAAaK,GAAKN,EAClBC,EAAaM,YAAc,mIAS3BL,SAASC,KAAKK,YAAYP,E,gBCzC9B,MAAM5B,EAASoC,OAAOC,SACtBD,OAAOtC,QAAUE,EAAS,IAAIF,EAAQE,GAAU,IAAIF,EACpD,MAAMwC,EAAMF,OAAOtC,QACnBsC,OAAOG,cAAc,IAAIC,YAAY,eAAgB,CAAEC,OAAQ,CAACH,UAChE,GAAItC,UAAiBA,EAAO0C,UAAY,WAAY1C,EAAO0C,QAAQJ,EACrE,CCjBY,MAACK,EAAgBC,S","ignoreList":[]}

package/dist/cura/p-ec4996c2.js

@@ -0,0 +1,2 @@
+import{S as t}from"./p-1b201271.js";const e={color:{primary:{100:"113,197,232",300:"68,142,205",500:"0,61,165",700:"0,48,117",900:"0,40,85"},secondary:{100:"245,236,227",300:"221,192,162",500:"204,160,116",700:"136,107,77",900:"41,32,23"},accent:{100:"255,194,123",300:"255,168,74",500:"255,130,0",700:"215,114,10",900:"155,90,26"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Gotham', Arial, Helvetica, sans-serif",heading:"'Gotham', Arial, Helvetica, sans-serif",display:"'Gotham', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}};const i=Object.assign(Object.assign({},e),{color:{primary:{100:"248,227,226",300:"255,179,171",500:"218,113,111",700:"145,75,74",900:"73,38,37"},secondary:{100:"253,251,249",300:"247,244,238",500:"245,236,227",700:"204,197,189",900:"163,157,151"},accent:{100:"236,239,249",300:"133,153,203",500:"11,20,151",700:"7,13,101",900:"4,7,50"}},font:{size:"14px",color:"#4A4A4A",body:"'Gotham', Arial, Helvetica, sans-serif",heading:"'Gotham', Arial, Helvetica, sans-serif",display:"'Gotham', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const s=Object.assign(Object.assign({},e),{color:{primary:{100:"170,190,225",300:"85,126,196",500:"0,61,166",700:"0,41,111",900:"0,12,33"},secondary:{100:"205,215,227",300:"155,175,199",500:"104,134,171",700:"54,95,143",900:"4,54,115"},accent:{100:"153,207,255",300:"71,169,255",500:"0,131,245",700:"0,109,204",900:"0,88,164"},aux:{100:"218,242,239",300:"132,212,202",500:"71,191,176",700:"33,100,92",900:"14,38,35"}},font:{size:"14px",color:"#4A4A4A",body:"'Hanken Grotesk', Arial, Helvetica, sans-serif",heading:"'Hanken Grotesk', Arial, Helvetica, sans-serif",display:"'Hanken Grotesk', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const r=Object.assign(Object.assign({},e),{color:{primary:{100:"153,197,255",300:"67,142,241",500:"0,47,108",700:"1,39,91",900:"0,33,77"},secondary:{100:"243,237,227",300:"216,194,163",500:"208,173,103",700:"201,155,64",900:"149,104,15"},accent:{100:"167,230,215",300:"130,225,209",500:"44,213,196",700:"26,188,169",900:"0,150,129"}}});const o=Object.assign(Object.assign({},e),{color:{primary:{100:"204,217,231",300:"85,128,174",500:"0,65,134",700:"0,43,89",900:"0,13,27"},secondary:{100:"238,232,206",300:"198,180,92",500:"170,142,11",700:"113,95,7",900:"34,28,2"},accent:{100:"249,232,213",300:"228,160,79",500:"223,141,44",700:"149,94,29",900:"45,28,9"}},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const a={default:e,maternidade:i,oncologia:s,richet:r,legacyDefault:o};class n{constructor(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"};this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}getColor(t="primary-base",e=1){const{color:i,depth:s}=this.splitColorDepth(t);const r=this.getStatic(i,s,e);if(r)return r;return this.getDynamic(i,s,e)}getStatic(e,i,s=1){var r,o,a;const n=t.color[e];if(!n)return null;const c=e==="neutral"?this.NeutralDepthAlias[i]:this.ColorDepthAlias[i];return((r=t.color[e])===null||r===void 0?void 0:r[c])?`rgba(${(o=t.color[e])===null||o===void 0?void 0:o[c]}, ${s})`:`rgba(${(a=t.color[e])===null||a===void 0?void 0:a[i]}, ${s})`}getDynamic(t,e,i){const s=this.ColorDepthAlias[e]?`--cura-color-${t}-${this.ColorDepthAlias[e]}`:`--cura-color-${t}-${e}`;return getComputedStyle(document.documentElement).getPropertyValue(s)?`rgba(var(${s}), ${i})`:`rgba(var(--cura-color-primary-500), ${i})`}splitColorDepth(t){const[e,i]=t.toLowerCase().split(/-(.*)/);return{color:e!==null&&e!==void 0?e:"primary",depth:i!==null&&i!==void 0?i:"base"}}}class c{constructor(){this.curaSpacing="--cura-spacing-base"}getSpacing(){if(getComputedStyle(document.body).getPropertyValue(this.curaSpacing)){return`var(${this.curaSpacing})`}return"4"}}class l{constructor(){this.getSize=()=>`var(--cura-font-size)`;this.getColor=()=>`var(--cura-font-color)`}getFamily(t="body"){const e=`--cura-font-${t.toLowerCase()}`;return getComputedStyle(document.body).getPropertyValue(e)?`var(${e})`:"var(--cura-font-body)"}getWeights(){const t={};Object.keys(e.font.weights).forEach((e=>t[e]=`var(--cura-font-weights-${e})`));return t}}class h{constructor(){}get(e=null,i=null){if(e){const s=i?t.breakpoints[e][i]:t.breakpoints[e];if(s||s===0)return s}return t.breakpoints}}class d{constructor(){var t;this.prefix="--cura";this.colors=new n;this.spacing=new c;this.fonts=new l;this.breakpoints=new h;this.groupObject={};this.setCssVar=(t,e)=>{const i=this.groupPath(e,t[0]);this.rootElement.style.setProperty(i,t[1])};this.groupPath=(t,e)=>`${t}-${e}`;this.isObject=t=>t&&typeof t==="object"&&!Array.isArray(t);this.mergeObject=(t,e)=>{const i=Object.entries(t);for(let t of i){if(this.isObject(t[1])){this.mergeObject(t[1],e[t[0]])}else{e[t[0]]=t[1]}}};this.buildCssVars=(t,e,i=false)=>{const s=Object.entries(e);for(let e of s){if(this.isObject(e[1])){this.buildCssVars(this.groupPath(t,e[0]),e[1],i)}else{if(i){const i=this.groupPath(t,e[0]);this.groupObject[i]=e[1]}else{this.setCssVar(e,t)}}}};if(typeof window==="undefined")return;this.rootElement=(t=window===null||window===void 0?void 0:window.document)===null||t===void 0?void 0:t.documentElement}load(t="default"){const e=a[t]?a[t]:a.default;this.buildCssVars(this.prefix,e)}loadVarsSSR(t="default"){const e=a[t]?a[t]:a.default;this.buildCssVars(this.prefix,e,true);return this.groupObject}setCustom(t){const e=t.name;if(e in a){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e);this.load("default")}else{const i=t.fromPreset&&t.fromPreset in a?a[t.fromPreset]:a.default;const s=Object.assign({},JSON.parse(JSON.stringify(i)));this.mergeObject(t.definitions,s);a[e]=s;this.load(e)}}}export{d as C};
+//# sourceMappingURL=p-ec4996c2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeDefault","color","primary","secondary","accent","spacing","base","font","size","body","heading","display","weights","thin","light","regular","medium","bold","black","ThemeMaternity","Object","assign","ThemeOncology","aux","ThemeRichet","ThemeLegacyDefault","ThemePresets","default","maternidade","oncologia","richet","legacyDefault","CuraThemeColorsModule","constructor","this","NeutralDepthAlias","purewhite","white","pale","lighter","dark","darker","ColorDepthAlias","getColor","colorWithDepth","opacity","depth","splitColorDepth","staticColor","getStatic","getDynamic","colorObj","Static","alias","_a","_b","_c","themeVar","getComputedStyle","document","documentElement","getPropertyValue","toLowerCase","split","CuraThemeSpacingModule","curaSpacing","getSpacing","CuraThemeFontsModule","getSize","getFamily","type","curaFontFamilyCSSVar","getWeights","keys","forEach","key","CuraThemeBreakpointsModule","get","position","breakpoint","breakpoints","CuraThemeModule","prefix","colors","fonts","groupObject","setCssVar","prop","path","varName","groupPath","rootElement","style","setProperty","a","b","isObject","val","Array","isArray","mergeObject","from","to","entries","e","buildCssVars","obj","isGroup","window","load","theme","preset","loadVarsSSR","setCustom","customTheme","customTag","name","console","log","fromPreset","newTheme","JSON","parse","stringify","definitions"],"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-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 * 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 { ThemeLegacyDefault } from './theme-legacy-default';\n\nexport const ThemePresets = {\n  'default': ThemeDefault,\n  'maternidade': ThemeMaternity,\n  'oncologia': ThemeOncology,\n  'richet': ThemeRichet,\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"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as o,g as n}from"./p-af3ac476.js";const a=":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--cura-spacing-base) * 8px);display:flex;justify-content:center;align-items:center}";const c=a;const s=class{constructor(i){t(this,i);this.optionSelected=e(this,"optionSelected",7);this.handleOptionClick=t=>{if(this.selectable){this.selected=!this.selected;this.optionSelected.emit(this.value);this.updateIconColor()}else{t.preventDefault();t.stopImmediatePropagation()}};this.value=undefined;this.selected=false;this.selectable=true;this.hovered=false;this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor(`neutral-light`);this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`,50)}componentDidLoad(){this.updateIconColor()}updateIconColor(){const t=this.hostElement.querySelector('[slot="image"] cura-icon');if(t){t.setAttribute("color",this.selected?"primary":"neutral-dark")}}render(){return i(o,{key:"81c4404d784d2038823d84bf2b4beef53a874644",slot:"dropdown-search-option"},i("div",{key:"476757ab00466607c2ab01a2b5a82da4c45087af",style:this.styles,class:{"option-container":true,hovered:this.selectable?this.hovered:false,selected:this.selected,disabled:!this.selectable}},i("div",{key:"2a35edbe88ed99587972e0e657250867cb6ba814",class:"content-container"},i("div",{key:"5bb136c9c5386d6c40985a86bc7e2e85c239110e",class:"option-info",onClick:t=>this.handleOptionClick(t)},i("slot",{key:"f5ad44434728cb3879819f6016fcf9927354c05f",name:"image"}),i("cura-heading",{key:"43fa2a1c1a206f6bd1b0f52f5bc536cbb98bbe56",size:"xsmall",lineHeight:"16px",marginBlock:"0px",weight:"bold",color:"neutral-black"},i("slot",{key:"197963392c5cef12d29dfbe312f4359b950de9f3"}))),i("slot",{key:"146144af1e1a5d1a18eb2aceaa71b749a4c61ba6",name:"action"}))))}get hostElement(){return n(this)}static get watchers(){return{selected:["updateIconColor"]}}};s.style=c;export{s as cura_dropdown_search_option};
+//# sourceMappingURL=p-ee7328a5.entry.js.map

package/dist/cura/{p-235ac0b4.entry.js.map → p-ee7328a5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaDropdownSearchOptionCss","CuraDropdownSearchOptionStyle0","CuraDropdownSearchOption","this","handleOptionClick","e","selectable","selected","optionSelected","emit","value","updateIconColor","preventDefault","stopImmediatePropagation","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","componentDidLoad","iconElement","hostElement","querySelector","setAttribute","render","h","Host","key","slot","style","class","hovered","disabled","onClick","name","size","lineHeight","marginBlock","weight","color"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":["@import \"../../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n:host(:last-of-type) .content-container  {\n  border-bottom: none;\n}\n\n.option-container {\n  width: 100%;\n  display: flex;\n\n  &:hover:not(.disabled):not(.selected) .content-container {\n    background-color: var(--neutral-white);\n  }\n\n  &.selected .content-container {\n    background-color: var(--primary-lighter);\n  }\n\n  &.disabled {\n    cursor: default;\n  }\n}\n\n.content-container {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: #{$spacing-mini} #{$spacing-tiny};\n  background-color: var(--neutral-purewhite);\n  border-bottom: 1px solid var(--neutral-light);\n\n  ::slotted(div[slot='action']) {\n    display: flex;\n    justify-content: end;\n  }\n}\n\n.option-info {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  gap: #{$spacing-mini};\n  flex-direction: row;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  cura-heading {\n    width: 100%;\n    margin-block: 0px;\n  }\n\n  ::slotted(div[slot='image']) {\n    min-width: #{$spacing-m};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option',\n  styleUrl: 'cura-dropdown-search-option.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOption {\n  /**\n   * The value of the dropdown search option.\n   */\n  @Prop({ reflect: true }) value: string;\n\n  /**\n   * Indicates if the dropdown search option is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selectable.\n   */\n  @Prop({ reflect: true }) selectable: boolean = true;\n\n  /**\n   * Indicates if the dropdown search option is hovered.\n   */\n  @Prop({ reflect: true, mutable: true }) hovered: boolean = false;\n\n  @State() styles = {};\n\n  /**\n   * Event emitted when the option is selected.\n   */\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Element() hostElement: HTMLElement;\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-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);\n  }\n\n  private handleOptionClick = (e: Event) => {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.optionSelected.emit(this.value);\n      this.updateIconColor();\n    } else {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n    }\n  };\n\n  componentDidLoad() {\n    this.updateIconColor();\n  }\n\n  @Watch('selected')\n  private updateIconColor() {\n    const iconElement = this.hostElement.querySelector('[slot=\"image\"] cura-icon');\n    if (iconElement) {\n      iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');\n    }\n  }\n\n  render() {\n    return (\n      <Host slot=\"dropdown-search-option\">\n        <div\n          style={this.styles}\n          class={{\n            \"option-container\": true,\n            hovered: this.selectable ? this.hovered : false,\n            selected: this.selected,\n            disabled: !this.selectable\n          }}>\n          <div class=\"content-container\">\n            <div class=\"option-info\" onClick={(e) => this.handleOptionClick(e)}>\n              <slot name=\"image\"></slot>\n              <cura-heading size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0px\" weight=\"bold\" color=\"neutral-black\">\n                <slot></slot>\n              </cura-heading>\n            </div>\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAA8B,2jCACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,wEAyC3BC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,WAAY,CACnBH,KAAKI,UAAYJ,KAAKI,SACtBJ,KAAKK,eAAeC,KAAKN,KAAKO,OAC9BP,KAAKQ,iB,KACA,CACLN,EAAEO,iBACFP,EAAEQ,0B,sCAvCsD,M,gBAKb,K,aAKY,M,YAEzC,E,CAWlB,iBAAAC,GACEX,KAAKY,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CjB,KAAKkB,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMI,QAAQC,aAC7DpB,KAAKkB,OAAO,uBAAyBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,qBAC1EtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,qBAAuBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,kBAAmB,G,CAc7F,gBAAAC,GACEvB,KAAKQ,iB,CAIC,eAAAA,GACN,MAAMgB,EAAcxB,KAAKyB,YAAYC,cAAc,4BACnD,GAAIF,EAAa,CACfA,EAAYG,aAAa,QAAS3B,KAAKI,SAAW,UAAY,e,EAIlE,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,0BACTH,EAAA,OAAAE,IAAA,2CACEE,MAAOjC,KAAKkB,OACZgB,MAAO,CACL,mBAAoB,KACpBC,QAASnC,KAAKG,WAAaH,KAAKmC,QAAU,MAC1C/B,SAAUJ,KAAKI,SACfgC,UAAWpC,KAAKG,aAElB0B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,qBACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcG,QAAUnC,GAAMF,KAAKC,kBAAkBC,IAC9D2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,UACXT,EAAA,gBAAAE,IAAA,2CAAcQ,KAAK,SAASC,WAAW,OAAOC,YAAY,MAAMC,OAAO,OAAOC,MAAM,iBAClFd,EAAA,QAAAE,IAAA,+CAGJF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,a","ignoreList":[]}
+{"version":3,"names":["curaDropdownSearchOptionCss","CuraDropdownSearchOptionStyle0","CuraDropdownSearchOption","this","handleOptionClick","e","selectable","selected","optionSelected","emit","value","updateIconColor","preventDefault","stopImmediatePropagation","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","componentDidLoad","iconElement","hostElement","querySelector","setAttribute","render","h","Host","key","slot","style","class","hovered","disabled","onClick","name","size","lineHeight","marginBlock","weight","color"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":["@import \"../../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n:host(:last-of-type) .content-container  {\n  border-bottom: none;\n}\n\n.option-container {\n  width: 100%;\n  display: flex;\n\n  &:hover:not(.disabled):not(.selected) .content-container {\n    background-color: var(--neutral-white);\n  }\n\n  &.selected .content-container {\n    background-color: var(--primary-lighter);\n  }\n\n  &.disabled {\n    cursor: default;\n  }\n}\n\n.content-container {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: #{$spacing-mini} #{$spacing-tiny};\n  background-color: var(--neutral-purewhite);\n  border-bottom: 1px solid var(--neutral-light);\n\n  ::slotted(div[slot='action']) {\n    display: flex;\n    justify-content: end;\n  }\n}\n\n.option-info {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  gap: #{$spacing-mini};\n  flex-direction: row;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  cura-heading {\n    width: 100%;\n    margin-block: 0px;\n  }\n\n  ::slotted(div[slot='image']) {\n    min-width: #{$spacing-m};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option',\n  styleUrl: 'cura-dropdown-search-option.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOption {\n  /**\n   * The value of the dropdown search option.\n   */\n  @Prop({ reflect: true }) value: string;\n\n  /**\n   * Indicates if the dropdown search option is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selectable.\n   */\n  @Prop({ reflect: true }) selectable: boolean = true;\n\n  /**\n   * Indicates if the dropdown search option is hovered.\n   */\n  @Prop({ reflect: true, mutable: true }) hovered: boolean = false;\n\n  @State() styles = {};\n\n  /**\n   * Event emitted when the option is selected.\n   */\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Element() hostElement: HTMLElement;\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-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);\n  }\n\n  private handleOptionClick = (e: Event) => {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.optionSelected.emit(this.value);\n      this.updateIconColor();\n    } else {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n    }\n  };\n\n  componentDidLoad() {\n    this.updateIconColor();\n  }\n\n  @Watch('selected')\n  private updateIconColor() {\n    const iconElement = this.hostElement.querySelector('[slot=\"image\"] cura-icon');\n    if (iconElement) {\n      iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');\n    }\n  }\n\n  render() {\n    return (\n      <Host slot=\"dropdown-search-option\">\n        <div\n          style={this.styles}\n          class={{\n            \"option-container\": true,\n            hovered: this.selectable ? this.hovered : false,\n            selected: this.selected,\n            disabled: !this.selectable\n          }}>\n          <div class=\"content-container\">\n            <div class=\"option-info\" onClick={(e) => this.handleOptionClick(e)}>\n              <slot name=\"image\"></slot>\n              <cura-heading size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0px\" weight=\"bold\" color=\"neutral-black\">\n                <slot></slot>\n              </cura-heading>\n            </div>\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAA8B,+kCACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,wEAyC3BC,KAAAC,kBAAqBC,IAC3B,GAAIF,KAAKG,WAAY,CACnBH,KAAKI,UAAYJ,KAAKI,SACtBJ,KAAKK,eAAeC,KAAKN,KAAKO,OAC9BP,KAAKQ,iB,KACA,CACLN,EAAEO,iBACFP,EAAEQ,0B,sCAvCsD,M,gBAKb,K,aAKY,M,YAEzC,E,CAWlB,iBAAAC,GACEX,KAAKY,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CjB,KAAKkB,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMI,QAAQC,aAC7DpB,KAAKkB,OAAO,uBAAyBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,qBAC1EtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEtB,KAAKkB,OAAO,qBAAuBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,kBAAmB,G,CAc7F,gBAAAC,GACEvB,KAAKQ,iB,CAIC,eAAAA,GACN,MAAMgB,EAAcxB,KAAKyB,YAAYC,cAAc,4BACnD,GAAIF,EAAa,CACfA,EAAYG,aAAa,QAAS3B,KAAKI,SAAW,UAAY,e,EAIlE,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,0BACTH,EAAA,OAAAE,IAAA,2CACEE,MAAOjC,KAAKkB,OACZgB,MAAO,CACL,mBAAoB,KACpBC,QAASnC,KAAKG,WAAaH,KAAKmC,QAAU,MAC1C/B,SAAUJ,KAAKI,SACfgC,UAAWpC,KAAKG,aAElB0B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,qBACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcG,QAAUnC,GAAMF,KAAKC,kBAAkBC,IAC9D2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,UACXT,EAAA,gBAAAE,IAAA,2CAAcQ,KAAK,SAASC,WAAW,OAAOC,YAAY,MAAMC,OAAO,OAAOC,MAAM,iBAClFd,EAAA,QAAAE,IAAA,+CAGJF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,a","ignoreList":[]}