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

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

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-label[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-400);display:block;width:100%;box-sizing:border-box;font-weight:var(--joy-font-weight-normal);line-height:var(--joy-line-height-large);font-size:var(--label-font-size);font-family:var(--joy-font-family);color:var(--joy-color-text-title);text-align:left;margin-bottom:var(--joy-core-spacing-2)}.joy-label--small[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-300)}.joy-label--medium[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-400)}.joy-label--large[data-v-e3232407]{--label-font-size: var(--joy-font-size-primary-600)}.joy-label-required[data-v-e3232407]{margin-left:var(--joy-core-spacing-1);font-size:var(--label-font-size);line-height:1}.joy-label-optional[data-v-e3232407]{font-size:var(--joy-font-size-primary-300);font-style:italic;color:var(--joy-color-neutral-40)}.joy-input--small[data-v-da36bd3d]{--input-height: var(--joy-form-field-height-small);--input-radius: var(--joy-form-field-radius-small);--input-padding: var(--joy-core-spacing-2) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-200);--input-unit-height: 32px}.joy-input--medium[data-v-da36bd3d]{--input-height: var(--joy-form-field-height-medium);--input-radius: var(--joy-form-field-radius-medium);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-300);--input-unit-height: 40px}.joy-input--large[data-v-da36bd3d]{--input-height: var(--joy-form-field-height-large);--input-radius: var(--joy-form-field-radius-large);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-400);--input-unit-height: 56px}.joy-input[data-v-da36bd3d]{display:block;--input-color: var(--joy-color-neutral-60);--input-focus-color: var(--joy-color-secondary-30);--input-hover-color: var(--joy-color-neutral-60);--input-hover-border-color: var(--joy-color-state-hover);--input-focus-border-color: var(--joy-color-state-focus);--input-border-color: var(--joy-color-neutral-30);--input-bg-color: white;--input-color-disabled: var(--joy-color-neutral-40);--input-border-color-disabled: var(--joy-color-neutral-30);--input-bg-color-disabled: var(--joy-color-neutral-10);--input-color-invalid: var(--joy-color-error-50);--input-color-invalid-hover: var(--joy-color-error-90);--input-icon-color: var(--joy-color-neutral-50);--input-transition-duration: var(--joy-transition-duration-default);position:relative;font-family:var(--joy-font-family)}.joy-input input[data-v-da36bd3d]{position:relative;z-index:1;appearance:none;width:100%;box-sizing:border-box;background-color:var(--input-bg-color);border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-radius:var(--input-radius);height:var(--input-height);color:var(--input-color);font-size:var(--input-font-size);padding:var(--input-padding);outline:none}.joy-input input[data-v-da36bd3d]::-webkit-input-placeholder{color:var(--joy-color-neutral-40)}.joy-input input[data-v-da36bd3d]::-webkit-outer-spin-button,.joy-input input[data-v-da36bd3d]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joy-input input[data-v-da36bd3d]::-webkit-search-cancel-button{appearance:none}.joy-input input[type=number][data-v-da36bd3d]{-moz-appearance:textfield}.joy-input input[type=password][data-v-da36bd3d]{font-family:Verdana;letter-spacing:.125em}.joy-input input[data-v-da36bd3d]:hover{border-color:var(--joy-color-state-hover)}.joy-input input:hover~joy-icon[data-v-da36bd3d]{color:var(--input-hover-color)}.joy-input input:hover~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-hover-color)}.joy-input input[data-v-da36bd3d]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-input input[data-v-da36bd3d]:focus{border-color:var(--joy-color-state-focus)}.joy-input input:focus~joy-icon[data-v-da36bd3d]{color:var(--input-focus-color)}.joy-input input:focus~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-focus-border-color)}.joy-input joy-icon[data-v-da36bd3d]{color:var(--input-color)}.joy-input .joy-input--password-icon[data-v-da36bd3d]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;right:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper[data-v-da36bd3d]{display:flex;align-items:center;position:relative}.joy-input .joy-input--wrapper-margin[data-v-da36bd3d]{margin-bottom:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon joy-icon[data-v-da36bd3d]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);user-select:none;left:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon input[data-v-da36bd3d]{padding-left:var(--joy-core-spacing-10)}.joy-input .joy-input--wrapper-unit input[data-v-da36bd3d]{border-right:0;border-bottom-right-radius:0;border-top-right-radius:0}.joy-input .joy-input--unit[data-v-da36bd3d]{display:flex;align-items:center;padding-right:4px;cursor:default;position:relative;background-color:var(--input-bg-color);height:var(--input-height);border-radius:0 var(--input-height) var(--input-height) 0;text-align:center;font-style:normal;flex-shrink:0;box-sizing:border-box;border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-left:0}.joy-input .joy-input--unit[data-v-da36bd3d]:before{content:attr(data-unit);display:flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;background-color:var(--joy-color-secondary-10);border-radius:var(--input-unit-height);font-size:var(--input-font-size);height:var(--input-unit-height);min-width:var(--input-unit-height);padding:0 var(--joy-core-spacing-3);color:var(--joy-color-secondary-50)}.joy-input input[data-v-da36bd3d]:disabled,.joy-input input[data-v-da36bd3d]:disabled:hover{cursor:not-allowed;background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled)}.joy-input input:disabled~joy-icon[data-v-da36bd3d],.joy-input input:disabled:hover~joy-icon[data-v-da36bd3d]{color:var(--input-color-disabled)}.joy-input input:disabled~.joy-input--unit[data-v-da36bd3d],.joy-input input:disabled:hover~.joy-input--unit[data-v-da36bd3d]{background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled)}.joy-input input.joy-input--field-invalid[data-v-da36bd3d]{border-color:var(--input-color-invalid);color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~joy-icon[data-v-da36bd3d]{color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid[data-v-da36bd3d]:hover,.joy-input input.joy-input--field-invalid[data-v-da36bd3d]:focus{border-color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~joy-icon[data-v-da36bd3d],.joy-input input.joy-input--field-invalid:focus~joy-icon[data-v-da36bd3d]{color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~.joy-input--unit[data-v-da36bd3d],.joy-input input.joy-input--field-invalid:focus~.joy-input--unit[data-v-da36bd3d]{border-color:var(--input-color-invalid-hover)}.joy-input--wrapper---clearable input[data-v-da36bd3d]{padding-right:var(--joy-core-spacing-10)}.joy-input--clear[data-v-da36bd3d]{cursor:pointer;position:absolute;top:50%;z-index:2;right:var(--joy-core-spacing-5);transform:translateY(-50%)}.joy-link[data-v-640ee9a6]{--link-default-color: var(--joy-color-neutral-40);--link-default-color-hover: var(--joy-color-neutral-60);--link-default-color-visited: var(--joy-color-secondary-90);--link-border-color-focus: var(--joy-color-neutral-60);display:inline-flex;color:var(--link-default-color);font-size:inherit;font-family:inherit;font-weight:700;line-height:inherit;padding:0;border:2px solid transparent;background-color:transparent;border-radius:var(--joy-core-radius-2);align-items:center;cursor:pointer;text-decoration:none}.joy-link[data-v-640ee9a6]:hover{text-decoration:underline}.joy-link[data-v-640ee9a6]:hover,.joy-link:hover span[data-v-640ee9a6]{color:var(--link-default-color-hover);text-decoration:underline}.joy-link[data-v-640ee9a6]:focus-visible{border:2px solid var(--link-border-color-focus);border-radius:4px;text-decoration:none}.joy-link:focus-visible span[data-v-640ee9a6]{text-decoration:none}.joy-link[data-v-640ee9a6]:active,.joy-link[data-v-640ee9a6]:visited,.joy-link:visited span[data-v-640ee9a6]{color:var(--link-default-color-visited)}.joy-link joy-icon[data-v-640ee9a6],.joy-link[data-v-640ee9a6] .joy-icon{margin:0 var(--joy-core-spacing-2);color:inherit}.joy-link joy-icon svg[data-v-640ee9a6],.joy-link[data-v-640ee9a6] .joy-icon svg{color:inherit}.joy-link_teal[data-v-640ee9a6]{--link-default-color: var(--joy-color-secondary-30);--link-default-color-hover: var(--joy-color-secondary-50);--link-default-color-visited: var(--joy-color-secondary-90);color:var(--link-default-color)}.joy-link_teal[data-v-640ee9a6]:hover{color:var(--link-default-color-hover)}.joy-link_teal[data-v-640ee9a6]:active,.joy-link_teal[data-v-640ee9a6]:visited{color:var(--link-default-color-visited)}.joy-link_white[data-v-640ee9a6],.joy-link_white[data-v-640ee9a6]:hover,.joy-link_white[data-v-640ee9a6]:active{--link-default-color: white;--link-default-color-hover: white;--link-default-color-visited: white}.joy-link_white[data-v-640ee9a6]:active{opacity:.7}.joy-radio[data-v-27ec5b79]{--radio-size: 20px;--radio-color: var(--joy-color-text-body);--radio-circle-color: var(--joy-color-secondary-30);--radio-circle-color-hover: var(--joy-color-state-hover);--radio-circle-color-focus: var(--joy-color-state-focus);--radio-circle-color-disabled: var(--joy-color-neutral-30);--radio-color-disabled: var(--joy-color-neutral-40);--radio-circle-color-invalid: var(--joy-color-error-50);--radio-circle-color-invalid-hover: var(--joy-color-error-90);--radio-border-color-focus: var(--joy-color-neutral-60);display:block;box-sizing:border-box;position:relative;color:var(--radio-color);margin-bottom:var(--joy-core-spacing-4);outline:none;-webkit-touch-callout:none;user-select:none;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large)}.joy-radio--checked[data-v-27ec5b79]{z-index:2}.joy-radio input[type=radio]:focus-visible~*[data-v-27ec5b79]:after{box-sizing:border-box;box-shadow:0 0 0 1px var(--radio-border-color-focus)}.joy-radio--outline[data-v-27ec5b79]{width:100%}.joy-radio[data-v-27ec5b79]{cursor:pointer;display:flex;flex-direction:column;color:inherit}.joy-radio>input[type=radio][data-v-27ec5b79]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;top:15px}.joy-radio-label[data-v-27ec5b79]{display:flex;position:relative;text-align:left}.joy-radio-label[data-v-27ec5b79]:before{content:"";box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;top:0;flex-shrink:0;width:var(--radio-size);height:var(--radio-size);margin-right:var(--joy-core-spacing-1);border:var(--joy-form-border-width) solid var(--radio-circle-color);background-color:var(--radio-circle-color);border-radius:var(--joy-core-radius-5);box-shadow:inset 0 0 0 12px #fff}.joy-radio-label[data-v-27ec5b79] ::slotted(joy-icon){color:var(--joy-color-neutral-40)}.joy-radio-label[data-v-27ec5b79]:before{transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio-label[data-v-27ec5b79]:after{content:"";position:absolute;top:-2px;left:-2px;width:24px;height:24px;border-radius:50%;transition:box-shadow .15s ease}.joy-radio-content__wrapper[data-v-27ec5b79]{display:flex;flex-direction:column;padding-left:27px}.joy-radio-content__wrapper>.joy-radio-content[data-v-27ec5b79]:not(:empty){margin-top:var(--joy-core-spacing-4)}.joy-radio:hover span[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-hover)}.joy-radio:focus span[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-focus)}.joy-radio.joy-radio--checked .joy-radio__label[data-v-27ec5b79]{font-weight:var(--joy-font-weight-bold)}.joy-radio.joy-radio--checked[data-v-27ec5b79] ::slotted(joy-icon){color:var(--joy-color-secondary-50)}.joy-radio.joy-radio--checked .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color);box-shadow:inset 0 0 0 2px #fff}.joy-radio.joy-radio--checked:not(.joy-radio--disabled):hover .joy-radio-label[data-v-27ec5b79]:before,.joy-radio.joy-radio--checked:not(.joy-radio--disabled):active .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color-hover)}.joy-radio.joy-radio--disabled[data-v-27ec5b79]{color:var(--radio-color-disabled);cursor:not-allowed}.joy-radio.joy-radio--disabled .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color-disabled);border-color:var(--radio-circle-color-disabled)}.joy-radio.joy-radio--invalid .joy-radio-label[data-v-27ec5b79]:before{background-color:var(--radio-circle-color-invalid);border-color:var(--radio-circle-color-invalid)}.joy-radio.joy-radio--invalid:hover .joy-radio-label[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--invalid.joy-radio--checked:hover .joy-radio-label[data-v-27ec5b79]:before{border-color:var(--radio-circle-color-invalid-hover);background-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--outline[data-v-27ec5b79]{border:var(--joy-form-border-width) solid var(--joy-color-neutral-30);border-radius:var(--joy-core-radius-3);padding:var(--joy-core-spacing-6);transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio.joy-radio--outline .joy-radio-label[data-v-27ec5b79]{display:flex;align-items:flex-start}.joy-radio.joy-radio--outline .joy-radio-label[data-v-27ec5b79]:before{margin-right:var(--joy-core-spacing-2)}.joy-radio.joy-radio--outline.joy-radio--checked .joy-radio-label[data-v-27ec5b79]{font-weight:700}.joy-radio.joy-radio--outline.joy-radio--checked[data-v-27ec5b79]:not(.joy-radio--disabled),.joy-radio.joy-radio--outline[data-v-27ec5b79]:hover:not(.joy-radio--disabled){border-color:var(--joy-color-secondary-50);box-shadow:var(--joy-core-elevation-1)}@keyframes opacityAnimation-27ec5b79{0%{opacity:0}50%{opacity:0}to{opacity:1}}.joy-radio .joy-radio-expandable[data-v-27ec5b79]{transition:all var(--joy-transition-duration-default) var(--joy-transition-timing-function);height:0;opacity:0;overflow:hidden}.joy-radio .joy-radio-expandable--expanded[data-v-27ec5b79]{animation:opacityAnimation-27ec5b79 var(--joy-transition-duration-long) forwards;height:auto;overflow:visible;margin-top:var(--joy-core-spacing-4)}.joy-radio .joy-radio-expandable[data-v-27ec5b79] ::slotted(div[slot=expandable-content]){display:inline-block}.joy-radio-group[data-v-09adf076]{display:flex;align-items:center;flex-wrap:wrap;width:100%}.joy-radio-group joy-form-error[data-v-09adf076]{width:100%;flex-shrink:0;margin-top:var(--joy-core-spacing-3)}.joy-radio-group-container[data-v-09adf076]{display:flex;align-items:flex-start;flex-wrap:wrap}.joy-radio-group-container.joy-radio-group-horizontal[data-v-09adf076]{flex-direction:row;justify-content:flex-start}.joy-radio-group-container.joy-radio-group-vertical[data-v-09adf076]{flex-direction:column;align-items:flex-start}.joy-radio-group-fieldset[data-v-09adf076]{border:0;padding:0;margin:0}[data-v-09adf076] .joy-radio:not(.joy-radio--outline){margin:0 var(--joy-core-spacing-4) var(--joy-core-spacing-4) 0}[data-v-09adf076] .joy-radio:last-child{margin-bottom:0}.joy-select__wrapper[data-v-1ef94fc2]{position:relative;display:flex;align-items:center;justify-content:space-between;--select-transition: var(--joy-transition-duration-short);--select-height: var(--joy-form-field-height-medium);--select-color: var(--joy-color-neutral-50);--select-color-background: white;--select-icon-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-border-radius: var(--joy-form-field-radius-medium);--select-font-size: var(--joy-font-size-primary-400);--select-select-border: var(--joy-form-border-width) solid var(--joy-color-secondary-50);--select-select-border-radius: var(--select-border-radius);--select-select-max-height: 200px;--select-select-max-height-mobile: 50vh;--select-select-zindex: var(--joy-core-z-index-select)}.joy-select__wrapper *[data-v-1ef94fc2]{box-sizing:border-box;outline:none}.joy-select[data-v-1ef94fc2]{position:relative;display:block;width:100%;font-family:var(--joy-font-family);margin-bottom:0;cursor:pointer;appearance:none;height:var(--select-height);border:var(--joy-form-border-width) solid var(--select-border-color);border-radius:var(--select-border-radius);color:var(--select-color);font-size:var(--select-font-size);background:var(--select-color-background);padding:0 var(--joy-core-spacing-10) 0 var(--joy-core-spacing-5);transition:all var(--select-transition) var(--joy-transition-timing-function)}.joy-select[data-v-1ef94fc2]:focus{--select-color: var(--joy-color-secondary-30);--select-border-color: var(--joy-color-secondary-30);--select-icon-color: var(--joy-color-secondary-30)}.joy-select[data-v-1ef94fc2]:focus option{color:var(--joy-color-neutral-60);font-size:var(--joy-font-size-primary-300);font-family:var(--joy-font-family);background-color:#fff}.joy-select[data-v-1ef94fc2]:focus option:disabled{background-color:var(--joy-color-neutral-10);color:var(--joy-color-neutral-40)}.joy-select[data-v-1ef94fc2]:not([disabled]):hover{--select-border-color: var(--joy-color-secondary-30)}.joy-select--disabled[data-v-1ef94fc2]{--select-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-color-background: var(--joy-color-neutral-10);--select-icon-color: var(--joy-color-neutral-30)}.joy-select--disabled select[data-v-1ef94fc2]{cursor:not-allowed}.joy-select--invalid[data-v-1ef94fc2]{--select-icon-color: var(--joy-color-error-50)}.joy-select--invalid[data-v-1ef94fc2]:hover{--select-icon-color: var(--joy-color-state-error-hover)}.joy-select--invalid select[data-v-1ef94fc2]{--select-color: var(--joy-color-error-50);--select-border-color: var(--joy-color-error-50)}.joy-select--invalid select[data-v-1ef94fc2]:hover{--select-color: var(--joy-color-state-error-hover);--select-border-color: var(--joy-color-state-error-hover)}.joy-select__chevron[data-v-1ef94fc2]{position:absolute;right:var(--joy-core-spacing-5);color:var(--select-icon-color);transition:transform var(--select-transition) var(--joy-transition-timing-function)}.joy-wrapper{--wrapper-gap: var(--joy-core-spacing-8) var(--joy-core-spacing-4);display:flex;gap:var(--wrapper-gap);flex-wrap:wrap;margin-bottom:var(--joy-core-spacing-8)}.joy-wrapper--justify-flex-start{justify-content:flex-start}.joy-wrapper--justify-flex-end{justify-content:flex-end}.joy-wrapper--justify-center{justify-content:center}.joy-wrapper--justify-space-between{justify-content:space-between}.joy-wrapper--align-flex-start{align-items:flex-start}.joy-wrapper--align-flex-end{align-items:flex-end}.joy-wrapper--align-center{align-items:center}.joy-wrapper--align-stretch{align-items:stretch}.joy-wrapper--direction-row{flex-direction:row}.joy-wrapper--direction-column{flex-direction:column}.joy-wrapper--wrap-wrap{flex-wrap:wrap}.joy-wrapper--wrap-nowrap{flex-wrap:nowrap}.joy-template[data-v-f0293852]{--template-sidebar-width: 320px;--template-layout-width: 1024px;--template-layout-background-color: var(--joy-color-neutral-10);--template-inner-spacing: var(--joy-core-spacing-8);display:block;background-color:var(--template-layout-background-color);max-width:var(--template-layout-width);margin:0 auto;padding:var(--template-inner-spacing);box-sizing:border-box}.joy-template--full[data-v-f0293852]{--template-layout-width: 100%}.joy-template .joy-template-slot-title[data-v-f0293852]{font-family:var(--joy-font-family-title);font-weight:500;font-size:var(--joy-font-size-secondary-200);line-height:var(--joy-line-height-small);color:var(--joy-color-neutral-5);margin:0 0 var(--joy-core-spacing-2) 0}.joy-template .joy-template-slot-title[data-v-f0293852] *{margin:0;padding:0;font:inherit!important}.joy-template .joy-template-slot-subtitle[data-v-f0293852]{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);color:var(--joy-color-neutral-5);margin:0}.joy-template .joy-template-slot-main[data-v-f0293852]{flex:1}.joy-template .joy-template-slot-sidebar[data-v-f0293852]{flex:0 0 var(--template-sidebar-width)}.joy-template__heading[data-v-f0293852]{display:flex;align-items:flex-start;padding:0;margin-bottom:var(--joy-core-spacing-8)}.joy-template__heading .joy-template-slot-back[data-v-f0293852]{margin-right:var(--joy-core-spacing-3);margin-top:calc(var(--joy-core-spacing-2) * -1)}.joy-template__content[data-v-f0293852]{display:flex;align-content:flex-start;flex-wrap:nowrap;gap:var(--joy-core-spacing-8)}.joy-template__content--reverse[data-v-f0293852]{flex-direction:row-reverse}@media screen and (max-width: 1024px){.joy-template__content[data-v-f0293852],.joy-template__content--reverse[data-v-f0293852]{flex-wrap:wrap}.joy-template__content .joy-template-slot-sidebar[data-v-f0293852],.joy-template__content .joy-template-slot-main[data-v-f0293852]{flex:1 0 100%}.joy-template__content joy-panel[data-v-f0293852-s]{--panel-bottom-margin: 0}}

package/joy-components.d.ts

@@ -2,9 +2,14 @@
 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"];
+    JoyLink: typeof import("./dist/components/JoyLink/JoyLink.vue")["default"];
+    JoyRadio: typeof import("./dist/components/JoyRadio/JoyRadio.vue")["default"];
+    JoyRadioGroup: typeof import("./dist/components/JoyRadioGroup/JoyRadioGroup.vue")["default"];
+    JoySpinner: typeof import("./dist/components/JoySpinner/JoySpinner.vue")["default"];
+    JoyTemplate: typeof import("./dist/components/JoyTemplate/JoyTemplate.vue")["default"];
+    JoyWrapper: typeof import("./dist/components/JoyWrapper/JoyWrapper.vue")["default"];
   }
 }
 

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.3",
+    "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" />