@maltjoy/core-vue 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/joy-vue.umd.cjs

@@ -1 +1 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["@maltjoy/core-vue"]={},a.Vue))})(this,function(a,e){"use strict";const N=["teal","white"],w=e.defineComponent({__name:"JoySpinner",props:{color:{type:String,validator(t){return N.includes(t)}}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["joy-spinner",`joy-spinner_${t.color}`])},null,2))}}),be="",c=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},k=c(w,[["__scopeId","data-v-b633f633"]]),I=["primary","secondary"],z=["xlarge","large","medium","small","xsmall","xxsmall"],q=["main","admin","white","ghost"],L=[...I,...q],T=[...z],x=["xxsmall","xsmall","small"],R=["name","size"],O={class:"joy-button--slot"},A=e.defineComponent({__name:"JoyButton",props:{circle:{type:Boolean,default:!1},icon:String,loading:{type:Boolean,default:!1},variant:{type:String,default:"primary",validator(t){return L.includes(t)}},size:{type:String,default:"medium",validator(t){return T.includes(t)}},iconSize:{type:String,default:"xsmall",validator(t){return x.includes(t)}}},setup(t){const n=t,o=e.useAttrs(),l=e.computed(()=>["white","ghost","secondary"].includes(n.variant)?"teal":"white");return(r,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).href?"a":"button"),{disabled:t.loading||e.unref(o).disabled,class:e.normalizeClass(["joy-button",`joy-button_${t.variant}`,`joy-button_${t.size}`,{"joy-button_circle":t.circle,"joy-button_loading":t.loading}])},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,name:t.icon,size:t.iconSize,lazy:!1},null,8,R)):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(k,{key:1,color:e.unref(l)},null,8,["color"])):e.createCommentVNode("",!0),e.createElementVNode("span",O,[e.renderSlot(r.$slots,"default",{},void 0,!0)])]),_:3},8,["disabled","class"]))}}),ge="",j=c(A,[["__scopeId","data-v-08c3c0a6"]]),M=["small","medium","large"],P={key:0,class:"joy-label-required"},F={key:1,class:"joy-label-optional"},D=e.defineComponent({__name:"JoyLabel",props:{size:{type:String,default:"medium",validator(t){return M.includes(t)}},tagName:{type:String,default:"label"},required:{type:Boolean,default:!1},optionalLabel:{type:String}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tagName),e.mergeProps({class:["joy-label",`joy-label--${t.size}`]},n.$attrs),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0),t.required?(e.openBlock(),e.createElementBlock("span",P,"*")):e.createCommentVNode("",!0),t.optionalLabel?(e.openBlock(),e.createElementBlock("span",F,"- "+e.toDisplayString(t.optionalLabel),1)):e.createCommentVNode("",!0)]),_:3},16,["class"]))}}),ke="",g=c(D,[["__scopeId","data-v-e3232407"]]),G=["id","type","value"],W=["data-unit"],Z=e.defineComponent({__name:"JoyInput",props:{clearable:{type:Boolean,default:!1},icon:String,invalid:{type:Boolean,default:!1},labelSize:String,modelValue:{type:String,default:""},name:{type:String},optionalLabel:String,required:{type:Boolean,default:!1},requiredMark:{type:Boolean,default:!1},size:{type:String,default:"medium"},type:String,unit:String},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,l=e.ref(),r=e.ref(),m=e.useAttrs(),_=e.useSlots(),i=e.ref(!1),s=e.computed(()=>o.clearable&&o.modelValue.length>0&&!o.unit),u=e.computed(()=>_.default&&_.default()),S=e.computed(()=>{var p,d;return!!((p=r.value)!=null&&p.closest("joy-wrapper"))||!!((d=r.value)!=null&&d.closest(".joy-wrapper"))}),b=e.ref(o.type);e.onBeforeMount(()=>{b.value=o.unit?"number":o.unit||"text"});const y={onFocus:()=>{i.value=!0},onBlur:()=>{i.value=!1},onInput:p=>{let d=p.target.value;n("update:modelValue",d)},clearValue:()=>{n("update:modelValue","")}};return(p,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:r,class:e.normalizeClass([`joy-input--${o.size}`])},[e.createElementVNode("div",{class:e.normalizeClass(["joy-input",{"joy-input--focusing":i.value,"joy-input--disabled":e.unref(m).disabled,"joy-input--invalid":t.invalid,"joy-input--valid":!t.invalid&&!e.unref(m).disabled}])},[e.unref(u)?(e.openBlock(),e.createBlock(g,{key:0,for:t.name,required:t.required&&t.requiredMark,"optional-label":t.optionalLabel,size:t.labelSize},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default",{},void 0,!0)]),_:3},8,["for","required","optional-label","size"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["joy-input--wrapper",{"joy-input--wrapper-has-icon":!!t.icon,"joy-input--wrapper---clearable":t.clearable,"joy-input--wrapper-unit":!!t.unit,"joy-input--wrapper-margin":!e.unref(S)}])},[e.createElementVNode("input",e.mergeProps(p.$attrs,{id:o.name,ref_key:"input",ref:l,class:[{"joy-input--field-disabled":e.unref(m).disabled,"joy-input--field-invalid":t.invalid}],type:b.value,value:t.modelValue,onFocus:d[0]||(d[0]=(...f)=>y.onFocus&&y.onFocus(...f)),onBlur:d[1]||(d[1]=(...f)=>y.onBlur&&y.onBlur(...f)),onInput:d[2]||(d[2]=(...f)=>y.onInput&&y.onInput(...f))}),null,16,G),e.unref(s)?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,size:"xxsmall",name:"cross",class:"joy-input--clear",onClick:d[3]||(d[3]=(...f)=>y.clearValue&&y.clearValue(...f))})):e.createCommentVNode("",!0),t.unit?(e.openBlock(),e.createElementBlock("div",{key:1,"data-unit":t.unit,class:"joy-input--unit"},null,8,W)):e.createCommentVNode("",!0)],2)],2)],2))}}),je="",B=c(Z,[["__scopeId","data-v-da36bd3d"]]),U=["teal","white"],H=["href"],K=["color","name"],Q=e.defineComponent({__name:"JoyLink",props:{href:{type:String,required:!0},color:{type:String,default:"teal",validator(t){return U.includes(t)}},icon:String},setup(t){const n=t,o=e.computed(()=>n.color==="white"?"white":"teal");return(l,r)=>(e.openBlock(),e.createElementBlock("a",e.mergeProps({href:t.href},l.$attrs,{class:["joy-link",`joy-link_${t.color}`]}),[t.icon?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,color:e.unref(o),name:t.icon},null,8,K)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default",{},void 0,!0)],16,H))}}),Be="",h=c(Q,[["__scopeId","data-v-640ee9a6"]]),X=["id","value","checked","disabled","required","name"],Y={class:"joy-radio-label"},v={class:"joy-radio-content__wrapper"},ee={class:"joy-radio-content"},te=e.defineComponent({__name:"JoyRadio",props:{disabled:Boolean,invalid:Boolean,modelValue:{type:String},name:{type:String},required:Boolean,theme:{type:String,default:"default"},value:{type:String}},emits:["update:modelValue"],setup(t,{expose:n,emit:o}){const l=t,r=e.ref(!1),m=e.ref(null),_=e.ref(null),i=e.useSlots(),s=e.computed(()=>!l.modelValue||!l.value?!1:l.modelValue===l.value);function u(){r.value=!!i["expandable-content"]&&s.value}function S(){o("update:modelValue",l.value),u()}return e.onMounted(()=>{l.theme==="outline"&&u()}),e.watch(()=>l.modelValue,()=>{u()}),n({checked:s,isExpanded:r}),(b,y)=>(e.openBlock(),e.createElementBlock("label",{ref_key:"root",ref:m,class:e.normalizeClass(["joy-radio",`joy-radio--${t.theme}`,{"joy-radio--checked":e.unref(s),"joy-radio--disabled":t.disabled,"joy-radio--invalid":t.invalid}])},[e.createElementVNode("input",{id:t.name,type:"radio",value:t.value,checked:e.unref(s),disabled:t.disabled,required:t.required,name:t.name,onChange:S},null,40,X),e.createElementVNode("span",Y,[e.renderSlot(b.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",v,[e.createElementVNode("div",ee,[e.renderSlot(b.$slots,"radio-content",{},void 0,!0)]),e.createElementVNode("div",{ref_key:"expandableElement",ref:_,class:e.normalizeClass(["joy-radio-expandable",{"joy-radio-expandable--expanded":r.value}])},[e.renderSlot(b.$slots,"expandable-content",{},void 0,!0)],2)])],2))}}),he="",$=c(te,[["__scopeId","data-v-27ec5b79"]]),oe=["form","name"],ne=e.defineComponent({__name:"JoyRadioGroup",props:{direction:{type:String,default:"horizontal"},form:{type:String},modelValue:{type:String},name:{type:String},invalid:Boolean,invalidText:{type:String}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("fieldset",{ref:"root",class:"joy-radio-group-fieldset",role:"radiogroup",form:t.form,name:t.name},[e.renderSlot(n.$slots,"radio-group-legend",{},void 0,!0),e.createElementVNode("div",{class:e.normalizeClass(["joy-radio-group-container",`joy-radio-group-${t.direction}`])},[e.renderSlot(n.$slots,"default",{},void 0,!0)],2)],8,oe))}}),$e="",V=c(ne,[["__scopeId","data-v-09adf076"]]),le=t=>(e.pushScopeId("data-v-1ef94fc2"),t=t(),e.popScopeId(),t),ae=["id","name","aria-invalid","required","disabled","value"],re=le(()=>e.createElementVNode("joy-icon",{class:"joy-select__chevron",name:"chevron-down"},null,-1)),ie=e.defineComponent({__name:"JoySelect",props:{disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},id:{type:String},label:{type:String},labelSize:{type:String,default:"medium"},modelValue:{type:String,default:""},name:{type:String,default:"select"},optionalLabel:{type:String},required:{type:Boolean,default:!1},requiredMark:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,l=e.ref(),r=e.ref(),m=e.useSlots();e.onMounted(()=>{var u;const i=m.label&&m.label();if(!i||!i.length)return;const s=i[0];if(s.type==="JoyLabel"){const S=(u=s.props)==null?void 0:u.for;if(!S){console.warn("JoyLabel for attribute is missing");return}S!==o.id&&console.warn("JoyLabel for attribute does not match with JoySelect id")}});function _(i){const s=i.target.value;n("update:modelValue",s)}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:l},[e.renderSlot(i.$slots,"label",{},()=>[t.label?(e.openBlock(),e.createBlock(g,{key:0,required:t.required&&t.requiredMark,"optional-label":t.optionalLabel,for:t.id||t.name,size:t.labelSize},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["required","optional-label","for","size"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",{class:e.normalizeClass({"joy-select__wrapper":!0,"joy-select--invalid":t.invalid,"joy-select--disabled":t.disabled})},[e.createElementVNode("select",{id:t.id||t.name,ref_key:"select",ref:r,class:"joy-select",name:t.name,"aria-invalid":t.invalid,required:t.required,disabled:t.disabled,value:t.modelValue,onInput:_},[e.renderSlot(i.$slots,"default",{},void 0,!0)],40,ae),re],2)],512))}}),Ve="",C=c(ie,[["__scopeId","data-v-1ef94fc2"]]),E=e.defineComponent({__name:"JoyWrapper",props:{justify:{type:String,default:"flex-start"},align:{type:String,default:"center"},direction:{type:String,default:"row"},wrap:{type:String,default:"wrap"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["joy-wrapper",`joy-wrapper--justify-${t.justify}`,`joy-wrapper--align-${t.align}`,`joy-wrapper--direction-${t.direction}`,`joy-wrapper--wrap-${t.wrap}`])},[e.renderSlot(n.$slots,"default")],2))}}),Ce="",de={class:"joy-template__heading"},se={key:0,class:"joy-template-slot-back"},ce={class:"joy-template__heading___headings"},me={key:0,class:"joy-template-slot-title"},ye={key:1,class:"joy-template-slot-subtitle"},ue={key:0,class:"joy-template-slot-main"},pe={key:1,class:"joy-template-slot-sidebar"},fe=e.defineComponent({__name:"JoyTemplate",props:{full:{type:Boolean,default:!1},sidebar:{type:String,default:"right"}},setup(t){const n=t;return(o,l)=>(e.openBlock(),e.createElementBlock("main",{class:e.normalizeClass(["joy-template",{"joy-template--full":n.full}])},[e.createElementVNode("div",de,[o.$slots["template-back"]?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(o.$slots,"template-back",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",ce,[o.$slots["template-title"]?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(o.$slots,"template-title",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["template-subtitle"]?(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(o.$slots,"template-subtitle",{},void 0,!0)])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",{class:e.normalizeClass(["joy-template__content",{"joy-template__content--reverse":n.sidebar==="left"}])},[o.$slots["template-main"]?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(o.$slots,"template-main",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["template-sidebar"]?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(o.$slots,"template-sidebar",{},void 0,!0)])):e.createCommentVNode("",!0)],2)],2))}}),Ee="",J=c(fe,[["__scopeId","data-v-f0293852"]]),_e=Object.freeze(Object.defineProperty({__proto__:null,JoyButton:j,JoyInput:B,JoyLabel:g,JoyLink:h,JoyRadio:$,JoyRadioGroup:V,JoySelect:C,JoySpinner:k,JoyTemplate:J,JoyWrapper:E},Symbol.toStringTag,{value:"Module"})),Se={install:t=>{Object.entries(_e).forEach(([n,o])=>{t.component(n,o)})}};a.JoyButton=j,a.JoyInput=B,a.JoyLabel=g,a.JoyLink=h,a.JoyRadio=$,a.JoyRadioGroup=V,a.JoySelect=C,a.JoySpinner=k,a.JoyTemplate=J,a.JoyVuePlugin=Se,a.JoyWrapper=E,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i["@maltjoy/core-vue"]={},i.Vue))})(this,function(i,e){"use strict";const R=["teal","white"],O=e.defineComponent({__name:"JoySpinner",props:{color:{type:String,validator(t){return R.includes(t)}}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["joy-spinner",`joy-spinner_${t.color}`])},null,2))}}),Ae="",c=(t,l)=>{const o=t.__vccOpts||t;for(const[a,r]of l)o[a]=r;return o},k=c(O,[["__scopeId","data-v-b633f633"]]),P=["primary","secondary"],A=["xlarge","large","medium","small","xsmall","xxsmall"],F=["neutral","success","info","warning","error"],H=["main","admin","white","ghost"],M=[...P,...H],D=[...A],G=["xxsmall","xsmall","small"],W=["name","size"],Z={class:"joy-button--slot"},U=e.defineComponent({__name:"JoyButton",props:{circle:{type:Boolean,default:!1},icon:String,loading:{type:Boolean,default:!1},variant:{type:String,default:"primary",validator(t){return M.includes(t)}},size:{type:String,default:"medium",validator(t){return D.includes(t)}},iconSize:{type:String,default:"xsmall",validator(t){return G.includes(t)}}},setup(t){const l=t,o=e.useAttrs(),a=e.computed(()=>["white","ghost","secondary"].includes(l.variant)?"teal":"white");return(r,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).href?"a":"button"),{disabled:t.loading||e.unref(o).disabled,class:e.normalizeClass(["joy-button",`joy-button_${t.variant}`,`joy-button_${t.size}`,{"joy-button_circle":t.circle,"joy-button_loading":t.loading}])},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,name:t.icon,size:t.iconSize,lazy:!1},null,8,W)):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(k,{key:1,color:e.unref(a)},null,8,["color"])):e.createCommentVNode("",!0),e.createElementVNode("span",Z,[e.renderSlot(r.$slots,"default",{},void 0,!0)])]),_:3},8,["disabled","class"]))}}),Fe="",j=c(U,[["__scopeId","data-v-08c3c0a6"]]),b={disabled:{type:Boolean,default:!1},id:{type:String},invalid:{type:Boolean,default:!1},name:{type:String},required:{type:Boolean,default:!1}},V={modelValue:{type:Boolean,default:!1},value:{type:String,default:"on"},...b},B={label:String,labelSize:{type:String,default:"medium"}},K=["aria-checked","aria-hidden"],X=["name","disabled","checked","required","aria-checked","value","indeterminate"],Q={class:"joy-checkbox__content-wrapper"},Y={class:"joy-checkbox__content"},x=e.defineComponent({__name:"JoyCheckbox",props:{indeterminate:{type:Boolean,default:!1},...V},emits:["update:modelValue"],setup(t,{expose:l,emit:o}){const a=t,r=e.ref(),s=e.ref(a.indeterminate),f={onChange:n=>{const d=n.target.checked;s.value=!1,o("update:modelValue",d)}};return l({isIndeterminate:s}),(n,d)=>(e.openBlock(),e.createElementBlock("div",{"aria-checked":n.modelValue,"aria-hidden":n.disabled},[e.createElementVNode("label",{class:e.normalizeClass(["joy-checkbox",{"joy-checkbox__checked":n.modelValue,"joy-checkbox__indeterminate":s.value}])},[e.createElementVNode("input",{ref_key:"input",ref:r,type:"checkbox",class:"joy-checkbox__input",role:"checkbox",name:n.name,disabled:n.disabled,checked:n.modelValue,required:n.required,"aria-checked":n.modelValue,value:n.value,indeterminate:s.value,onChange:d[0]||(d[0]=(...u)=>f.onChange&&f.onChange(...u))},null,40,X),e.createElementVNode("div",Q,[e.renderSlot(n.$slots,"default",{},void 0,!0),e.createElementVNode("div",Y,[e.renderSlot(n.$slots,"checkbox-content",{},void 0,!0)])])],2)],8,K))}}),He="",$=c(x,[["__scopeId","data-v-61d9cccf"]]),v=t=>(e.pushScopeId("data-v-eba58103"),t=t(),e.popScopeId(),t),ee=["aria-hidden"],te=v(()=>e.createElementVNode("joy-icon",{"custom-class":"joy-icon-error",name:"warning-triangle"},null,-1)),oe=e.defineComponent({__name:"JoyFormError",props:{visible:{type:Boolean,default:!0},noHtmlErrorText:String},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",{"aria-hidden":t.visible,class:e.normalizeClass(["joy-form-error",{"joy-has-error":t.visible}]),role:"alert"},[te,e.createElementVNode("div",null,[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.noHtmlErrorText),1)],!0)])],10,ee))}}),Me="",E=c(oe,[["__scopeId","data-v-eba58103"]]);function ne(t){let l;switch(t){case"error":l="warning-triangle";break;case"success":l="check";break;default:l="info-circle"}return l}const le=[...F],ae=["name"],re={class:"joy-highlight--text"},ie=e.defineComponent({__name:"JoyHighlight",props:{accent:{type:Boolean,default:!1},displayIcon:{type:Boolean,default:!1},icon:String,level:{type:String,default:"neutral",validator(t){return le.includes(t)}}},setup(t,{expose:l}){const o=t,a=e.computed(()=>o.icon?o.icon:ne(o.level));return l({getRelevantIcon:a}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["joy-highlight",`joy-highlight_${t.level}`,{"joy-highlight__accent":t.accent,"joy-highlight__titled":r.$slots["highlight-title"]}])},[t.displayIcon?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,name:e.unref(a)},null,8,ae)):e.createCommentVNode("",!0),e.createElementVNode("div",re,[e.createElementVNode("strong",null,[e.renderSlot(r.$slots,"highlight-title",{},void 0,!0)]),e.renderSlot(r.$slots,"default",{},void 0,!0)])],2))}}),De="",C=c(ie,[["__scopeId","data-v-15d3fa11"]]),se=["small","medium","large"],de={key:0,class:"joy-label-required"},ce={key:1,class:"joy-label-optional"},pe=e.defineComponent({__name:"JoyLabel",props:{size:{type:String,default:"medium",validator(t){return se.includes(t)}},tagName:{type:String,default:"label"},required:{type:Boolean,default:!1},optionalLabel:{type:String}},setup(t){return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tagName),e.mergeProps({class:["joy-label",`joy-label--${t.size}`]},l.$attrs),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0),t.required?(e.openBlock(),e.createElementBlock("span",de,"*")):e.createCommentVNode("",!0),t.optionalLabel?(e.openBlock(),e.createElementBlock("span",ce,"- "+e.toDisplayString(t.optionalLabel),1)):e.createCommentVNode("",!0)]),_:3},16,["class"]))}}),Ge="",S=c(pe,[["__scopeId","data-v-e3232407"]]),me=["id","type","value"],ye=["data-unit"],ue=e.defineComponent({__name:"JoyInput",props:{...b,...B,clearable:{type:Boolean,default:!1},icon:String,modelValue:{type:String,default:""},optionalLabel:String,requiredMark:{type:Boolean,default:!1},size:{type:String,default:"medium"},type:String,unit:String},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,a=e.ref(),r=e.ref(),s=e.useAttrs(),f=e.useSlots(),n=e.ref(!1),d=e.computed(()=>o.clearable&&o.modelValue.length>0&&!o.unit),u=e.computed(()=>f.default&&f.default()),h=e.computed(()=>{var p,m;return!!((p=r.value)!=null&&p.closest("joy-wrapper"))||!!((m=r.value)!=null&&m.closest(".joy-wrapper"))}),y=e.ref(o.type);e.onBeforeMount(()=>{y.value=o.unit?"number":o.unit||"text"});const _={onFocus:()=>{n.value=!0},onBlur:()=>{n.value=!1},onInput:p=>{let m=p.target.value;l("update:modelValue",m)},clearValue:()=>{l("update:modelValue","")}};return(p,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:r,class:e.normalizeClass([`joy-input--${o.size}`])},[e.createElementVNode("div",{class:e.normalizeClass(["joy-input",{"joy-input--focusing":n.value,"joy-input--disabled":e.unref(s).disabled,"joy-input--invalid":p.invalid,"joy-input--valid":!p.invalid&&!e.unref(s).disabled}])},[e.unref(u)?(e.openBlock(),e.createBlock(S,{key:0,for:p.name,required:p.required&&t.requiredMark,"optional-label":t.optionalLabel,size:p.labelSize},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default",{},void 0,!0)]),_:3},8,["for","required","optional-label","size"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["joy-input--wrapper",{"joy-input--wrapper-has-icon":!!t.icon,"joy-input--wrapper---clearable":t.clearable,"joy-input--wrapper-unit":!!t.unit,"joy-input--wrapper-margin":!e.unref(h)}])},[e.createElementVNode("input",e.mergeProps(p.$attrs,{id:o.name,ref_key:"input",ref:a,class:[{"joy-input--field-disabled":e.unref(s).disabled,"joy-input--field-invalid":p.invalid}],type:y.value,value:t.modelValue,onFocus:m[0]||(m[0]=(...g)=>_.onFocus&&_.onFocus(...g)),onBlur:m[1]||(m[1]=(...g)=>_.onBlur&&_.onBlur(...g)),onInput:m[2]||(m[2]=(...g)=>_.onInput&&_.onInput(...g))}),null,16,me),e.unref(d)?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,size:"xxsmall",name:"cross",class:"joy-input--clear",onClick:m[3]||(m[3]=(...g)=>_.clearValue&&_.clearValue(...g))})):e.createCommentVNode("",!0),t.unit?(e.openBlock(),e.createElementBlock("div",{key:1,"data-unit":t.unit,class:"joy-input--unit"},null,8,ye)):e.createCommentVNode("",!0)],2)],2)],2))}}),We="",J=c(ue,[["__scopeId","data-v-6eb67b7e"]]),fe=["teal","white"],_e=["href"],ge=["color","name"],he=e.defineComponent({__name:"JoyLink",props:{href:{type:String,required:!0},color:{type:String,default:"teal",validator(t){return fe.includes(t)}},icon:String},setup(t){const l=t,o=e.computed(()=>l.color==="white"?"white":"teal");return(a,r)=>(e.openBlock(),e.createElementBlock("a",e.mergeProps({href:t.href},a.$attrs,{class:["joy-link",`joy-link_${t.color}`]}),[t.icon?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,color:e.unref(o),name:t.icon},null,8,ge)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},void 0,!0)],16,_e))}}),Ze="",N=c(he,[["__scopeId","data-v-640ee9a6"]]),be=["id","value","checked","disabled","required","name"],Se={class:"joy-radio-label"},ke={class:"joy-radio-content__wrapper"},je={class:"joy-radio-content"},Ve=e.defineComponent({__name:"JoyRadio",props:{...b,modelValue:{type:String},theme:{type:String,default:"default"},value:{type:String}},emits:["update:modelValue"],setup(t,{expose:l,emit:o}){const a=t,r=e.ref(!1),s=e.ref(null),f=e.ref(null),n=e.useSlots(),d=e.computed(()=>!a.modelValue||!a.value?!1:a.modelValue===a.value);function u(){r.value=!!n["expandable-content"]&&d.value}function h(){o("update:modelValue",a.value),u()}return e.onMounted(()=>{a.theme==="outline"&&u()}),e.watch(()=>a.modelValue,()=>{u()}),l({checked:d,isExpanded:r}),(y,_)=>(e.openBlock(),e.createElementBlock("label",{ref_key:"root",ref:s,class:e.normalizeClass(["joy-radio",`joy-radio--${t.theme}`,{"joy-radio--checked":e.unref(d),"joy-radio--disabled":y.disabled,"joy-radio--invalid":y.invalid}])},[e.createElementVNode("input",{id:y.name,type:"radio",value:t.value,checked:e.unref(d),disabled:y.disabled,required:y.required,name:y.name,onChange:h},null,40,be),e.createElementVNode("span",Se,[e.renderSlot(y.$slots,"default",{},void 0,!0)]),e.createElementVNode("div",ke,[e.createElementVNode("div",je,[e.renderSlot(y.$slots,"radio-content",{},void 0,!0)]),e.createElementVNode("div",{ref_key:"expandableElement",ref:f,class:e.normalizeClass(["joy-radio-expandable",{"joy-radio-expandable--expanded":r.value}])},[e.renderSlot(y.$slots,"expandable-content",{},void 0,!0)],2)])],2))}}),Ue="",I=c(Ve,[["__scopeId","data-v-822f5782"]]),Be=["form","name"],$e=e.defineComponent({__name:"JoyRadioGroup",props:{direction:{type:String,default:"horizontal"},form:{type:String},modelValue:{type:String},name:{type:String},invalid:Boolean,invalidText:{type:String}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("fieldset",{ref:"root",class:"joy-radio-group-fieldset",role:"radiogroup",form:t.form,name:t.name},[e.renderSlot(l.$slots,"radio-group-legend",{},void 0,!0),e.createElementVNode("div",{class:e.normalizeClass(["joy-radio-group-container",`joy-radio-group-${t.direction}`])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2)],8,Be))}}),Ke="",w=c($e,[["__scopeId","data-v-09adf076"]]),Ee=t=>(e.pushScopeId("data-v-7733736c"),t=t(),e.popScopeId(),t),Ce=["id","name","aria-invalid","required","disabled","value"],Je=Ee(()=>e.createElementVNode("joy-icon",{class:"joy-select__chevron",name:"chevron-down"},null,-1)),Ne=e.defineComponent({__name:"JoySelect",props:{...b,...B,modelValue:{type:String,default:""},optionalLabel:{type:String},requiredMark:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:l}){const o=t,a=e.ref(),r=e.ref(),s=e.useSlots();e.onMounted(()=>{var u;const n=s.label&&s.label();if(!n||!n.length)return;const d=n[0];if(d.type==="JoyLabel"){const h=(u=d.props)==null?void 0:u.for;if(!h){console.warn("JoyLabel for attribute is missing");return}h!==o.id&&console.warn("JoyLabel for attribute does not match with JoySelect id")}});function f(n){const d=n.target.value;l("update:modelValue",d)}return(n,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:a},[e.renderSlot(n.$slots,"label",{},()=>[n.label?(e.openBlock(),e.createBlock(S,{key:0,required:n.required&&t.requiredMark,"optional-label":t.optionalLabel,for:n.id||n.name,size:n.labelSize},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:1},8,["required","optional-label","for","size"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",{class:e.normalizeClass({"joy-select__wrapper":!0,"joy-select--invalid":n.invalid,"joy-select--disabled":n.disabled})},[e.createElementVNode("select",{id:n.id||n.name,ref_key:"select",ref:r,class:"joy-select",name:n.name,"aria-invalid":n.invalid,required:n.required,disabled:n.disabled,value:t.modelValue,onInput:f},[e.renderSlot(n.$slots,"default",{},void 0,!0)],40,Ce),Je],2)],512))}}),Xe="",z=c(Ne,[["__scopeId","data-v-7733736c"]]),Ie=e.defineComponent({__name:"JoyWrapper",props:{justify:{type:String,default:"flex-start"},align:{type:String,default:"center"},direction:{type:String,default:"row"},wrap:{type:String,default:"wrap"}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["joy-wrapper",`joy-wrapper--justify-${t.justify}`,`joy-wrapper--align-${t.align}`,`joy-wrapper--direction-${t.direction}`,`joy-wrapper--wrap-${t.wrap}`])},[e.renderSlot(l.$slots,"default",{},void 0,!0)],2))}}),Qe="",L=c(Ie,[["__scopeId","data-v-dce6df77"]]),we={class:"joy-template__heading"},ze={class:"joy-template__heading___headings"},Le=e.defineComponent({__name:"JoyTemplate",props:{full:{type:Boolean,default:!1},sidebar:{type:String,default:"right"}},setup(t){const l=t;return(o,a)=>(e.openBlock(),e.createElementBlock("main",{class:e.normalizeClass(["joy-template",{"joy-template--full":l.full}])},[e.createElementVNode("div",we,[e.createElementVNode("div",{class:e.normalizeClass({"joy-template-slot-back":o.$slots["template-back"]})},[e.renderSlot(o.$slots,"template-back",{},void 0,!0)],2),e.createElementVNode("div",ze,[e.createElementVNode("div",{class:e.normalizeClass({"joy-template-slot-title":o.$slots["template-title"]})},[e.renderSlot(o.$slots,"template-title",{},void 0,!0)],2),e.createElementVNode("div",{class:e.normalizeClass({"joy-template-slot-subtitle":o.$slots["template-subtitle"]})},[e.renderSlot(o.$slots,"template-subtitle",{},void 0,!0)],2)])]),e.createElementVNode("div",{class:e.normalizeClass(["joy-template__content",{"joy-template__content--reverse":l.sidebar==="left"}])},[e.createElementVNode("div",{class:e.normalizeClass({"joy-template-slot-main":o.$slots["template-main"]})},[e.renderSlot(o.$slots,"template-main",{},void 0,!0)],2),e.createElementVNode("div",{class:e.normalizeClass({"joy-template-slot-sidebar":o.$slots["template-sidebar"]})},[e.renderSlot(o.$slots,"template-sidebar",{},void 0,!0)],2)],2)],2))}}),Ye="",q=c(Le,[["__scopeId","data-v-d8b3fcfa"]]),qe=["name","disabled","checked","required","aria-checked","value"],Te={class:"joy-toggle__content"},Re=e.defineComponent({__name:"JoyToggle",props:V,emits:["update:modelValue"],setup(t,{emit:l}){const o={onChange:a=>{const r=a.target.checked;l("update:modelValue",r)}};return(a,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("label",{class:e.normalizeClass(["joy-toggle",{"joy-toggle__checked":a.modelValue,"joy-toggle__disabled":a.disabled}])},[e.createElementVNode("input",{ref:"input",type:"checkbox",class:"joy-toggle__input",role:"checkbox",name:a.name,disabled:a.disabled,checked:a.modelValue,required:a.required,"aria-checked":a.modelValue,value:a.value,onChange:r[0]||(r[0]=(...s)=>o.onChange&&o.onChange(...s))},null,40,qe),e.createElementVNode("p",Te,[e.renderSlot(a.$slots,"default",{},void 0,!0)])],2)]))}}),xe="",T=c(Re,[["__scopeId","data-v-e617de9c"]]),Oe=Object.freeze(Object.defineProperty({__proto__:null,JoyButton:j,JoyCheckbox:$,JoyFormError:E,JoyHighlight:C,JoyInput:J,JoyLabel:S,JoyLink:N,JoyRadio:I,JoyRadioGroup:w,JoySelect:z,JoySpinner:k,JoyTemplate:q,JoyToggle:T,JoyWrapper:L},Symbol.toStringTag,{value:"Module"})),Pe={install:t=>{Object.entries(Oe).forEach(([l,o])=>{t.component(l,o)})}};i.JoyButton=j,i.JoyCheckbox=$,i.JoyFormError=E,i.JoyHighlight=C,i.JoyInput=J,i.JoyLabel=S,i.JoyLink=N,i.JoyRadio=I,i.JoyRadioGroup=w,i.JoySelect=z,i.JoySpinner=k,i.JoyTemplate=q,i.JoyToggle=T,i.JoyVuePlugin=Pe,i.JoyWrapper=L,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.joy-spinner[data-v-b633f633]{--spinner-default-color: var(--joy-color-secondary-50);--spinner-default-bg-color: var(--joy-color-secondary-10);--spinner-size: 25px;width:var(--spinner-size);height:var(--spinner-size);box-sizing:border-box;border-top:3px solid var(--spinner-default-bg-color);border-right:3px solid var(--spinner-default-bg-color);border-bottom:3px solid var(--spinner-default-bg-color);border-left:3px solid var(--spinner-default-color);position:absolute;margin:auto;font-size:10px;text-indent:-9999em;transform:translateZ(0);-webkit-animation:load8-b633f633 1.1s infinite linear;animation:load8-b633f633 1.1s infinite linear}.joy-spinner[data-v-b633f633],.joy-spinner[data-v-b633f633]:after{border-radius:50%;width:var(--spinner-size);height:var(--spinner-size)}@-webkit-keyframes load8-b633f633{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes load8-b633f633{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.joy-spinner_white[data-v-b633f633]{--spinner-default-color: #ffffff;--spinner-default-bg-color: rgba(255, 255, 255, .2)}.joy-button[data-v-08c3c0a6]{--button-bg-color-main: var(--joy-color-primary-50);--button-bg-color-main-hover: var(--joy-color-primary-70);--button-bg-color-main-active: var(--joy-color-primary-90);--button-bg-color-primary: var(--joy-color-secondary-30);--button-bg-color-primary-hover: var(--joy-color-secondary-50);--button-bg-color-primary-active: var(--joy-color-secondary-90);--button-color-secondary: var(--joy-color-secondary-50);--button-color-secondary-active: var(--joy-color-secondary-90);--button-color-secondary-disabled: var(--joy-color-neutral-40);--button-border-color-secondary-disabled: var(--joy-color-neutral-30);--button-bg-color-secondary-hover: var(--joy-color-secondary-10);--button-color-ghost: var(--joy-color-secondary-50);--button-color-ghost-hover: var(--joy-color-secondary-50);--button-bg-color-ghost-hover: var(--joy-color-neutral-10);--button-color-ghost-active: var(--joy-color-secondary-50);--button-bg-color-ghost-active: var(--joy-color-secondary-10);--button-color-white: var(--joy-color-secondary-50);--button-color-white-hover: var(--joy-color-secondary-50);--button-color-white-active: var(--joy-color-secondary-90);--button-bg-color-white-hover: var(--joy-color-neutral-10);--button-bg-color-white-active: var(--joy-color-neutral-20);--button-icon-color-white-hover: var(--joy-color-secondary-90);--button-bg-color-admin: var(--joy-color-quaternary-50);--button-focus-border-color: var(--joy-color-neutral-60);--button-font-family: var(--joy-font-family);--button-bg-color-disabled: var(--joy-color-neutral-30);--button-color-disabled: var(--joy-color-neutral-40);--button-border-color-disabled: var(--joy-color-neutral-30);--button-icon-color-disabled: var(--joy-color-neutral-40);display:inline-flex;position:relative;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;box-sizing:border-box;font-family:var(--button-font-family);line-height:1;z-index:1;border:none;transition:background-color var(--joy-transition-duration-long),border var(--joy-transition-duration-long);text-decoration:none;text-align:center;cursor:pointer;outline:none;opacity:1}.joy-button joy-icon[data-v-08c3c0a6]{margin-right:var(--joy-core-spacing-2);color:inherit}.joy-button[data-v-08c3c0a6]:after{content:"";position:absolute;left:-4px;top:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transition:box-shadow var(--joy-transition-duration-default)}.joy-button[data-v-08c3c0a6]:focus-visible:after{box-shadow:0 0 0 2px var(--button-focus-border-color)}.joy-button *[data-v-08c3c0a6]{pointer-events:none}.joy-button.disabled[data-v-08c3c0a6],.joy-button[data-v-08c3c0a6]:disabled,.joy-button[disabled][data-v-08c3c0a6]:hover{background-color:var(--button-bg-color-disabled);color:var(--button-color-disabled);border-color:var(--button-border-color-disabled);cursor:not-allowed}.joy-button.disabled joy-icon[data-v-08c3c0a6],.joy-button:disabled joy-icon[data-v-08c3c0a6],.joy-button[disabled]:hover joy-icon[data-v-08c3c0a6]{color:var(--button-icon-color-disabled)}.joy-button.joy-button_loading[data-v-08c3c0a6]{cursor:not-allowed;color:transparent}.joy-button.joy-button_loading[data-v-08c3c0a6]:hover{color:transparent}.joy-button.joy-button_loading joy-icon[data-v-08c3c0a6]{color:transparent}.joy-button joy-spinner[data-v-08c3c0a6]{position:absolute;margin:auto}.joy-button.joy-button_circle[data-v-08c3c0a6]{padding:0;min-width:auto;border-radius:var(--joy-core-radius-5)}.joy-button.joy-button_circle joy-icon[data-v-08c3c0a6]{margin:0}.joy-button.joy-button_circle .joy-button--slot[data-v-08c3c0a6]{display:none}.joy-button_main[data-v-08c3c0a6]{background-color:var(--button-bg-color-main);color:#fff}.joy-button_main[data-v-08c3c0a6]:hover{background-color:var(--button-bg-color-main-hover)}.joy-button_main[data-v-08c3c0a6]:active{background-color:var(--button-bg-color-main-active)}.joy-button_primary[data-v-08c3c0a6]{background-color:var(--button-bg-color-primary);color:#fff}.joy-button_primary[data-v-08c3c0a6]:hover{background-color:var(--button-bg-color-primary-hover)}.joy-button_primary[data-v-08c3c0a6]:active{background-color:var(--button-bg-color-primary-active)}.joy-button_secondary[data-v-08c3c0a6]{background-color:transparent;color:var(--button-color-secondary);border:2px solid var(--button-color-secondary)}.joy-button_secondary[data-v-08c3c0a6]:hover,.joy-button_secondary[data-v-08c3c0a6]:active{background-color:var(--button-bg-color-secondary-hover)}.joy-button_secondary[data-v-08c3c0a6]:active{color:var(--button-bg-color-secondary-active);border-color:var(--button-bg-color-secondary-active)}.joy-button_secondary.disabled[data-v-08c3c0a6],.joy-button_secondary[data-v-08c3c0a6]:disabled,.joy-button_secondary[disabled][data-v-08c3c0a6]:hover{cursor:not-allowed;color:var(--button-color-secondary-disabled);border-color:var(--button-border-color-secondary-disabled);background-color:#fff}.joy-button_white[data-v-08c3c0a6]{color:var(--button-color-white);background-color:#fff}.joy-button_white[data-v-08c3c0a6]:hover{color:var(--button-color-white-hover);background-color:var(--button-bg-color-white-hover)}.joy-button_white[data-v-08c3c0a6]:active{color:var(--button-color-white-active);background-color:var(--button-bg-color-white-active)}.joy-button_white:not(:disabled):hover joy-icon[data-v-08c3c0a6]{color:var(--button-icon-color-white-hover)}.joy-button_ghost[data-v-08c3c0a6]{color:var(--button-color-ghost);background-color:transparent}.joy-button_ghost[data-v-08c3c0a6]:hover{color:var(--button-color-ghost-hover);background-color:var(--button-bg-color-ghost-hover)}.joy-button_ghost[data-v-08c3c0a6]:active{color:var(--button-color-ghost-active);background-color:var(--button-bg-color-ghost-active)}.joy-button_ghost:not(:disabled):hover joy-icon[data-v-08c3c0a6]{color:var(--button-color-ghost-hover)}.joy-button_ghost[data-v-08c3c0a6]:disabled,.joy-button_ghost[data-v-08c3c0a6]:disabled:hover{background-color:transparent}.joy-button_admin[data-v-08c3c0a6]{color:#fff;background-color:var(--button-bg-color-admin)}.joy-button_xxsmall[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-xxsmall);padding:var(--button-padding, var(--joy-core-spacing-2) var(--joy-core-spacing-4));font-size:var(--button-font-size, var(--joy-font-size-primary-100));border-radius:var(--button-border-radius, var(--joy-form-field-radius-xxsmall))}.joy-button_xxsmall .joy-spinner[data-v-08c3c0a6]{--spinner-size: 12px}.joy-button_xxsmall[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-xxsmall) + 2px)}.joy-button_xxsmall.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-xxsmall)}.joy-button_xsmall[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-xsmall);padding:var(--button-padding, var(--joy-core-spacing-2) var(--joy-core-spacing-8));font-size:var(--button-font-size, var(--joy-font-size-primary-200));border-radius:var(--button-border-radius, var(--joy-form-field-radius-xsmall))}.joy-button_xsmall .joy-spinner[data-v-08c3c0a6]{--spinner-size: 16px}.joy-button_xsmall[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-xsmall) + 2px)}.joy-button_xsmall.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-xsmall)}.joy-button_small[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-small);padding:var(--button-padding, var(--joy-core-spacing-3) var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-300));border-radius:var(--button-border-radius, var(--joy-form-field-radius-small))}.joy-button_small .joy-spinner[data-v-08c3c0a6]{--spinner-size: 20px}.joy-button_small[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-small) + 2px)}.joy-button_small.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-small)}.joy-button_medium[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-medium);padding:var(--button-padding, var(--joy-core-spacing-3) var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-400));border-radius:var(--button-border-radius, var(--joy-form-field-radius-medium))}.joy-button_medium[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-medium) + 2px)}.joy-button_medium.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-medium)}.joy-button_large[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-large);padding:var(--button-padding, var(--joy-core-spacing-4) var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-600));border-radius:var(--button-border-radius, var(--joy-form-field-radius-large));min-width:calc(var(--joy-core-spacing-base) * 40)}.joy-button_large[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-large) + 2px)}.joy-button_large.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-large)}.joy-label[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-400);display:block;width:100%;box-sizing:border-box;font-weight:var(--joy-font-weight-normal);line-height:var(--joy-line-height-large);font-size:var(--label-font-size);font-family:var(--joy-font-family);color:var(--joy-color-text-title);text-align:left;margin-bottom:var(--joy-core-spacing-2)}.joy-label--small[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-300)}.joy-label--medium[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-400)}.joy-label--large[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-600)}.joy-label-required[data-v-e3232407]{margin-left:var(--joy-core-spacing-1);font-size:var(--label-font-size);line-height:1}.joy-label-optional[data-v-e3232407]{font-size:var(--joy-font-size-primary-300);font-style:italic;color:var(--joy-color-neutral-40)}.joy-input--small[data-v-da36bd3d]{--input-height: var(--joy-form-field-height-small);--input-radius: var(--joy-form-field-radius-small);--input-padding: var(--joy-core-spacing-2) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-200);--input-unit-height: 32px}.joy-input--medium[data-v-da36bd3d]{--input-height: var(--joy-form-field-height-medium);--input-radius: var(--joy-form-field-radius-medium);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-300);--input-unit-height: 40px}.joy-input--large[data-v-da36bd3d]{--input-height: var(--joy-form-field-height-large);--input-radius: var(--joy-form-field-radius-large);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-400);--input-unit-height: 56px}.joy-input[data-v-da36bd3d]{display:block;--input-color: var(--joy-color-neutral-60);--input-focus-color: var(--joy-color-secondary-30);--input-hover-color: var(--joy-color-neutral-60);--input-hover-border-color: var(--joy-color-state-hover);--input-focus-border-color: var(--joy-color-state-focus);--input-border-color: var(--joy-color-neutral-30);--input-bg-color: white;--input-color-disabled: var(--joy-color-neutral-40);--input-border-color-disabled: var(--joy-color-neutral-30);--input-bg-color-disabled: var(--joy-color-neutral-10);--input-color-invalid: var(--joy-color-error-50);--input-color-invalid-hover: var(--joy-color-error-90);--input-icon-color: var(--joy-color-neutral-50);--input-transition-duration: var(--joy-transition-duration-default);position:relative;font-family:var(--joy-font-family)}.joy-input input[data-v-da36bd3d]{position:relative;z-index:1;appearance:none;width:100%;box-sizing:border-box;background-color:var(--input-bg-color);border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-radius:var(--input-radius);height:var(--input-height);color:var(--input-color);font-size:var(--input-font-size);padding:var(--input-padding);outline:none}.joy-input input[data-v-da36bd3d]::-webkit-input-placeholder{color:var(--joy-color-neutral-40)}.joy-input input[data-v-da36bd3d]::-webkit-outer-spin-button,.joy-input input[data-v-da36bd3d]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joy-input input[data-v-da36bd3d]::-webkit-search-cancel-button{appearance:none}.joy-input input[type=number][data-v-da36bd3d]{-moz-appearance:textfield}.joy-input input[type=password][data-v-da36bd3d]{font-family:Verdana;letter-spacing:.125em}.joy-input input[data-v-da36bd3d]:hover{border-color:var(--joy-color-state-hover)}.joy-input input:hover~joy-icon[data-v-da36bd3d]{color:var(--input-hover-color)}.joy-input input:hover~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-hover-color)}.joy-input input[data-v-da36bd3d]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-input input[data-v-da36bd3d]:focus{border-color:var(--joy-color-state-focus)}.joy-input input:focus~joy-icon[data-v-da36bd3d]{color:var(--input-focus-color)}.joy-input input:focus~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-focus-border-color)}.joy-input joy-icon[data-v-da36bd3d]{color:var(--input-color)}.joy-input .joy-input--password-icon[data-v-da36bd3d]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;right:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper[data-v-da36bd3d]{display:flex;align-items:center;position:relative}.joy-input .joy-input--wrapper-margin[data-v-da36bd3d]{margin-bottom:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon joy-icon[data-v-da36bd3d]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);user-select:none;left:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon input[data-v-da36bd3d]{padding-left:var(--joy-core-spacing-10)}.joy-input .joy-input--wrapper-unit input[data-v-da36bd3d]{border-right:0;border-bottom-right-radius:0;border-top-right-radius:0}.joy-input .joy-input--unit[data-v-da36bd3d]{display:flex;align-items:center;padding-right:4px;cursor:default;position:relative;background-color:var(--input-bg-color);height:var(--input-height);border-radius:0 var(--input-height) var(--input-height) 0;text-align:center;font-style:normal;flex-shrink:0;box-sizing:border-box;border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-left:0}.joy-input .joy-input--unit[data-v-da36bd3d]:before{content:attr(data-unit);display:flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;background-color:var(--joy-color-secondary-10);border-radius:var(--input-unit-height);font-size:var(--input-font-size);height:var(--input-unit-height);min-width:var(--input-unit-height);padding:0 var(--joy-core-spacing-3);color:var(--joy-color-secondary-50)}.joy-input input[data-v-da36bd3d]:disabled,.joy-input input[data-v-da36bd3d]:disabled:hover{cursor:not-allowed;background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled)}.joy-input input:disabled~joy-icon[data-v-da36bd3d],.joy-input input:disabled:hover~joy-icon[data-v-da36bd3d]{color:var(--input-color-disabled)}.joy-input input:disabled~.joy-input--unit[data-v-da36bd3d],.joy-input input:disabled:hover~.joy-input--unit[data-v-da36bd3d]{background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled)}.joy-input input.joy-input--field-invalid[data-v-da36bd3d]{border-color:var(--input-color-invalid);color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~joy-icon[data-v-da36bd3d]{color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid[data-v-da36bd3d]:hover,.joy-input input.joy-input--field-invalid[data-v-da36bd3d]:focus{border-color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~joy-icon[data-v-da36bd3d],.joy-input input.joy-input--field-invalid:focus~joy-icon[data-v-da36bd3d]{color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~.joy-input--unit[data-v-da36bd3d],.joy-input input.joy-input--field-invalid:focus~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-color-invalid-hover)}.joy-input--wrapper---clearable input[data-v-da36bd3d]{padding-right:var(--joy-core-spacing-10)}.joy-input--clear[data-v-da36bd3d]{cursor:pointer;position:absolute;top:50%;z-index:2;right:var(--joy-core-spacing-5);transform:translateY(-50%)}.joy-link[data-v-640ee9a6]{--link-default-color: var(--joy-color-neutral-40);--link-default-color-hover: var(--joy-color-neutral-60);--link-default-color-visited: var(--joy-color-secondary-90);--link-border-color-focus: var(--joy-color-neutral-60);display:inline-flex;color:var(--link-default-color);font-size:inherit;font-family:inherit;font-weight:700;line-height:inherit;padding:0;border:2px solid transparent;background-color:transparent;border-radius:var(--joy-core-radius-2);align-items:center;cursor:pointer;text-decoration:none}.joy-link[data-v-640ee9a6]:hover{text-decoration:underline}.joy-link[data-v-640ee9a6]:hover,.joy-link:hover span[data-v-640ee9a6]{color:var(--link-default-color-hover);text-decoration:underline}.joy-link[data-v-640ee9a6]:focus-visible{border:2px solid var(--link-border-color-focus);border-radius:4px;text-decoration:none}.joy-link:focus-visible span[data-v-640ee9a6]{text-decoration:none}.joy-link[data-v-640ee9a6]:active,.joy-link[data-v-640ee9a6]:visited,.joy-link:visited span[data-v-640ee9a6]{color:var(--link-default-color-visited)}.joy-link joy-icon[data-v-640ee9a6],.joy-link[data-v-640ee9a6] .joy-icon{margin:0 var(--joy-core-spacing-2);color:inherit}.joy-link joy-icon svg[data-v-640ee9a6],.joy-link[data-v-640ee9a6] .joy-icon svg{color:inherit}.joy-link_teal[data-v-640ee9a6]{--link-default-color: var(--joy-color-secondary-30);--link-default-color-hover: var(--joy-color-secondary-50);--link-default-color-visited: var(--joy-color-secondary-90);color:var(--link-default-color)}.joy-link_teal[data-v-640ee9a6]:hover{color:var(--link-default-color-hover)}.joy-link_teal[data-v-640ee9a6]:active,.joy-link_teal[data-v-640ee9a6]:visited{color:var(--link-default-color-visited)}.joy-link_white[data-v-640ee9a6],.joy-link_white[data-v-640ee9a6]:hover,.joy-link_white[data-v-640ee9a6]:active{--link-default-color: white;--link-default-color-hover: white;--link-default-color-visited: white}.joy-link_white[data-v-640ee9a6]:active{opacity:.7}.joy-radio[data-v-27ec5b79]{--radio-size: 20px;--radio-color: var(--joy-color-text-body);--radio-circle-color: var(--joy-color-secondary-30);--radio-circle-color-hover: var(--joy-color-state-hover);--radio-circle-color-focus: var(--joy-color-state-focus);--radio-circle-color-disabled: var(--joy-color-neutral-30);--radio-color-disabled: var(--joy-color-neutral-40);--radio-circle-color-invalid: var(--joy-color-error-50);--radio-circle-color-invalid-hover: var(--joy-color-error-90);--radio-border-color-focus: var(--joy-color-neutral-60);display:block;box-sizing:border-box;position:relative;color:var(--radio-color);margin-bottom:var(--joy-core-spacing-4);outline:none;-webkit-touch-callout:none;user-select:none;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large)}.joy-radio--checked[data-v-27ec5b79]{z-index:2}.joy-radio input[type=radio]:focus-visible~*[data-v-27ec5b79]:after{box-sizing:border-box;box-shadow:0 0 0 1px var(--radio-border-color-focus)}.joy-radio--outline[data-v-27ec5b79]{width:100%}.joy-radio[data-v-27ec5b79]{cursor:pointer;display:flex;flex-direction:column;color:inherit}.joy-radio>input[type=radio][data-v-27ec5b79]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;top:15px}.joy-radio-label[data-v-27ec5b79]{display:flex;position:relative;text-align:left}.joy-radio-label[data-v-27ec5b79]:before{content:"";box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;top:0;flex-shrink:0;width:var(--radio-size);height:var(--radio-size);margin-right:var(--joy-core-spacing-1);border:var(--joy-form-border-width) solid var(--radio-circle-color);background-color:var(--radio-circle-color);border-radius:var(--joy-core-radius-5);box-shadow:inset 0 0 0 12px #fff}.joy-radio-label[data-v-27ec5b79] ::slotted(joy-icon){color:var(--joy-color-neutral-40)}.joy-radio-label[data-v-27ec5b79]:before{transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio-label[data-v-27ec5b79]:after{content:"";position:absolute;top:-2px;left:-2px;width:24px;height:24px;border-radius:50%;transition:box-shadow .15s ease}.joy-radio-content__wrapper[data-v-27ec5b79]{display:flex;flex-direction:column;padding-left:27px}.joy-radio-content__wrapper>.joy-radio-content[data-v-27ec5b79]:not(:empty){margin-top:var(--joy-core-spacing-4)}.joy-radio:hover span[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-hover)}.joy-radio:focus span[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-focus)}.joy-radio.joy-radio--checked .joy-radio__label[data-v-27ec5b79]{font-weight:var(--joy-font-weight-bold)}.joy-radio.joy-radio--checked[data-v-27ec5b79] ::slotted(joy-icon){color:var(--joy-color-secondary-50)}.joy-radio.joy-radio--checked .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color);box-shadow:inset 0 0 0 2px #fff}.joy-radio.joy-radio--checked:not(.joy-radio--disabled):hover .joy-radio-label[data-v-27ec5b79]:before,.joy-radio.joy-radio--checked:not(.joy-radio--disabled):active .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color-hover)}.joy-radio.joy-radio--disabled[data-v-27ec5b79]{color:var(--radio-color-disabled);cursor:not-allowed}.joy-radio.joy-radio--disabled .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color-disabled);border-color:var(--radio-circle-color-disabled)}.joy-radio.joy-radio--invalid .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color-invalid);border-color:var(--radio-circle-color-invalid)}.joy-radio.joy-radio--invalid:hover .joy-radio-label[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--invalid.joy-radio--checked:hover .joy-radio-label[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-invalid-hover);background-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--outline[data-v-27ec5b79]{border:var(--joy-form-border-width) solid var(--joy-color-neutral-30);border-radius:var(--joy-core-radius-3);padding:var(--joy-core-spacing-6);transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio.joy-radio--outline .joy-radio-label[data-v-27ec5b79]{display:flex;align-items:flex-start}.joy-radio.joy-radio--outline .joy-radio-label[data-v-27ec5b79]:before{margin-right:var(--joy-core-spacing-2)}.joy-radio.joy-radio--outline.joy-radio--checked .joy-radio-label[data-v-27ec5b79]{font-weight:700}.joy-radio.joy-radio--outline.joy-radio--checked[data-v-27ec5b79]:not(.joy-radio--disabled),.joy-radio.joy-radio--outline[data-v-27ec5b79]:hover:not(.joy-radio--disabled){border-color:var(--joy-color-secondary-50);box-shadow:var(--joy-core-elevation-1)}@keyframes opacityAnimation-27ec5b79{0%{opacity:0}50%{opacity:0}to{opacity:1}}.joy-radio .joy-radio-expandable[data-v-27ec5b79]{transition:all var(--joy-transition-duration-default) var(--joy-transition-timing-function);height:0;opacity:0;overflow:hidden}.joy-radio .joy-radio-expandable--expanded[data-v-27ec5b79]{animation:opacityAnimation-27ec5b79 var(--joy-transition-duration-long) forwards;height:auto;overflow:visible;margin-top:var(--joy-core-spacing-4)}.joy-radio .joy-radio-expandable[data-v-27ec5b79] ::slotted(div[slot=expandable-content]){display:inline-block}.joy-radio-group[data-v-09adf076]{display:flex;align-items:center;flex-wrap:wrap;width:100%}.joy-radio-group joy-form-error[data-v-09adf076]{width:100%;flex-shrink:0;margin-top:var(--joy-core-spacing-3)}.joy-radio-group-container[data-v-09adf076]{display:flex;align-items:flex-start;flex-wrap:wrap}.joy-radio-group-container.joy-radio-group-horizontal[data-v-09adf076]{flex-direction:row;justify-content:flex-start}.joy-radio-group-container.joy-radio-group-vertical[data-v-09adf076]{flex-direction:column;align-items:flex-start}.joy-radio-group-fieldset[data-v-09adf076]{border:0;padding:0;margin:0}[data-v-09adf076] .joy-radio:not(.joy-radio--outline){margin:0 var(--joy-core-spacing-4) var(--joy-core-spacing-4) 0}[data-v-09adf076] .joy-radio:last-child{margin-bottom:0}.joy-select__wrapper[data-v-1ef94fc2]{position:relative;display:flex;align-items:center;justify-content:space-between;--select-transition: var(--joy-transition-duration-short);--select-height: var(--joy-form-field-height-medium);--select-color: var(--joy-color-neutral-50);--select-color-background: white;--select-icon-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-border-radius: var(--joy-form-field-radius-medium);--select-font-size: var(--joy-font-size-primary-400);--select-select-border: var(--joy-form-border-width) solid var(--joy-color-secondary-50);--select-select-border-radius: var(--select-border-radius);--select-select-max-height: 200px;--select-select-max-height-mobile: 50vh;--select-select-zindex: var(--joy-core-z-index-select)}.joy-select__wrapper *[data-v-1ef94fc2]{box-sizing:border-box;outline:none}.joy-select[data-v-1ef94fc2]{position:relative;display:block;width:100%;font-family:var(--joy-font-family);margin-bottom:0;cursor:pointer;appearance:none;height:var(--select-height);border:var(--joy-form-border-width) solid var(--select-border-color);border-radius:var(--select-border-radius);color:var(--select-color);font-size:var(--select-font-size);background:var(--select-color-background);padding:0 var(--joy-core-spacing-10) 0 var(--joy-core-spacing-5);transition:all var(--select-transition) var(--joy-transition-timing-function)}.joy-select[data-v-1ef94fc2]:focus{--select-color: var(--joy-color-secondary-30);--select-border-color: var(--joy-color-secondary-30);--select-icon-color: var(--joy-color-secondary-30)}.joy-select[data-v-1ef94fc2]:focus option{color:var(--joy-color-neutral-60);font-size:var(--joy-font-size-primary-300);font-family:var(--joy-font-family);background-color:#fff}.joy-select[data-v-1ef94fc2]:focus option:disabled{background-color:var(--joy-color-neutral-10);color:var(--joy-color-neutral-40)}.joy-select[data-v-1ef94fc2]:not([disabled]):hover{--select-border-color: var(--joy-color-secondary-30)}.joy-select--disabled[data-v-1ef94fc2]{--select-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-color-background: var(--joy-color-neutral-10);--select-icon-color: var(--joy-color-neutral-30)}.joy-select--disabled select[data-v-1ef94fc2]{cursor:not-allowed}.joy-select--invalid[data-v-1ef94fc2]{--select-icon-color: var(--joy-color-error-50)}.joy-select--invalid[data-v-1ef94fc2]:hover{--select-icon-color: var(--joy-color-state-error-hover)}.joy-select--invalid select[data-v-1ef94fc2]{--select-color: var(--joy-color-error-50);--select-border-color: var(--joy-color-error-50)}.joy-select--invalid select[data-v-1ef94fc2]:hover{--select-color: var(--joy-color-state-error-hover);--select-border-color: var(--joy-color-state-error-hover)}.joy-select__chevron[data-v-1ef94fc2]{position:absolute;right:var(--joy-core-spacing-5);color:var(--select-icon-color);transition:transform var(--select-transition) var(--joy-transition-timing-function)}.joy-wrapper{--wrapper-gap: var(--joy-core-spacing-8) var(--joy-core-spacing-4);display:flex;gap:var(--wrapper-gap);flex-wrap:wrap;margin-bottom:var(--joy-core-spacing-8)}.joy-wrapper--justify-flex-start{justify-content:flex-start}.joy-wrapper--justify-flex-end{justify-content:flex-end}.joy-wrapper--justify-center{justify-content:center}.joy-wrapper--justify-space-between{justify-content:space-between}.joy-wrapper--align-flex-start{align-items:flex-start}.joy-wrapper--align-flex-end{align-items:flex-end}.joy-wrapper--align-center{align-items:center}.joy-wrapper--align-stretch{align-items:stretch}.joy-wrapper--direction-row{flex-direction:row}.joy-wrapper--direction-column{flex-direction:column}.joy-wrapper--wrap-wrap{flex-wrap:wrap}.joy-wrapper--wrap-nowrap{flex-wrap:nowrap}.joy-template[data-v-f0293852]{--template-sidebar-width: 320px;--template-layout-width: 1024px;--template-layout-background-color: var(--joy-color-neutral-10);--template-inner-spacing: var(--joy-core-spacing-8);display:block;background-color:var(--template-layout-background-color);max-width:var(--template-layout-width);margin:0 auto;padding:var(--template-inner-spacing);box-sizing:border-box}.joy-template--full[data-v-f0293852]{--template-layout-width: 100%}.joy-template .joy-template-slot-title[data-v-f0293852]{font-family:var(--joy-font-family-title);font-weight:500;font-size:var(--joy-font-size-secondary-200);line-height:var(--joy-line-height-small);color:var(--joy-color-neutral-5);margin:0 0 var(--joy-core-spacing-2) 0}.joy-template .joy-template-slot-title[data-v-f0293852] *{margin:0;padding:0;font:inherit!important}.joy-template .joy-template-slot-subtitle[data-v-f0293852]{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);color:var(--joy-color-neutral-5);margin:0}.joy-template .joy-template-slot-main[data-v-f0293852]{flex:1}.joy-template .joy-template-slot-sidebar[data-v-f0293852]{flex:0 0 var(--template-sidebar-width)}.joy-template__heading[data-v-f0293852]{display:flex;align-items:flex-start;padding:0;margin-bottom:var(--joy-core-spacing-8)}.joy-template__heading .joy-template-slot-back[data-v-f0293852]{margin-right:var(--joy-core-spacing-3);margin-top:calc(var(--joy-core-spacing-2) * -1)}.joy-template__content[data-v-f0293852]{display:flex;align-content:flex-start;flex-wrap:nowrap;gap:var(--joy-core-spacing-8)}.joy-template__content--reverse[data-v-f0293852]{flex-direction:row-reverse}@media screen and (max-width: 1024px){.joy-template__content[data-v-f0293852],.joy-template__content--reverse[data-v-f0293852]{flex-wrap:wrap}.joy-template__content .joy-template-slot-sidebar[data-v-f0293852],.joy-template__content .joy-template-slot-main[data-v-f0293852]{flex:1 0 100%}.joy-template__content joy-panel[data-v-f0293852-s]{--panel-bottom-margin: 0}}
+.joy-spinner[data-v-b633f633]{--spinner-default-color: var(--joy-color-secondary-50);--spinner-default-bg-color: var(--joy-color-secondary-10);--spinner-size: 25px;width:var(--spinner-size);height:var(--spinner-size);box-sizing:border-box;border-top:3px solid var(--spinner-default-bg-color);border-right:3px solid var(--spinner-default-bg-color);border-bottom:3px solid var(--spinner-default-bg-color);border-left:3px solid var(--spinner-default-color);position:absolute;margin:auto;font-size:10px;text-indent:-9999em;transform:translateZ(0);-webkit-animation:load8-b633f633 1.1s infinite linear;animation:load8-b633f633 1.1s infinite linear}.joy-spinner[data-v-b633f633],.joy-spinner[data-v-b633f633]:after{border-radius:50%;width:var(--spinner-size);height:var(--spinner-size)}@-webkit-keyframes load8-b633f633{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes load8-b633f633{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.joy-spinner_white[data-v-b633f633]{--spinner-default-color: #ffffff;--spinner-default-bg-color: rgba(255, 255, 255, .2)}.joy-button[data-v-08c3c0a6]{--button-bg-color-main: var(--joy-color-primary-50);--button-bg-color-main-hover: var(--joy-color-primary-70);--button-bg-color-main-active: var(--joy-color-primary-90);--button-bg-color-primary: var(--joy-color-secondary-30);--button-bg-color-primary-hover: var(--joy-color-secondary-50);--button-bg-color-primary-active: var(--joy-color-secondary-90);--button-color-secondary: var(--joy-color-secondary-50);--button-color-secondary-active: var(--joy-color-secondary-90);--button-color-secondary-disabled: var(--joy-color-neutral-40);--button-border-color-secondary-disabled: var(--joy-color-neutral-30);--button-bg-color-secondary-hover: var(--joy-color-secondary-10);--button-color-ghost: var(--joy-color-secondary-50);--button-color-ghost-hover: var(--joy-color-secondary-50);--button-bg-color-ghost-hover: var(--joy-color-neutral-10);--button-color-ghost-active: var(--joy-color-secondary-50);--button-bg-color-ghost-active: var(--joy-color-secondary-10);--button-color-white: var(--joy-color-secondary-50);--button-color-white-hover: var(--joy-color-secondary-50);--button-color-white-active: var(--joy-color-secondary-90);--button-bg-color-white-hover: var(--joy-color-neutral-10);--button-bg-color-white-active: var(--joy-color-neutral-20);--button-icon-color-white-hover: var(--joy-color-secondary-90);--button-bg-color-admin: var(--joy-color-quaternary-50);--button-focus-border-color: var(--joy-color-neutral-60);--button-font-family: var(--joy-font-family);--button-bg-color-disabled: var(--joy-color-neutral-30);--button-color-disabled: var(--joy-color-neutral-40);--button-border-color-disabled: var(--joy-color-neutral-30);--button-icon-color-disabled: var(--joy-color-neutral-40);display:inline-flex;position:relative;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;box-sizing:border-box;font-family:var(--button-font-family);line-height:1;z-index:1;border:none;transition:background-color var(--joy-transition-duration-long),border var(--joy-transition-duration-long);text-decoration:none;text-align:center;cursor:pointer;outline:none;opacity:1}.joy-button joy-icon[data-v-08c3c0a6]{margin-right:var(--joy-core-spacing-2);color:inherit}.joy-button[data-v-08c3c0a6]:after{content:"";position:absolute;left:-4px;top:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transition:box-shadow var(--joy-transition-duration-default)}.joy-button[data-v-08c3c0a6]:focus-visible:after{box-shadow:0 0 0 2px var(--button-focus-border-color)}.joy-button *[data-v-08c3c0a6]{pointer-events:none}.joy-button.disabled[data-v-08c3c0a6],.joy-button[data-v-08c3c0a6]:disabled,.joy-button[disabled][data-v-08c3c0a6]:hover{background-color:var(--button-bg-color-disabled);color:var(--button-color-disabled);border-color:var(--button-border-color-disabled);cursor:not-allowed}.joy-button.disabled joy-icon[data-v-08c3c0a6],.joy-button:disabled joy-icon[data-v-08c3c0a6],.joy-button[disabled]:hover joy-icon[data-v-08c3c0a6]{color:var(--button-icon-color-disabled)}.joy-button.joy-button_loading[data-v-08c3c0a6]{cursor:not-allowed;color:transparent}.joy-button.joy-button_loading[data-v-08c3c0a6]:hover{color:transparent}.joy-button.joy-button_loading joy-icon[data-v-08c3c0a6]{color:transparent}.joy-button joy-spinner[data-v-08c3c0a6]{position:absolute;margin:auto}.joy-button.joy-button_circle[data-v-08c3c0a6]{padding:0;min-width:auto;border-radius:var(--joy-core-radius-5)}.joy-button.joy-button_circle joy-icon[data-v-08c3c0a6]{margin:0}.joy-button.joy-button_circle .joy-button--slot[data-v-08c3c0a6]{display:none}.joy-button_main[data-v-08c3c0a6]{background-color:var(--button-bg-color-main);color:#fff}.joy-button_main[data-v-08c3c0a6]:hover{background-color:var(--button-bg-color-main-hover)}.joy-button_main[data-v-08c3c0a6]:active{background-color:var(--button-bg-color-main-active)}.joy-button_primary[data-v-08c3c0a6]{background-color:var(--button-bg-color-primary);color:#fff}.joy-button_primary[data-v-08c3c0a6]:hover{background-color:var(--button-bg-color-primary-hover)}.joy-button_primary[data-v-08c3c0a6]:active{background-color:var(--button-bg-color-primary-active)}.joy-button_secondary[data-v-08c3c0a6]{background-color:transparent;color:var(--button-color-secondary);border:2px solid var(--button-color-secondary)}.joy-button_secondary[data-v-08c3c0a6]:hover,.joy-button_secondary[data-v-08c3c0a6]:active{background-color:var(--button-bg-color-secondary-hover)}.joy-button_secondary[data-v-08c3c0a6]:active{color:var(--button-bg-color-secondary-active);border-color:var(--button-bg-color-secondary-active)}.joy-button_secondary.disabled[data-v-08c3c0a6],.joy-button_secondary[data-v-08c3c0a6]:disabled,.joy-button_secondary[disabled][data-v-08c3c0a6]:hover{cursor:not-allowed;color:var(--button-color-secondary-disabled);border-color:var(--button-border-color-secondary-disabled);background-color:#fff}.joy-button_white[data-v-08c3c0a6]{color:var(--button-color-white);background-color:#fff}.joy-button_white[data-v-08c3c0a6]:hover{color:var(--button-color-white-hover);background-color:var(--button-bg-color-white-hover)}.joy-button_white[data-v-08c3c0a6]:active{color:var(--button-color-white-active);background-color:var(--button-bg-color-white-active)}.joy-button_white:not(:disabled):hover joy-icon[data-v-08c3c0a6]{color:var(--button-icon-color-white-hover)}.joy-button_ghost[data-v-08c3c0a6]{color:var(--button-color-ghost);background-color:transparent}.joy-button_ghost[data-v-08c3c0a6]:hover{color:var(--button-color-ghost-hover);background-color:var(--button-bg-color-ghost-hover)}.joy-button_ghost[data-v-08c3c0a6]:active{color:var(--button-color-ghost-active);background-color:var(--button-bg-color-ghost-active)}.joy-button_ghost:not(:disabled):hover joy-icon[data-v-08c3c0a6]{color:var(--button-color-ghost-hover)}.joy-button_ghost[data-v-08c3c0a6]:disabled,.joy-button_ghost[data-v-08c3c0a6]:disabled:hover{background-color:transparent}.joy-button_admin[data-v-08c3c0a6]{color:#fff;background-color:var(--button-bg-color-admin)}.joy-button_xxsmall[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-xxsmall);padding:var(--button-padding, var(--joy-core-spacing-2) var(--joy-core-spacing-4));font-size:var(--button-font-size, var(--joy-font-size-primary-100));border-radius:var(--button-border-radius, var(--joy-form-field-radius-xxsmall))}.joy-button_xxsmall .joy-spinner[data-v-08c3c0a6]{--spinner-size: 12px}.joy-button_xxsmall[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-xxsmall) + 2px)}.joy-button_xxsmall.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-xxsmall)}.joy-button_xsmall[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-xsmall);padding:var(--button-padding, var(--joy-core-spacing-2) var(--joy-core-spacing-8));font-size:var(--button-font-size, var(--joy-font-size-primary-200));border-radius:var(--button-border-radius, var(--joy-form-field-radius-xsmall))}.joy-button_xsmall .joy-spinner[data-v-08c3c0a6]{--spinner-size: 16px}.joy-button_xsmall[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-xsmall) + 2px)}.joy-button_xsmall.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-xsmall)}.joy-button_small[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-small);padding:var(--button-padding, var(--joy-core-spacing-3) var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-300));border-radius:var(--button-border-radius, var(--joy-form-field-radius-small))}.joy-button_small .joy-spinner[data-v-08c3c0a6]{--spinner-size: 20px}.joy-button_small[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-small) + 2px)}.joy-button_small.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-small)}.joy-button_medium[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-medium);padding:var(--button-padding, var(--joy-core-spacing-3) var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-400));border-radius:var(--button-border-radius, var(--joy-form-field-radius-medium))}.joy-button_medium[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-medium) + 2px)}.joy-button_medium.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-medium)}.joy-button_large[data-v-08c3c0a6]{min-height:var(--joy-form-field-height-large);padding:var(--button-padding, var(--joy-core-spacing-4) var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-600));border-radius:var(--button-border-radius, var(--joy-form-field-radius-large));min-width:calc(var(--joy-core-spacing-base) * 40)}.joy-button_large[data-v-08c3c0a6]:after{border-radius:calc(var(--joy-form-field-radius-large) + 2px)}.joy-button_large.joy-button_circle[data-v-08c3c0a6]{width:var(--joy-form-field-height-large)}.joy-checkbox[data-v-61d9cccf]{--checkbox-bg-hover: var(--joy-color-secondary-50);--checkbox-bg-checked-hover: var(--joy-color-secondary-50);--checkbox-bg-checked-active: var(--joy-color-secondary-90);--checkbox-bg-checked: var(--joy-color-secondary-30);--checkbox-color: var(--joy-color-neutral-60);--checkbox-color-checked: var(--joy-color-secondary-50);--checkbox-bg-disabled: var(--joy-color-neutral-30);--checkbox-color-disabled: var(--joy-color-neutral-40);--checkbox-border-disabled: var(--joy-color-neutral-30);--checkbox-border-active: var(--joy-color-neutral-60);--checkbox-color-slot-link: var(--joy-color-secondary-50);--checkbox-radius: var(--joy-core-radius-1);--checkbox-active-size: 26px;--checkbox-size: 20px;--checkbox-margin: 0 var(--joy-core-spacing-2) 0 0;--checkbox-label-margin: var(--joy-core-spacing-4);--checkbox-label-padding: 0;font-weight:var(--joy-font-weight-normal);--checkbox-font-weight: var(--joy-font-weight-normal);display:flex;position:relative;cursor:pointer;width:100%;color:var(--joy-color-neutral-60);font-size:var(--joy-font-size-primary-400);font-family:var(--joy-font-family);line-height:var(--checkbox-size);font-weight:var(--checkbox-font-weight);-webkit-touch-callout:none;user-select:none;margin-bottom:var(--checkbox-label-margin);padding:var(--checkbox-label-padding)}.joy-checkbox.joy-checkbox__checked[data-v-61d9cccf],.joy-checkbox.joy-checkbox__indeterminate[data-v-61d9cccf]{--checkbox-font-weight: var(--joy-font-weight-bold)}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]{display:flex;pointer-events:none;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;margin:0 var(--joy-core-spacing-2) 0 0;padding:0;appearance:none;box-sizing:border-box;width:var(--checkbox-size);height:var(--checkbox-size);background-color:#fff;border:var(--joy-form-border-width) solid var(--joy-color-secondary-30);border-radius:var(--checkbox-radius);transition:background-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-checkbox:hover .joy-checkbox__input[data-v-61d9cccf]{border-color:var(--joy-color-state-hover)}.joy-checkbox:hover .joy-checkbox__input[data-v-61d9cccf]:checked{color:var(--checkbox-color-checked);background-color:var(--checkbox-bg-checked-hover)}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:focus{border-color:var(--joy-color-state-focus)}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:focus-visible{outline:none}.joy-checkbox .joy-checkbox__input:focus-visible~*[data-v-61d9cccf]:before{position:absolute;box-sizing:content-box;top:-4px;left:-32px;content:"";display:flex;width:var(--checkbox-active-size);height:var(--checkbox-active-size);border-radius:var(--joy-core-radius-2);border:1px solid var(--checkbox-border-active)}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:indeterminate{--checkbox-font-weight: var(--joy-font-weight-bold);color:var(--checkbox-color-checked);background-color:var(--checkbox-bg-checked);background-repeat:no-repeat;background-position:center;background-size:75%;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY2NjYzIDFIMTIuMzMzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:checked{--checkbox-font-weight: var(--joy-font-weight-bold);color:var(--checkbox-color-checked);background-color:var(--checkbox-bg-checked);background-repeat:no-repeat;background-position:center;background-size:75%;background-image:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.0831%200.000388909L3.66655%206.41696L0.91653%203.66694L0%204.5839L2.75002%207.33349L3.66655%208.25002L4.58308%207.33349L10.9997%200.916919L10.0831%200.000388909Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E")}.joy-checkbox:active .joy-checkbox__input[data-v-61d9cccf]:checked{background-color:var(--checkbox-bg-checked-active)}.joy-checkbox:active .joy-checkbox__input:checked+.joy-checkbox__content-wrapper[data-v-61d9cccf]{font-weight:700}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:disabled{cursor:not-allowed;border-color:var(--joy-color-neutral-30)}.joy-checkbox .joy-checkbox__input:disabled~.joy-checkbox__content-wrapper[data-v-61d9cccf]{color:var(--joy-color-neutral-40)}.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:disabled:checked,.joy-checkbox .joy-checkbox__input[data-v-61d9cccf]:disabled:indeterminate{background-color:var(--joy-color-neutral-30)}.joy-checkbox .joy-checkbox__content-wrapper[data-v-61d9cccf]{display:flex;align-items:flex-start;flex-wrap:wrap;text-align:left;position:relative;flex:1;color:var(--checkbox-color)}.joy-checkbox .joy-checkbox__content-wrapper .joy-checkbox__content[data-v-61d9cccf]{width:100%;flex-basis:100%;flex-grow:1}.joy-checkbox .joy-checkbox__content-wrapper .joy-checkbox__content>*[data-v-61d9cccf]{display:block;width:100%;margin-top:0;margin-bottom:var(--joy-core-spacing-1)}[data-v-61d9cccf] a{--link-default-color: var(--joy-color-secondary-30);--link-default-color-hover: var(--joy-color-secondary-50);--link-default-color-visited: var(--joy-color-secondary-90);--link-border-color-focus: var(--joy-color-neutral-60);padding:0 2px;color:var(--link-default-color);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-300);line-height:var(--joy-line-height-large)}[data-v-61d9cccf] small{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-200);line-height:var(--joy-line-height-large)}.joy-form-error[data-v-eba58103]{--form-error-color: var(--joy-color-error-50);color:var(--form-error-color);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-300);line-height:var(--joy-line-height-large);display:none}.joy-form-error.joy-has-error[data-v-eba58103]{display:flex;margin-bottom:var(--joy-core-spacing-5);margin-top:0;align-items:flex-start}.joy-icon-error[data-v-eba58103]{margin-right:10px;color:var(--joy-color-error-50)}.joy-icon-error svg[data-v-eba58103]{color:var(--form-error-color)}[data-v-eba58103] ul{padding:0;list-style:none;margin:0}.joy-highlight[data-v-15d3fa11]{--highlight-background-color: var(--joy-color-neutral-20);--highlight-accent-color: var(--joy-color-neutral-40);--highlight-content-color: var(--joy-color-neutral-60);--highlight-title-font-size: var(--joy-font-size-primary-400);--highlight-content-font-size: var(--joy-font-size-primary-400);--highlight-icon-size: inherit;display:flex;width:100%;font-family:var(--joy-font-family);font-size:var(--highlight-content-font-size);line-height:var(--joy-line-height-large);font-weight:var(--joy-font-weight-normal);color:var(--joy-color-text-body);margin:0;align-items:flex-start;padding:var(--joy-core-spacing-5);border-radius:var(--joy-core-radius-3);text-align:left;background-color:var(--highlight-background-color);word-break:break-word;color:var(--highlight-content-color);box-sizing:border-box}.joy-highlight__accent[data-v-15d3fa11]{border-left:7px solid var(--highlight-accent-color)}.joy-highlight joy-icon[data-v-15d3fa11]:first-child{color:var(--highlight-icon-color, var(--highlight-accent-color));--icon-size: var(--highlight-icon-size)}.joy-highlight__titled strong[data-v-15d3fa11]{display:block;font-weight:var(--joy-font-weight-bold);margin-bottom:0;font-size:var(--highlight-title-font-size)}.joy-highlight--text[data-v-15d3fa11]{font-size:var(--highlight-content-font-size);width:100%}.joy-highlight_small[data-v-15d3fa11]{display:inline-flex}.joy-highlight>joy-icon[data-v-15d3fa11]:first-child{margin-right:10px;margin-top:2px}.joy-highlight_neutral[data-v-15d3fa11]{--highlight-icon-color: var(--joy-color-neutral-60)}.joy-highlight_info[data-v-15d3fa11]{--highlight-background-color: var(--joy-color-information-10);--highlight-accent-color: var(--joy-color-information-50)}.joy-highlight_warning[data-v-15d3fa11]{--highlight-background-color: var(--joy-color-warning-10);--highlight-accent-color: var(--joy-color-warning-50)}.joy-highlight_error[data-v-15d3fa11]{--highlight-background-color: var(--joy-color-error-10);--highlight-accent-color: var(--joy-color-error-50)}.joy-highlight_success[data-v-15d3fa11]{--highlight-background-color: var(--joy-color-success-10);--highlight-accent-color: var(--joy-color-success-50)}.joy-label[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-400);display:block;width:100%;box-sizing:border-box;font-weight:var(--joy-font-weight-normal);line-height:var(--joy-line-height-large);font-size:var(--label-font-size);font-family:var(--joy-font-family);color:var(--joy-color-text-title);text-align:left;margin-bottom:var(--joy-core-spacing-2)}.joy-label--small[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-300)}.joy-label--medium[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-400)}.joy-label--large[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-600)}.joy-label-required[data-v-e3232407]{margin-left:var(--joy-core-spacing-1);font-size:var(--label-font-size);line-height:1}.joy-label-optional[data-v-e3232407]{font-size:var(--joy-font-size-primary-300);font-style:italic;color:var(--joy-color-neutral-40)}.joy-input--small[data-v-6eb67b7e]{--input-height: var(--joy-form-field-height-small);--input-radius: var(--joy-form-field-radius-small);--input-padding: var(--joy-core-spacing-2) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-200);--input-unit-height: 32px}.joy-input--medium[data-v-6eb67b7e]{--input-height: var(--joy-form-field-height-medium);--input-radius: var(--joy-form-field-radius-medium);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-300);--input-unit-height: 40px}.joy-input--large[data-v-6eb67b7e]{--input-height: var(--joy-form-field-height-large);--input-radius: var(--joy-form-field-radius-large);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-400);--input-unit-height: 56px}.joy-input[data-v-6eb67b7e]{display:block;--input-color: var(--joy-color-neutral-60);--input-focus-color: var(--joy-color-secondary-30);--input-hover-color: var(--joy-color-neutral-60);--input-hover-border-color: var(--joy-color-state-hover);--input-focus-border-color: var(--joy-color-state-focus);--input-border-color: var(--joy-color-neutral-30);--input-bg-color: white;--input-color-disabled: var(--joy-color-neutral-40);--input-border-color-disabled: var(--joy-color-neutral-30);--input-bg-color-disabled: var(--joy-color-neutral-10);--input-color-invalid: var(--joy-color-error-50);--input-color-invalid-hover: var(--joy-color-error-90);--input-icon-color: var(--joy-color-neutral-50);--input-transition-duration: var(--joy-transition-duration-default);position:relative;font-family:var(--joy-font-family)}.joy-input input[data-v-6eb67b7e]{position:relative;z-index:1;appearance:none;width:100%;box-sizing:border-box;background-color:var(--input-bg-color);border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-radius:var(--input-radius);height:var(--input-height);color:var(--input-color);font-size:var(--input-font-size);padding:var(--input-padding);outline:none}.joy-input input[data-v-6eb67b7e]::-webkit-input-placeholder{color:var(--joy-color-neutral-40)}.joy-input input[data-v-6eb67b7e]::-webkit-outer-spin-button,.joy-input input[data-v-6eb67b7e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joy-input input[data-v-6eb67b7e]::-webkit-search-cancel-button{appearance:none}.joy-input input[type=number][data-v-6eb67b7e]{-moz-appearance:textfield}.joy-input input[type=password][data-v-6eb67b7e]{font-family:Verdana;letter-spacing:.125em}.joy-input input[data-v-6eb67b7e]:hover{border-color:var(--joy-color-state-hover)}.joy-input input:hover~joy-icon[data-v-6eb67b7e]{color:var(--input-hover-color)}.joy-input input:hover~.joy-input--unit[data-v-6eb67b7e]{border-color:var(--input-hover-color)}.joy-input input[data-v-6eb67b7e]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-input input[data-v-6eb67b7e]:focus{border-color:var(--joy-color-state-focus)}.joy-input input:focus~joy-icon[data-v-6eb67b7e]{color:var(--input-focus-color)}.joy-input input:focus~.joy-input--unit[data-v-6eb67b7e]{border-color:var(--input-focus-border-color)}.joy-input joy-icon[data-v-6eb67b7e]{color:var(--input-color)}.joy-input .joy-input--password-icon[data-v-6eb67b7e]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;right:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper[data-v-6eb67b7e]{display:flex;align-items:center;position:relative}.joy-input .joy-input--wrapper-margin[data-v-6eb67b7e]{margin-bottom:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon joy-icon[data-v-6eb67b7e]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);user-select:none;left:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon input[data-v-6eb67b7e]{padding-left:var(--joy-core-spacing-10)}.joy-input .joy-input--wrapper-unit input[data-v-6eb67b7e]{border-right:0;border-bottom-right-radius:0;border-top-right-radius:0}.joy-input .joy-input--unit[data-v-6eb67b7e]{display:flex;align-items:center;padding-right:4px;cursor:default;position:relative;background-color:var(--input-bg-color);height:var(--input-height);border-radius:0 var(--input-height) var(--input-height) 0;text-align:center;font-style:normal;flex-shrink:0;box-sizing:border-box;border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-left:0}.joy-input .joy-input--unit[data-v-6eb67b7e]:before{content:attr(data-unit);display:flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;background-color:var(--joy-color-secondary-10);border-radius:var(--input-unit-height);font-size:var(--input-font-size);height:var(--input-unit-height);min-width:var(--input-unit-height);padding:0 var(--joy-core-spacing-3);color:var(--joy-color-secondary-50)}.joy-input input[data-v-6eb67b7e]:disabled,.joy-input input[data-v-6eb67b7e]:disabled:hover{cursor:not-allowed;background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled)}.joy-input input:disabled~joy-icon[data-v-6eb67b7e],.joy-input input:disabled:hover~joy-icon[data-v-6eb67b7e]{color:var(--input-color-disabled)}.joy-input input:disabled~.joy-input--unit[data-v-6eb67b7e],.joy-input input:disabled:hover~.joy-input--unit[data-v-6eb67b7e]{background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled)}.joy-input input.joy-input--field-invalid[data-v-6eb67b7e]{border-color:var(--input-color-invalid);color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~joy-icon[data-v-6eb67b7e]{color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~.joy-input--unit[data-v-6eb67b7e]{border-color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid[data-v-6eb67b7e]:hover,.joy-input input.joy-input--field-invalid[data-v-6eb67b7e]:focus{border-color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~joy-icon[data-v-6eb67b7e],.joy-input input.joy-input--field-invalid:focus~joy-icon[data-v-6eb67b7e]{color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~.joy-input--unit[data-v-6eb67b7e],.joy-input input.joy-input--field-invalid:focus~.joy-input--unit[data-v-6eb67b7e]{border-color:var(--input-color-invalid-hover)}.joy-input--wrapper---clearable input[data-v-6eb67b7e]{padding-right:var(--joy-core-spacing-10)}.joy-input--clear[data-v-6eb67b7e]{cursor:pointer;position:absolute;top:50%;z-index:2;right:var(--joy-core-spacing-5);transform:translateY(-50%)}.joy-link[data-v-640ee9a6]{--link-default-color: var(--joy-color-neutral-40);--link-default-color-hover: var(--joy-color-neutral-60);--link-default-color-visited: var(--joy-color-secondary-90);--link-border-color-focus: var(--joy-color-neutral-60);display:inline-flex;color:var(--link-default-color);font-size:inherit;font-family:inherit;font-weight:700;line-height:inherit;padding:0;border:2px solid transparent;background-color:transparent;border-radius:var(--joy-core-radius-2);align-items:center;cursor:pointer;text-decoration:none}.joy-link[data-v-640ee9a6]:hover{text-decoration:underline}.joy-link[data-v-640ee9a6]:hover,.joy-link:hover span[data-v-640ee9a6]{color:var(--link-default-color-hover);text-decoration:underline}.joy-link[data-v-640ee9a6]:focus-visible{border:2px solid var(--link-border-color-focus);border-radius:4px;text-decoration:none}.joy-link:focus-visible span[data-v-640ee9a6]{text-decoration:none}.joy-link[data-v-640ee9a6]:active,.joy-link[data-v-640ee9a6]:visited,.joy-link:visited span[data-v-640ee9a6]{color:var(--link-default-color-visited)}.joy-link joy-icon[data-v-640ee9a6],.joy-link[data-v-640ee9a6] .joy-icon{margin:0 var(--joy-core-spacing-2);color:inherit}.joy-link joy-icon svg[data-v-640ee9a6],.joy-link[data-v-640ee9a6] .joy-icon svg{color:inherit}.joy-link_teal[data-v-640ee9a6]{--link-default-color: var(--joy-color-secondary-30);--link-default-color-hover: var(--joy-color-secondary-50);--link-default-color-visited: var(--joy-color-secondary-90);color:var(--link-default-color)}.joy-link_teal[data-v-640ee9a6]:hover{color:var(--link-default-color-hover)}.joy-link_teal[data-v-640ee9a6]:active,.joy-link_teal[data-v-640ee9a6]:visited{color:var(--link-default-color-visited)}.joy-link_white[data-v-640ee9a6],.joy-link_white[data-v-640ee9a6]:hover,.joy-link_white[data-v-640ee9a6]:active{--link-default-color: white;--link-default-color-hover: white;--link-default-color-visited: white}.joy-link_white[data-v-640ee9a6]:active{opacity:.7}.joy-radio[data-v-822f5782]{--radio-size: 20px;--radio-color: var(--joy-color-text-body);--radio-circle-color: var(--joy-color-secondary-30);--radio-circle-color-hover: var(--joy-color-state-hover);--radio-circle-color-focus: var(--joy-color-state-focus);--radio-circle-color-disabled: var(--joy-color-neutral-30);--radio-color-disabled: var(--joy-color-neutral-40);--radio-circle-color-invalid: var(--joy-color-error-50);--radio-circle-color-invalid-hover: var(--joy-color-error-90);--radio-border-color-focus: var(--joy-color-neutral-60);display:block;box-sizing:border-box;position:relative;color:var(--radio-color);margin-bottom:var(--joy-core-spacing-4);outline:none;-webkit-touch-callout:none;user-select:none;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large)}.joy-radio--checked[data-v-822f5782]{z-index:2}.joy-radio input[type=radio]:focus-visible~*[data-v-822f5782]:after{box-sizing:border-box;box-shadow:0 0 0 1px var(--radio-border-color-focus)}.joy-radio--outline[data-v-822f5782]{width:100%}.joy-radio[data-v-822f5782]{cursor:pointer;display:flex;flex-direction:column;color:inherit}.joy-radio>input[type=radio][data-v-822f5782]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;top:15px}.joy-radio-label[data-v-822f5782]{display:flex;position:relative;text-align:left}.joy-radio-label[data-v-822f5782]:before{content:"";box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;top:0;flex-shrink:0;width:var(--radio-size);height:var(--radio-size);margin-right:var(--joy-core-spacing-1);border:var(--joy-form-border-width) solid var(--radio-circle-color);background-color:var(--radio-circle-color);border-radius:var(--joy-core-radius-5);box-shadow:inset 0 0 0 12px #fff}.joy-radio-label[data-v-822f5782] ::slotted(joy-icon){color:var(--joy-color-neutral-40)}.joy-radio-label[data-v-822f5782]:before{transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio-label[data-v-822f5782]:after{content:"";position:absolute;top:-2px;left:-2px;width:24px;height:24px;border-radius:50%;transition:box-shadow .15s ease}.joy-radio-content__wrapper[data-v-822f5782]{display:flex;flex-direction:column;padding-left:27px}.joy-radio-content__wrapper>.joy-radio-content[data-v-822f5782]:not(:empty){margin-top:var(--joy-core-spacing-4)}.joy-radio:hover span[data-v-822f5782]:before{border-color:var(--radio-circle-color-hover)}.joy-radio:focus span[data-v-822f5782]:before{border-color:var(--radio-circle-color-focus)}.joy-radio.joy-radio--checked .joy-radio__label[data-v-822f5782]{font-weight:var(--joy-font-weight-bold)}.joy-radio.joy-radio--checked[data-v-822f5782] ::slotted(joy-icon){color:var(--joy-color-secondary-50)}.joy-radio.joy-radio--checked .joy-radio-label[data-v-822f5782]:before{background-color:var(--radio-circle-color);box-shadow:inset 0 0 0 2px #fff}.joy-radio.joy-radio--checked:not(.joy-radio--disabled):hover .joy-radio-label[data-v-822f5782]:before,.joy-radio.joy-radio--checked:not(.joy-radio--disabled):active .joy-radio-label[data-v-822f5782]:before{background-color:var(--radio-circle-color-hover)}.joy-radio.joy-radio--disabled[data-v-822f5782]{color:var(--radio-color-disabled);cursor:not-allowed}.joy-radio.joy-radio--disabled .joy-radio-label[data-v-822f5782]:before{background-color:var(--radio-circle-color-disabled);border-color:var(--radio-circle-color-disabled)}.joy-radio.joy-radio--invalid .joy-radio-label[data-v-822f5782]:before{background-color:var(--radio-circle-color-invalid);border-color:var(--radio-circle-color-invalid)}.joy-radio.joy-radio--invalid:hover .joy-radio-label[data-v-822f5782]:before{border-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--invalid.joy-radio--checked:hover .joy-radio-label[data-v-822f5782]:before{border-color:var(--radio-circle-color-invalid-hover);background-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--outline[data-v-822f5782]{border:var(--joy-form-border-width) solid var(--joy-color-neutral-30);border-radius:var(--joy-core-radius-3);padding:var(--joy-core-spacing-6);transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio.joy-radio--outline .joy-radio-label[data-v-822f5782]{display:flex;align-items:flex-start}.joy-radio.joy-radio--outline .joy-radio-label[data-v-822f5782]:before{margin-right:var(--joy-core-spacing-2)}.joy-radio.joy-radio--outline.joy-radio--checked .joy-radio-label[data-v-822f5782]{font-weight:700}.joy-radio.joy-radio--outline.joy-radio--checked[data-v-822f5782]:not(.joy-radio--disabled),.joy-radio.joy-radio--outline[data-v-822f5782]:hover:not(.joy-radio--disabled){border-color:var(--joy-color-secondary-50);box-shadow:var(--joy-core-elevation-1)}@keyframes opacityAnimation-822f5782{0%{opacity:0}50%{opacity:0}to{opacity:1}}.joy-radio .joy-radio-expandable[data-v-822f5782]{transition:all var(--joy-transition-duration-default) var(--joy-transition-timing-function);height:0;opacity:0;overflow:hidden}.joy-radio .joy-radio-expandable--expanded[data-v-822f5782]{animation:opacityAnimation-822f5782 var(--joy-transition-duration-long) forwards;height:auto;overflow:visible;margin-top:var(--joy-core-spacing-4)}.joy-radio .joy-radio-expandable[data-v-822f5782] ::slotted(div[slot=expandable-content]){display:inline-block}.joy-radio-group[data-v-09adf076]{display:flex;align-items:center;flex-wrap:wrap;width:100%}.joy-radio-group .joy-form-error[data-v-09adf076]{width:100%;flex-shrink:0;margin-top:var(--joy-core-spacing-3)}.joy-radio-group-container[data-v-09adf076]{display:flex;align-items:flex-start;flex-wrap:wrap}.joy-radio-group-container.joy-radio-group-horizontal[data-v-09adf076]{flex-direction:row;justify-content:flex-start}.joy-radio-group-container.joy-radio-group-vertical[data-v-09adf076]{flex-direction:column;align-items:flex-start}.joy-radio-group-fieldset[data-v-09adf076]{border:0;padding:0;margin:0}[data-v-09adf076] .joy-radio:not(.joy-radio--outline){margin:0 var(--joy-core-spacing-4) var(--joy-core-spacing-4) 0}[data-v-09adf076] .joy-radio:last-child{margin-bottom:0}.joy-select__wrapper[data-v-7733736c]{position:relative;display:flex;align-items:center;justify-content:space-between;--select-transition: var(--joy-transition-duration-short);--select-height: var(--joy-form-field-height-medium);--select-color: var(--joy-color-neutral-50);--select-color-background: white;--select-icon-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-border-radius: var(--joy-form-field-radius-medium);--select-font-size: var(--joy-font-size-primary-400);--select-select-border: var(--joy-form-border-width) solid var(--joy-color-secondary-50);--select-select-border-radius: var(--select-border-radius);--select-select-max-height: 200px;--select-select-max-height-mobile: 50vh;--select-select-zindex: var(--joy-core-z-index-select)}.joy-select__wrapper *[data-v-7733736c]{box-sizing:border-box;outline:none}.joy-select[data-v-7733736c]{position:relative;display:block;width:100%;font-family:var(--joy-font-family);margin-bottom:0;cursor:pointer;appearance:none;height:var(--select-height);border:var(--joy-form-border-width) solid var(--select-border-color);border-radius:var(--select-border-radius);color:var(--select-color);font-size:var(--select-font-size);background:var(--select-color-background);padding:0 var(--joy-core-spacing-10) 0 var(--joy-core-spacing-5);transition:all var(--select-transition) var(--joy-transition-timing-function)}.joy-select[data-v-7733736c]:focus{--select-color: var(--joy-color-secondary-30);--select-border-color: var(--joy-color-secondary-30);--select-icon-color: var(--joy-color-secondary-30)}.joy-select[data-v-7733736c]:focus option{color:var(--joy-color-neutral-60);font-size:var(--joy-font-size-primary-300);font-family:var(--joy-font-family);background-color:#fff}.joy-select[data-v-7733736c]:focus option:disabled{background-color:var(--joy-color-neutral-10);color:var(--joy-color-neutral-40)}.joy-select[data-v-7733736c]:not([disabled]):hover{--select-border-color: var(--joy-color-secondary-30)}.joy-select--disabled[data-v-7733736c]{--select-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-color-background: var(--joy-color-neutral-10);--select-icon-color: var(--joy-color-neutral-30)}.joy-select--disabled select[data-v-7733736c]{cursor:not-allowed}.joy-select--invalid[data-v-7733736c]{--select-icon-color: var(--joy-color-error-50)}.joy-select--invalid[data-v-7733736c]:hover{--select-icon-color: var(--joy-color-state-error-hover)}.joy-select--invalid select[data-v-7733736c]{--select-color: var(--joy-color-error-50);--select-border-color: var(--joy-color-error-50)}.joy-select--invalid select[data-v-7733736c]:hover{--select-color: var(--joy-color-state-error-hover);--select-border-color: var(--joy-color-state-error-hover)}.joy-select__chevron[data-v-7733736c]{position:absolute;right:var(--joy-core-spacing-5);color:var(--select-icon-color);transition:transform var(--select-transition) var(--joy-transition-timing-function)}.joy-wrapper[data-v-dce6df77]{--wrapper-gap: var(--joy-core-spacing-8) var(--joy-core-spacing-4);display:flex;gap:var(--wrapper-gap);flex-wrap:wrap;margin-bottom:var(--joy-core-spacing-8)}.joy-wrapper[data-v-dce6df77]>*{max-width:100%}.joy-wrapper--justify-flex-start[data-v-dce6df77]{justify-content:flex-start}.joy-wrapper--justify-flex-end[data-v-dce6df77]{justify-content:flex-end}.joy-wrapper--justify-center[data-v-dce6df77]{justify-content:center}.joy-wrapper--justify-space-between[data-v-dce6df77]{justify-content:space-between}.joy-wrapper--align-flex-start[data-v-dce6df77]{align-items:flex-start}.joy-wrapper--align-flex-end[data-v-dce6df77]{align-items:flex-end}.joy-wrapper--align-center[data-v-dce6df77]{align-items:center}.joy-wrapper--align-stretch[data-v-dce6df77]{align-items:stretch}.joy-wrapper--direction-row[data-v-dce6df77]{flex-direction:row}.joy-wrapper--direction-column[data-v-dce6df77]{flex-direction:column}.joy-wrapper--wrap-wrap[data-v-dce6df77]{flex-wrap:wrap}.joy-wrapper--wrap-nowrap[data-v-dce6df77]{flex-wrap:nowrap}.joy-template[data-v-d8b3fcfa]{--template-sidebar-width: 320px;--template-layout-width: 1024px;--template-layout-background-color: var(--joy-color-neutral-10);--template-inner-spacing: var(--joy-core-spacing-8);display:block;background-color:var(--template-layout-background-color);max-width:var(--template-layout-width);margin:0 auto;padding:var(--template-inner-spacing);box-sizing:border-box}.joy-template--full[data-v-d8b3fcfa]{--template-layout-width: 100%}.joy-template .joy-template-slot-title[data-v-d8b3fcfa]{font-family:var(--joy-font-family-title);font-weight:500;font-size:var(--joy-font-size-secondary-200);line-height:var(--joy-line-height-small);color:var(--joy-color-neutral-5);margin:0 0 var(--joy-core-spacing-2) 0}.joy-template .joy-template-slot-title[data-v-d8b3fcfa] *{margin:0;padding:0;font:inherit!important}.joy-template .joy-template-slot-subtitle[data-v-d8b3fcfa]{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);color:var(--joy-color-neutral-5);margin:0}.joy-template .joy-template-slot-main[data-v-d8b3fcfa]{flex:1}.joy-template .joy-template-slot-sidebar[data-v-d8b3fcfa]{flex:0 0 var(--template-sidebar-width)}.joy-template__heading[data-v-d8b3fcfa]{display:flex;align-items:flex-start;padding:0;margin-bottom:var(--joy-core-spacing-8)}.joy-template__heading .joy-template-slot-back[data-v-d8b3fcfa]{margin-right:var(--joy-core-spacing-3);margin-top:calc(var(--joy-core-spacing-2) * -1)}.joy-template__content[data-v-d8b3fcfa]{display:flex;align-content:flex-start;flex-wrap:nowrap;gap:var(--joy-core-spacing-8)}.joy-template__content--reverse[data-v-d8b3fcfa]{flex-direction:row-reverse}@media screen and (max-width: 1024px){.joy-template__content[data-v-d8b3fcfa],.joy-template__content--reverse[data-v-d8b3fcfa]{flex-wrap:wrap}.joy-template__content .joy-template-slot-sidebar[data-v-d8b3fcfa],.joy-template__content .joy-template-slot-main[data-v-d8b3fcfa]{flex:1 0 100%}.joy-template__content joy-panel[data-v-d8b3fcfa-s]{--panel-bottom-margin: 0}}.joy-toggle[data-v-e617de9c]{--toggle-width: 42px;--toggle-height: 22px;--toggle-width-focus: calc(var(--toggle-width) + 2px);--toggle-radius: calc(var(--toggle-height) / 2);--toggle-bubble-space: 4px;--toggle-bubble-size: calc(var(--toggle-height) - var(--toggle-bubble-space));--toggle-bubble-translation-value: calc(var(--toggle-width) - var(--toggle-bubble-size) - var(--toggle-bubble-space));--toggle-bg-color-hover-checked: var(--joy-color-secondary-50);--toggle-bg-color-hover: var(--joy-color-neutral-40);--toggle-bg-color-active-checked: var(--joy-color-secondary-90);--toggle-bg-color-disabled: var(--joy-color-neutral-10);--toggle-bubble-bg-color-disabled: var(--joy-color-neutral-30);--toggle-bg-color-inactive: var(--joy-color-neutral-30);--toggle-bubble-bg-color-inactive: white;--toggle-bg-color-active: var(--joy-color-secondary-30);--toggle-bubble-bg-color-active: white;--toggle-border-color-focus: var(--joy-color-neutral-60);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);color:var(--joy-color-text-body);display:inline-flex}.joy-toggle[data-v-e617de9c]{position:relative;cursor:pointer;display:block;-webkit-touch-callout:none;user-select:none}.joy-toggle_disabled[data-v-e617de9c]{cursor:not-allowed}.joy-toggle__input[data-v-e617de9c]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.joy-toggle__input:focus-visible+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-hover)}.joy-toggle__input:checked:focus-visible+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-active-checked)}.joy-toggle__input+*[data-v-e617de9c]{display:inline-flex;align-items:flex-start;margin:0}.joy-toggle__input+*[data-v-e617de9c]:before{content:"";position:relative;display:block;flex-shrink:0;top:2px;width:var(--toggle-width);height:var(--toggle-height);margin-right:var(--joy-core-spacing-1);background-color:var(--toggle-bg-color-inactive);border-radius:var(--toggle-radius);transition:backgroud-color,box-shadow .15s ease}.joy-toggle__input+*[data-v-e617de9c]:after{content:"";position:absolute;top:var(--toggle-bubble-space);left:2px;width:var(--toggle-bubble-size);height:var(--toggle-bubble-size);border-radius:50%;background-color:var(--toggle-bubble-bg-color-inactive);transition:all var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-toggle__input:checked+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-active)}.joy-toggle__input:checked+*[data-v-e617de9c]:after{transform:translate(var(--toggle-bubble-translation-value))}.joy-toggle__input:disabled+*[data-v-e617de9c]{cursor:not-allowed}.joy-toggle__input:disabled+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-disabled);border:1px solid var(--toggle-bubble-bg-color-disabled)}.joy-toggle__input:disabled+*[data-v-e617de9c]:after{background-color:var(--toggle-bubble-bg-color-disabled)}.joy-toggle:hover .joy-toggle__input:not(:disabled):checked+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-hover-checked)}.joy-toggle:hover .joy-toggle__input:not(:disabled)+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-hover)}.joy-toggle:active .joy-toggle__input:not(:disabled):checked+*[data-v-e617de9c]:before{background-color:var(--toggle-bg-color-active-checked)}

package/dist/tests/composables/prop.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/composables/test-components/CheckboxFormProps.vue.d.ts

@@ -0,0 +1,62 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean;
+    modelValue: boolean;
+    value: string;
+}>;
+export default _default;

package/dist/tests/composables/test-components/GenericFormProps.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean;
+}>;
+export default _default;

package/dist/tests/composables/test-components/GenericFormPropsWithLabel.vue.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import("vue").DefineComponent<{
+    label: StringConstructor;
+    labelSize: {
+        type: import("vue").PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
+    labelSize: {
+        type: import("vue").PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean;
+    labelSize: "small" | "large" | "medium";
+}>;
+export default _default;

package/dist/tests/helpers.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -5,3 +5,4 @@
  */
 export declare const GENERIC_VARIANTS: readonly ["primary", "secondary"];
 export declare const SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
+export declare const LEVELS: readonly ["neutral", "success", "info", "warning", "error"];

package/joy-components.d.ts

@@ -1,15 +1,20 @@
 // @ts-nocheck
-declare module "vue" {
+declare module 'vue' {
   export interface GlobalComponents {
-    JoyButton: typeof import("./dist/components/JoyButton/JoyButton.vue")["default"];
-    JoyInput: typeof import("./dist/components/JoyInput/JoyInput.vue")["default"];
-    JoyLabel: typeof import("./dist/components/JoyLabel/JoyLabel.vue")["default"];
-    JoyLink: typeof import("./dist/components/JoyLink/JoyLink.vue")["default"];
-    JoyRadio: typeof import("./dist/components/JoyRadio/JoyRadio.vue")["default"];
-    JoyRadioGroup: typeof import("./dist/components/JoyRadioGroup/JoyRadioGroup.vue")["default"];
-    JoySpinner: typeof import("./dist/components/JoySpinner/JoySpinner.vue")["default"];
-    JoyTemplate: typeof import("./dist/components/JoyTemplate/JoyTemplate.vue")["default"];
-    JoyWrapper: typeof import("./dist/components/JoyWrapper/JoyWrapper.vue")["default"];
+    JoyButton: typeof import('./dist/components/JoyButton/JoyButton.vue')['default'];
+    JoyCheckbox: typeof import('./dist/components/JoyCheckbox/JoyCheckbox.vue')['default'];
+    JoyFormError: typeof import('./dist/components/JoyFormError/JoyFormError.vue')['default'];
+    JoyHighlight: typeof import('./dist/components/JoyHighlight/JoyHighlight.vue')['default'];
+    JoyInput: typeof import('./dist/components/JoyInput/JoyInput.vue')['default'];
+    JoyLabel: typeof import('./dist/components/JoyLabel/JoyLabel.vue')['default'];
+    JoyLink: typeof import('./dist/components/JoyLink/JoyLink.vue')['default'];
+    JoyRadio: typeof import('./dist/components/JoyRadio/JoyRadio.vue')['default'];
+    JoyRadioGroup: typeof import('./dist/components/JoyRadioGroup/JoyRadioGroup.vue')['default'];
+    JoySelect: typeof import('./dist/components/JoySelect/JoySelect.vue')['default'];
+    JoySpinner: typeof import('./dist/components/JoySpinner/JoySpinner.vue')['default'];
+    JoyTemplate: typeof import('./dist/components/JoyTemplate/JoyTemplate.vue')['default'];
+    JoyToggle: typeof import('./dist/components/JoyToggle/JoyToggle.vue')['default'];
+    JoyWrapper: typeof import('./dist/components/JoyWrapper/JoyWrapper.vue')['default'];
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@maltjoy/core-vue",
-    "version": "1.0.0-alpha.3",
+    "version": "1.0.0-alpha.4",
     "type": "module",
     "files": [
         "dist",

package/dist/components/JoySelect/JoySelect.types.d.ts

@@ -1,2 +0,0 @@
-import { SIZES } from '@/types';
-export type LabelSizes = Extract<(typeof SIZES)[number], 'medium' | 'large'>;