@maltjoy/core-vue 1.0.0-alpha.2 → 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 j=["teal","white"],k=e.defineComponent({__name:"JoySpinner",props:{color:{type:String,validator(t){return j.includes(t)}}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["joy-spinner",`joy-spinner_${t.color}`])},null,2))}}),M="",p=(t,o)=>{const n=t.__vccOpts||t;for(const[d,i]of o)n[d]=i;return n},y=p(k,[["__scopeId","data-v-e97b61a5"]]),C=["primary","secondary"],J=["xlarge","large","medium","small","xsmall","xxsmall"],I=["main","admin","white","ghost"],V=[...C,...I],w=[...J],$=["xxsmall","xsmall","small"],z=["name","size"],E={class:"joy-button--slot"},N=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 V.includes(t)}},size:{type:String,default:"medium",validator(t){return w.includes(t)}},iconSize:{type:String,default:"xsmall",validator(t){return $.includes(t)}}},setup(t){const o=t,n=e.useAttrs(),d=e.computed(()=>["white","ghost","secondary"].includes(o.variant)?"teal":"white");return(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(n).href?"a":"button"),{disabled:t.loading||e.unref(n).disabled,class:e.normalizeClass(["joy-button",`joy-button_${t.variant}`,`joy-button_${t.size}`,{"joy-button_circle":o.circle,"joy-button_loading":o.loading}])},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,name:t.icon,size:t.iconSize,lazy:!1},null,8,z)):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(y,{key:1,color:e.unref(d)},null,8,["color"])):e.createCommentVNode("",!0),e.createElementVNode("span",E,[e.renderSlot(i.$slots,"default",{},void 0,!0)])]),_:3},8,["disabled","class"]))}}),Z="",_=p(N,[["__scopeId","data-v-107b2043"]]),h=["small","medium","large"],x={key:0,class:"joy-label-required"},L={key:1,class:"joy-label-optional"},T=e.defineComponent({__name:"JoyLabel",props:{size:{type:String,default:"medium",validator(t){return h.includes(t)}},required:{type:Boolean,default:!1},optionalLabel:{type:String}},setup(t){const o=t;return(n,d)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:["joy-label",`joy-label--${t.size}`]},n.$attrs),[e.renderSlot(n.$slots,"default",{},void 0,!0),o.required?(e.openBlock(),e.createElementBlock("span",x,"*")):e.createCommentVNode("",!0),o.optionalLabel?(e.openBlock(),e.createElementBlock("span",L," - "+e.toDisplayString(o.optionalLabel),1)):e.createCommentVNode("",!0)],16))}}),D="",m=p(T,[["__scopeId","data-v-21392cc3"]]),q=["id","type","value"],A=["data-unit"],O=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,required:!0},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:o}){const n=t,d=e.ref(),i=e.ref(),u=e.useAttrs(),b=e.useSlots(),f=e.ref(!1),F=e.computed(()=>n.clearable&&n.modelValue.length>0&&!n.unit),R=e.computed(()=>b.default&&b.default()),W=e.computed(()=>{var s,l;return!!((s=i.value)!=null&&s.closest("joy-wrapper"))||!!((l=i.value)!=null&&l.closest(".joy-wrapper"))}),B=e.ref(n.type);e.onBeforeMount(()=>{B.value=n.unit?"number":n.unit||"text"});const r={onFocus:()=>{f.value=!0},onBlur:()=>{f.value=!1},onInput:s=>{let l=s.target.value;o("update:modelValue",l)},clearValue:()=>{o("update:modelValue","")}};return(s,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:i,class:e.normalizeClass([`joy-input--${n.size}`])},[e.createElementVNode("div",{class:e.normalizeClass(["joy-input",{"joy-input--focusing":f.value,"joy-input--disabled":e.unref(u).disabled,"joy-input--invalid":n.invalid,"joy-input--valid":!n.invalid&&!e.unref(u).disabled}])},[e.unref(R)?(e.openBlock(),e.createBlock(m,{key:0,for:n.name,required:n.required&&n.requiredMark,"optional-label":t.optionalLabel,size:t.labelSize},{default:e.withCtx(()=>[e.renderSlot(s.$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":!!n.icon,"joy-input--wrapper---clearable":n.clearable,"joy-input--wrapper-unit":!!n.unit,"joy-input--wrapper-margin":!e.unref(W)}])},[e.createElementVNode("input",e.mergeProps(s.$attrs,{id:n.name,ref_key:"input",ref:d,class:[{"joy-input--field-disabled":e.unref(u).disabled,"joy-input--field-invalid":n.invalid}],type:B.value,value:t.modelValue,onFocus:l[0]||(l[0]=(...c)=>r.onFocus&&r.onFocus(...c)),onBlur:l[1]||(l[1]=(...c)=>r.onBlur&&r.onBlur(...c)),onInput:l[2]||(l[2]=(...c)=>r.onInput&&r.onInput(...c))}),null,16,q),e.unref(F)?(e.openBlock(),e.createElementBlock("joy-icon",{key:0,size:"xxsmall",name:"cross",class:"joy-input--clear",onClick:l[3]||(l[3]=(...c)=>r.clearValue&&r.clearValue(...c))})):e.createCommentVNode("",!0),n.unit?(e.openBlock(),e.createElementBlock("div",{key:1,"data-unit":n.unit,class:"joy-input--unit"},null,8,A)):e.createCommentVNode("",!0)],2)],2)],2))}}),U="",S=p(O,[["__scopeId","data-v-2249f4f9"]]),g=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(o,n)=>(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(o.$slots,"default")],2))}}),G="",P={install:t=>{t.component("JoyButton",_),t.component("JoyInput",S),t.component("JoyLabel",m),t.component("JoySpinner",y),t.component("JoyWrapper",g)}};a.JoyButton=_,a.JoyInput=S,a.JoyLabel=m,a.JoySpinner=y,a.JoyVuePlugin=P,a.JoyWrapper=g,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/main.d.ts

@@ -0,0 +1 @@
+import './style.scss';

package/dist/style.css

@@ -1 +1 @@
-.joy-spinner[data-v-e97b61a5]{--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-e97b61a5 1.1s infinite linear;animation:load8-e97b61a5 1.1s infinite linear}.joy-spinner[data-v-e97b61a5],.joy-spinner[data-v-e97b61a5]:after{border-radius:50%;width:var(--spinner-size);height:var(--spinner-size)}@-webkit-keyframes load8-e97b61a5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes load8-e97b61a5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.joy-spinner_white[data-v-e97b61a5]{--spinner-default-color: #ffffff;--spinner-default-bg-color: rgba(255, 255, 255, .2)}.joy-button[data-v-107b2043]{--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-107b2043]{margin-right:var(--joy-core-spacing-2);color:inherit}.joy-button[data-v-107b2043]: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-107b2043]:focus-visible:after{box-shadow:0 0 0 2px var(--button-focus-border-color)}.joy-button *[data-v-107b2043]{pointer-events:none}.joy-button.disabled[data-v-107b2043],.joy-button[data-v-107b2043]:disabled,.joy-button[disabled][data-v-107b2043]: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-107b2043],.joy-button:disabled joy-icon[data-v-107b2043],.joy-button[disabled]:hover joy-icon[data-v-107b2043]{color:var(--button-icon-color-disabled)}.joy-button.joy-button_loading[data-v-107b2043]{cursor:not-allowed;color:transparent}.joy-button.joy-button_loading[data-v-107b2043]:hover{color:transparent}.joy-button.joy-button_loading joy-icon[data-v-107b2043]{color:transparent}.joy-button joy-spinner[data-v-107b2043]{position:absolute;margin:auto}.joy-button.joy-button_circle[data-v-107b2043]{padding:0;min-width:auto;border-radius:var(--joy-core-radius-5)}.joy-button.joy-button_circle joy-icon[data-v-107b2043]{margin:0}.joy-button.joy-button_circle .joy-button--slot[data-v-107b2043]{display:none}.joy-button_main[data-v-107b2043]{background-color:var(--button-bg-color-main);color:#fff}.joy-button_main[data-v-107b2043]:hover{background-color:var(--button-bg-color-main-hover)}.joy-button_main[data-v-107b2043]:active{background-color:var(--button-bg-color-main-active)}.joy-button_primary[data-v-107b2043]{background-color:var(--button-bg-color-primary);color:#fff}.joy-button_primary[data-v-107b2043]:hover{background-color:var(--button-bg-color-primary-hover)}.joy-button_primary[data-v-107b2043]:active{background-color:var(--button-bg-color-primary-active)}.joy-button_secondary[data-v-107b2043]{background-color:transparent;color:var(--button-color-secondary);border:2px solid var(--button-color-secondary)}.joy-button_secondary[data-v-107b2043]:hover,.joy-button_secondary[data-v-107b2043]:active{background-color:var(--button-bg-color-secondary-hover)}.joy-button_secondary[data-v-107b2043]:active{color:var(--button-bg-color-secondary-active);border-color:var(--button-bg-color-secondary-active)}.joy-button_secondary.disabled[data-v-107b2043],.joy-button_secondary[data-v-107b2043]:disabled,.joy-button_secondary[disabled][data-v-107b2043]: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-107b2043]{color:var(--button-color-white);background-color:#fff}.joy-button_white[data-v-107b2043]:hover{color:var(--button-color-white-hover);background-color:var(--button-bg-color-white-hover)}.joy-button_white[data-v-107b2043]: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-107b2043]{color:var(--button-icon-color-white-hover)}.joy-button_ghost[data-v-107b2043]{color:var(--button-color-ghost);background-color:transparent}.joy-button_ghost[data-v-107b2043]:hover{color:var(--button-color-ghost-hover);background-color:var(--button-bg-color-ghost-hover)}.joy-button_ghost[data-v-107b2043]: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-107b2043]{color:var(--button-color-ghost-hover)}.joy-button_ghost[data-v-107b2043]:disabled,.joy-button_ghost[data-v-107b2043]:disabled:hover{background-color:transparent}.joy-button_admin[data-v-107b2043]{color:#fff;background-color:var(--button-bg-color-admin)}.joy-button_xxsmall[data-v-107b2043]{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-107b2043]{--spinner-size: 12px}.joy-button_xxsmall[data-v-107b2043]:after{border-radius:calc(var(--joy-form-field-radius-xxsmall) + 2px)}.joy-button_xxsmall.joy-button_circle[data-v-107b2043]{width:var(--joy-form-field-height-xxsmall)}.joy-button_xsmall[data-v-107b2043]{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-107b2043]{--spinner-size: 16px}.joy-button_xsmall[data-v-107b2043]:after{border-radius:calc(var(--joy-form-field-radius-xsmall) + 2px)}.joy-button_xsmall.joy-button_circle[data-v-107b2043]{width:var(--joy-form-field-height-xsmall)}.joy-button_small[data-v-107b2043]{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-107b2043]{--spinner-size: 20px}.joy-button_small[data-v-107b2043]:after{border-radius:calc(var(--joy-form-field-radius-small) + 2px)}.joy-button_small.joy-button_circle[data-v-107b2043]{width:var(--joy-form-field-height-small)}.joy-button_medium[data-v-107b2043]{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-107b2043]:after{border-radius:calc(var(--joy-form-field-radius-medium) + 2px)}.joy-button_medium.joy-button_circle[data-v-107b2043]{width:var(--joy-form-field-height-medium)}.joy-button_large[data-v-107b2043]{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-107b2043]:after{border-radius:calc(var(--joy-form-field-radius-large) + 2px)}.joy-button_large.joy-button_circle[data-v-107b2043]{width:var(--joy-form-field-height-large)}.joy-label[data-v-21392cc3]{--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-21392cc3]{--label-font-size: var(--joy-font-size-primary-300)}.joy-label--medium[data-v-21392cc3]{--label-font-size: var(--joy-font-size-primary-400)}.joy-label--large[data-v-21392cc3]{--label-font-size: var(--joy-font-size-primary-600)}.joy-label-required[data-v-21392cc3]{margin-left:var(--joy-core-spacing-1);font-size:var(--label-font-size);line-height:1}.joy-label-optional[data-v-21392cc3]{font-size:var(--joy-font-size-primary-300);font-style:italic;color:var(--joy-color-neutral-40)}.joy-input--small[data-v-2249f4f9]{--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-2249f4f9]{--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-2249f4f9]{--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-2249f4f9]{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-2249f4f9]{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-2249f4f9]::-webkit-input-placeholder{color:var(--joy-color-neutral-40)}.joy-input input[data-v-2249f4f9]::-webkit-outer-spin-button,.joy-input input[data-v-2249f4f9]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joy-input input[data-v-2249f4f9]::-webkit-search-cancel-button{appearance:none}.joy-input input[type=number][data-v-2249f4f9]{-moz-appearance:textfield}.joy-input input[type=password][data-v-2249f4f9]{font-family:Verdana;letter-spacing:.125em}.joy-input input[data-v-2249f4f9]:hover{border-color:var(--joy-color-state-hover)}.joy-input input:hover~joy-icon[data-v-2249f4f9]{color:var(--input-hover-color)}.joy-input input:hover~.joy-input--unit[data-v-2249f4f9]{border-color:var(--input-hover-color)}.joy-input input[data-v-2249f4f9]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-input input[data-v-2249f4f9]:focus{border-color:var(--joy-color-state-focus)}.joy-input input:focus~joy-icon[data-v-2249f4f9]{color:var(--input-focus-color)}.joy-input input:focus~.joy-input--unit[data-v-2249f4f9]{border-color:var(--input-focus-border-color)}.joy-input joy-icon[data-v-2249f4f9]{color:var(--input-color)}.joy-input .joy-input--password-icon[data-v-2249f4f9]{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-2249f4f9]{display:flex;align-items:center;position:relative}.joy-input .joy-input--wrapper-margin[data-v-2249f4f9]{margin-bottom:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon joy-icon[data-v-2249f4f9]{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-2249f4f9]{padding-left:var(--joy-core-spacing-10)}.joy-input .joy-input--wrapper-unit input[data-v-2249f4f9]{border-right:0;border-bottom-right-radius:0;border-top-right-radius:0}.joy-input .joy-input--unit[data-v-2249f4f9]{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-2249f4f9]: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-2249f4f9]:disabled,.joy-input input[data-v-2249f4f9]: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-2249f4f9],.joy-input input:disabled:hover~joy-icon[data-v-2249f4f9]{color:var(--input-color-disabled)}.joy-input input:disabled~.joy-input--unit[data-v-2249f4f9],.joy-input input:disabled:hover~.joy-input--unit[data-v-2249f4f9]{background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled)}.joy-input input.joy-input--field-invalid[data-v-2249f4f9]{border-color:var(--input-color-invalid);color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~joy-icon[data-v-2249f4f9]{color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~.joy-input--unit[data-v-2249f4f9]{border-color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid[data-v-2249f4f9]:hover,.joy-input input.joy-input--field-invalid[data-v-2249f4f9]:focus{border-color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~joy-icon[data-v-2249f4f9],.joy-input input.joy-input--field-invalid:focus~joy-icon[data-v-2249f4f9]{color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~.joy-input--unit[data-v-2249f4f9],.joy-input input.joy-input--field-invalid:focus~.joy-input--unit[data-v-2249f4f9]{border-color:var(--input-color-invalid-hover)}.joy-input--wrapper---clearable input[data-v-2249f4f9]{padding-right:var(--joy-core-spacing-10)}.joy-input--clear[data-v-2249f4f9]{cursor:pointer;position:absolute;top:50%;z-index:2;right:var(--joy-core-spacing-5);transform:translateY(-50%)}.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-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,10 +1,20 @@
 // @ts-nocheck
-declare module "vue" {
+declare module 'vue' {
   export interface GlobalComponents {
-    JoyButton: typeof import("./dist/components/JoyButton/JoyButton.vue")["default"];
-    JoySpinner: typeof import("./dist/components/JoySpinner/JoySpinner.vue")["default"];
-    JoyInput: typeof import("./dist/components/JoyInput/JoyInput.vue")["default"];
-    JoyLabel: typeof import("./dist/components/JoyLabel/JoyLabel.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,53 +1,53 @@
 {
-  "name": "@maltjoy/core-vue",
-  "version": "1.0.0-alpha.2",
-  "type": "module",
-  "files": [
-    "dist",
-    "index.d.ts",
-    "joy-components.d.ts"
-  ],
-  "main": "./dist/joy-vue.umd.cjs",
-  "module": "./dist/joy-vue.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/joy-vue.js",
-      "require": "./dist/joy-vue.umd.cjs"
+    "name": "@maltjoy/core-vue",
+    "version": "1.0.0-alpha.4",
+    "type": "module",
+    "files": [
+        "dist",
+        "index.d.ts",
+        "joy-components.d.ts"
+    ],
+    "main": "./dist/joy-vue.umd.cjs",
+    "module": "./dist/joy-vue.js",
+    "types": "./index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/joy-vue.js",
+            "require": "./dist/joy-vue.umd.cjs"
+        },
+        "./dist/style.css": "./dist/style.css"
     },
-    "./dist/style.css": "./dist/style.css"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview",
-    "test": "vitest --dom --coverage",
-    "lint": "eslint --ext .ts,.vue src",
-    "lint:fix": "eslint --ext .ts,.vue src --fix",
-    "format": "prettier --write \"**/*.{js,ts,vue}\"",
-    "format:staged": "prettier --write"
-  },
-  "dependencies": {
-    "@maltjoy/themes": "^2.1.2",
-    "vue": "3.2.45"
-  },
-  "devDependencies": {
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@typescript-eslint/parser": "5.51.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitest/coverage-istanbul": "^0.28.4",
-    "@vue/runtime-core": "3.2.45",
-    "@vue/runtime-dom": "3.2.45",
-    "@vue/test-utils": "^2.2.10",
-    "eslint": "7.22.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-vue": "^9.9.0",
-    "happy-dom": "^8.2.6",
-    "prettier": "^2.8.3",
-    "typescript": "^4.9.3",
-    "vite": "^4.0.0",
-    "vite-plugin-dts": "^1.7.2",
-    "vitest": "^0.28.4",
-    "vue-tsc": "^1.0.11"
-  }
+    "scripts": {
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
+        "preview": "vite preview",
+        "test": "vitest --dom --coverage",
+        "lint": "eslint --ext .ts,.vue src",
+        "lint:fix": "eslint --ext .ts,.vue src --fix",
+        "lint:staged": "eslint --fix",
+        "format": "prettier --write \"**/*.{js,ts,vue}\"",
+        "format:staged": "prettier --write"
+    },
+    "dependencies": {
+        "@maltjoy/themes": "^2.1.2",
+        "vue": "3.2.47"
+    },
+    "devDependencies": {
+        "@rushstack/eslint-patch": "^1.2.0",
+        "@typescript-eslint/parser": "5.51.0",
+        "@vitejs/plugin-vue": "^4.0.0",
+        "@vitest/coverage-istanbul": "^0.28.4",
+        "@vue/runtime-core": "3.2.47",
+        "@vue/runtime-dom": "3.2.47",
+        "@vue/test-utils": "^2.2.10",
+        "eslint": "7.22.0",
+        "eslint-config-prettier": "^8.6.0",
+        "eslint-plugin-vue": "^9.9.0",
+        "happy-dom": "^8.2.6",
+        "prettier": "^2.8.3",
+        "typescript": "^4.9.3",
+        "vite": "^4.0.0",
+        "vitest": "^0.28.4",
+        "vue-tsc": "^1.0.11"
+    }
 }

package/dist/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />