@deck9/ui 0.17.0-next.0 → 0.17.0-next.1

package/dist/src/ui.umd.js

@@ -1,5 +1,2 @@
-(function(T,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("@fortawesome/vue-fontawesome"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons"),require("@fortawesome/free-brands-svg-icons")):typeof define=="function"&&define.amd?define(["exports","vue","@fortawesome/vue-fontawesome","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/free-brands-svg-icons"],o):(T=typeof globalThis<"u"?globalThis:T||self,o(T.ui={},T.Vue,T.vueFontawesome,T.fontawesomeSvgCore,T.fasIcons,T.fabIcon))})(this,function(T,o,an,Oe,sn,cn){"use strict";function qe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const p=qe(sn),te=qe(cn);var Xe="fas",Ye="numeric-input",Qe=512,Ze=512,De=[],Je="",et="m409.445 111 2.112.004c34.066.146 46.74 3.848 59.517 10.681 13.037 6.973 23.268 17.204 30.24 30.241l.415.782c6.705 12.782 10.271 25.9 10.271 60.847v72.002c-.15 34.066-3.852 46.74-10.685 59.517-6.973 13.037-17.204 23.268-30.241 30.24l-.782.415C457.51 382.434 444.392 386 409.445 386h-306.89l-2.112-.004c-34.066-.146-46.74-3.848-59.517-10.681-13.037-6.973-23.268-17.204-30.24-30.241l-.415-.782C3.566 331.51 0 318.392 0 283.445v-69.89c0-35.66 3.713-48.592 10.685-61.629 6.973-13.037 17.204-23.268 30.241-30.24l.782-.415C54.49 114.566 67.608 111 102.555 111h306.89Zm.806 36H102.555l-2.387.005c-22.69.089-31.789 1.488-39.667 5.128l-.523.246c-.696.332-1.385.683-2.074 1.052-6.764 3.617-11.856 8.71-15.473 15.473l-.282.533c-4.492 8.62-6.116 17.401-6.148 43.312v71.502l.012 3.09c.161 24.044 1.9 32.308 6.418 40.755 3.617 6.764 8.71 11.856 15.473 15.473l.533.282c8.62 4.492 17.401 6.116 43.312 6.149h307.696c27.078 0 35.763-1.677 44.651-6.43 6.764-3.618 11.856-8.71 15.473-15.474l.282-.533c4.492-8.62 6.116-17.401 6.149-43.312v-70.696c0-27.078-1.677-35.763-6.43-44.651-3.618-6.764-8.71-11.856-15.474-15.473l-.533-.282c-8.62-4.492-17.401-6.116-43.312-6.149Zm-164.715 19c11.682 0 22.013 1.976 30.994 5.929 8.98 3.952 16.005 9.38 21.074 16.284 5.07 6.904 7.578 14.797 7.527 23.677.103 8.829-2.92 16.066-9.07 21.713-6.15 5.646-13.935 8.983-23.353 10.01v1.231c12.764 1.386 22.362 5.274 28.794 11.665 6.433 6.39 9.598 14.411 9.496 24.061.051 9.24-2.715 17.427-8.299 24.562-5.584 7.135-13.33 12.73-23.236 16.785-9.907 4.055-21.319 6.083-34.236 6.083-12.454 0-23.506-2.143-33.156-6.43-9.65-4.285-17.227-10.201-22.734-17.747-5.506-7.545-8.286-16.22-8.337-26.025h43.23c.051 3.029.99 5.737 2.817 8.124 1.827 2.386 4.336 4.247 7.527 5.582 3.19 1.334 6.845 2.002 10.962 2.002 3.962 0 7.462-.706 10.498-2.118 3.037-1.411 5.404-3.375 7.102-5.89 1.699-2.515 2.522-5.39 2.47-8.623.052-3.183-.913-6.006-2.894-8.47-1.982-2.464-4.748-4.389-8.299-5.775-3.55-1.386-7.642-2.079-12.274-2.079h-16.057v-29.566h16.057c4.271 0 8.041-.693 11.31-2.08 3.267-1.385 5.815-3.31 7.642-5.774s2.714-5.287 2.663-8.47c.051-3.08-.695-5.8-2.239-8.161-1.544-2.361-3.692-4.21-6.446-5.544-2.753-1.334-5.93-2.002-9.533-2.002-3.912 0-7.398.693-10.46 2.08-3.063 1.385-5.468 3.31-7.218 5.774s-2.65 5.287-2.702 8.47h-41.068c.051-9.65 2.715-18.172 7.99-25.563 5.275-7.392 12.518-13.192 21.73-17.401 9.212-4.21 19.788-6.314 31.728-6.314Zm-133.074 0c12.615 0 23.55 2.017 32.807 6.05 9.257 4.033 16.41 9.698 21.462 16.994 5.051 7.296 7.577 15.851 7.577 25.665 0 6.063-1.257 12.087-3.77 18.073-2.512 5.986-7.025 12.601-13.538 19.846-6.513 7.245-15.77 15.877-27.77 25.896l-14.768 12.331v.925H176V326H55.077v-30.829l58.77-48.709c3.897-3.237 7.243-6.28 10.038-9.133 2.794-2.851 4.948-5.793 6.461-8.824 1.513-3.032 2.27-6.397 2.27-10.097 0-4.059-.86-7.527-2.578-10.404-1.717-2.877-4.09-5.1-7.115-6.667-3.026-1.567-6.513-2.35-10.461-2.35-3.95 0-7.424.796-10.424 2.389-3 1.593-5.32 3.93-6.961 7.013-1.641 3.083-2.462 6.834-2.462 11.253H52c0-11.099 2.487-20.655 7.462-28.67 4.974-8.016 12-14.182 21.076-18.498 9.077-4.316 19.718-6.474 31.924-6.474Z";const tt={prefix:Xe,iconName:Ye,icon:[Qe,Ze,De,Je,et]},un={definition:tt,faAlignJustify:tt,prefix:Xe,iconName:Ye,width:Qe,height:Ze,ligatures:De,unicode:Je,svgPathData:et,aliases:De};Oe.library.add(p.faAlignCenter,p.faAlignLeft,p.faAlignRight,p.faArrowRight,p.faArrowUp19,p.faAsterisk,p.faAt,p.faBold,p.faBolt,p.faCalendar,p.faChartPie,p.faCheck,p.faCheckCircle,p.faChevronDown,p.faChevronLeft,p.faChevronRight,p.faChevronUp,p.faCircleCheck,p.faCircleNodes,p.faCircleNotch,p.faClipboard,p.faCloudDownload,p.faCloudUpload,p.faCode,p.faCodeBranch,p.faCodeFork,p.faCog,p.faCompass,p.faCrown,p.faDiagramProject,p.faDoorOpen,p.faDotCircle,p.faEllipsis,p.faEllipsisVertical,p.faEnvelope,p.faExclamationTriangle,p.faExternalLink,p.faEye,p.faEyeDropper,p.faEyeSlash,p.faFileLines,p.faFilePdf,p.faFileUpload,p.faFileVideo,p.faFileWaveform,p.faFilter,p.faFilter,p.faFingerprint,p.faFont,p.faGears,p.faGlobe,p.faGripHorizontal,p.faGripVertical,p.faHandPointRight,p.faHandPointRight,p.faHashtag,p.faHeading,p.faHeart,p.faImage,p.faInfoCircle,p.faItalic,p.faLayerGroup,p.faLink,p.faLinkSlash,p.faList,p.faListOl,p.faListUl,p.faLocationArrow,p.faLocationCrosshairs,p.faLock,p.faLockOpen,p.faMedal,p.faMessage,p.faMicrochip,p.faPencilAlt,p.faPenToSquare,p.faPhone,p.faPlayCircle,p.faPlus,p.faPlusCircle,p.faPoo,p.faPuzzlePiece,p.faQuestion,p.faQuoteLeft,p.faQuoteRight,p.faReply,p.faReplyAll,p.faRightLong,p.faRobot,p.faSave,p.faShield,p.faSignal,p.faSignature,p.faSignature,p.faSquareCheck,p.faStar,p.faStrikethrough,p.faTerminal,p.faTextSlash,p.faTimes,p.faTrash,p.faTree,p.faTrophy,p.faTurnDown,p.faUnderline,p.faUpload,p.faUser,p.faUserShield,p.faWandMagicSparkles,te.faTwitter,te.faInstagram,te.faGithub,te.faLinkedin,te.faFacebook,un.definition);const nt=[...Object.keys(Oe.library.definitions.fas)].sort(),Te=[...Object.keys(Oe.library.definitions.fab)].sort(),V=o.defineComponent({__name:"Icon",props:{name:{default:"user"}},setup(e){const t=e,l=o.computed(()=>Te.includes(t.name)?"fab":"fas"),r=o.computed(()=>nt.includes(t.name)||Te.includes(t.name)?!0:(console.warn("could not load icon, because it is not available",t.name),!1));return(n,a)=>r.value?(o.openBlock(),o.createBlock(o.unref(an.FontAwesomeIcon),o.mergeProps({key:0,icon:[l.value,n.name]},n.$attrs),null,16,["icon"])):o.createCommentVNode("",!0)}}),dn=["aria-label","disabled","aria-busy"],fn={key:0,class:"absolute inset-0 flex items-center justify-center"},pn=o.defineComponent({__name:"Button",props:{label:{},size:{default:"medium"},color:{default:"primary"},isLoading:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1},icon:{},iconPosition:{default:"right"}},setup(e){const t=e,l=o.computed(()=>{const n={"text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900":t.color==="primary","text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900":t.color==="light","text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900":t.color==="dark","text-red-50 bg-red-500 border-transparent hover:bg-red-600 active:bg-red-600 ring-red-400 dark:ring-red-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-red-900":t.color==="danger"},a={"pointer-events-none opacity-75 cursor-not-allowed":t.isDisabled},i={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":t.size==="small","px-5 py-2 text-sm leading-4 font-medium rounded-lg":t.size==="medium","px-8 py-3 text-base leading-6 font-medium rounded-lg":t.size==="large"};return{...n,...a,...i}}),r=o.computed(()=>{const n={"mr-2 -ml-1":["small","medium"].includes(t.size)&&t.iconPosition==="left","mr-4 -ml-2":["large"].includes(t.size)&&t.iconPosition==="left"},a={"ml-3 -mr-1":["small","medium"].includes(t.size)&&t.iconPosition==="right","ml-3 -mr-3":["large"].includes(t.size)&&t.iconPosition==="right"},i={"text-white":t.color==="primary","text-blue-600":t.color==="light","text-grey-50":t.color==="dark"};return{...n,...a,...i}});return(n,a)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",l.value]),type:"button","aria-label":n.label,disabled:n.isDisabled||n.isLoading,"aria-busy":n.isLoading},[o.createElementVNode("div",{class:o.normalizeClass(!n.isLoading||"invisible")},[n.icon&&n.iconPosition==="left"?(o.openBlock(),o.createBlock(V,{key:0,name:n.icon,class:o.normalizeClass(r.value)},null,8,["name","class"])):o.createCommentVNode("",!0),o.createElementVNode("span",null,o.toDisplayString(n.label),1),n.icon&&n.iconPosition==="right"?(o.openBlock(),o.createBlock(V,{key:1,name:n.icon,class:o.normalizeClass(r.value)},null,8,["name","class"])):o.createCommentVNode("",!0)],2),n.isLoading?(o.openBlock(),o.createElementBlock("span",fn,[o.createVNode(V,{class:"animate-spin",name:"circle-notch"})])):o.createCommentVNode("",!0)],10,dn))}});let ce;const mn=new Uint8Array(16);function gn(){if(!ce&&(ce=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!ce))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return ce(mn)}const P=[];for(let e=0;e<256;++e)P.push((e+256).toString(16).slice(1));function hn(e,t=0){return P[e[t+0]]+P[e[t+1]]+P[e[t+2]]+P[e[t+3]]+"-"+P[e[t+4]]+P[e[t+5]]+"-"+P[e[t+6]]+P[e[t+7]]+"-"+P[e[t+8]]+P[e[t+9]]+"-"+P[e[t+10]]+P[e[t+11]]+P[e[t+12]]+P[e[t+13]]+P[e[t+14]]+P[e[t+15]]}const ot={randomUUID:typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function lt(e,t,l){if(ot.randomUUID&&!t&&!e)return ot.randomUUID();e=e||{};const r=e.random||(e.rng||gn)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){l=l||0;for(let n=0;n<16;++n)t[l+n]=r[n];return t}return hn(r)}const bn={class:"relative flex items-start"},yn=["checked","id"],vn={class:"ml-2 text-sm leading-5 peer-disabled:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:[&>label]:cursor-not-allowed"},wn=["for"],xn={key:0,class:"block text-xs text-grey-400 font-normal mono-0 casual-60"},kn={inheritAttrs:!1},Sn=o.defineComponent({...kn,__name:"Checkbox",props:{id:{default:()=>lt()},label:{},modelValue:{type:Boolean},description:{}},emits:["update:modelValue"],setup(e,{emit:t}){const l=t,r=n=>{l("update:modelValue",n.target.checked)};return(n,a)=>(o.openBlock(),o.createElementBlock("div",bn,[o.createElementVNode("input",o.mergeProps({class:"peer mt-0.5 h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm disabled:opacity-50 disabled:cursor-not-allowed",type:"checkbox",checked:n.modelValue,onChange:r,id:n.id},n.$attrs),null,16,yn),o.createElementVNode("div",vn,[o.createElementVNode("label",{for:n.id,class:"font-medium text-grey-700 dark:text-grey-200 casual-25"},o.toDisplayString(n.label),9,wn),n.description?(o.openBlock(),o.createElementBlock("p",xn,o.toDisplayString(n.description),1)):o.createCommentVNode("",!0)])]))}});function Cn(){const e=o.ref(!1);return o.getCurrentInstance()&&o.onMounted(()=>{e.value=!0}),e}function En(e){const t=Cn();return o.computed(()=>(t.value,!!e()))}function Rn(e={}){const{initialValue:t=""}=e,l=En(()=>typeof window<"u"&&"EyeDropper"in window),r=o.ref(t);async function n(a){if(!l.value)return;const u=await new window.EyeDropper().open(a);return r.value=u.sRGBHex,u}return{isSupported:l,sRGBHex:r,open:n}}const On=()=>{},Dn=Array.isArray,Tn=e=>typeof e=="function",Pn=e=>typeof e=="symbol";let rt;const at=()=>rt||(rt=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});let _n;function Ln(e,t=_n){t&&t.active&&t.effects.push(e)}const Bn=e=>{const t=new Set(e);return t.w=0,t.n=0,t},it=e=>(e.w&H)>0,st=e=>(e.n&H)>0,Vn=({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=H},In=e=>{const{deps:t}=e;if(t.length){let l=0;for(let r=0;r<t.length;r++){const n=t[r];it(n)&&!st(n)?n.delete(e):t[l++]=n,n.w&=~H,n.n&=~H}t.length=l}};let ne=0,H=1;const Pe=30;let A;class Nn{constructor(t,l=null,r){this.fn=t,this.scheduler=l,this.active=!0,this.deps=[],this.parent=void 0,Ln(this,r)}run(){if(!this.active)return this.fn();let t=A,l=ue;for(;t;){if(t===this)return;t=t.parent}try{return this.parent=A,A=this,ue=!0,H=1<<++ne,ne<=Pe?Vn(this):ct(this),this.fn()}finally{ne<=Pe&&In(this),H=1<<--ne,A=this.parent,ue=l,this.parent=void 0,this.deferStop&&this.stop()}}stop(){A===this?this.deferStop=!0:this.active&&(ct(this),this.onStop&&this.onStop(),this.active=!1)}}function ct(e){const{deps:t}=e;if(t.length){for(let l=0;l<t.length;l++)t[l].delete(e);t.length=0}}let ue=!0;function An(e,t){let l=!1;ne<=Pe?st(e)||(e.n|=H,l=!it(e)):l=!e.has(A),l&&(e.add(A),A.deps.push(e))}function $n(e,t){const l=Dn(e)?e:[...e];for(const r of l)r.computed&&ut(r);for(const r of l)r.computed||ut(r)}function ut(e,t){(e!==A||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Pn));function de(e){const t=e&&e.__v_raw;return t?de(t):e}function Mn(e){ue&&A&&(e=de(e),An(e.dep||(e.dep=Bn())))}function Fn(e,t){e=de(e);const l=e.dep;l&&$n(l)}class jn{constructor(t,l,r,n){this._setter=l,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new Nn(t,()=>{this._dirty||(this._dirty=!0,Fn(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!n,this.__v_isReadonly=r}get value(){const t=de(this);return Mn(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function zn(e,t,l=!1){let r,n;const a=Tn(e);return a?(r=e,n=On):(r=e.get,n=e.set),new jn(r,n,a||!n,l)}let _e,dt="__VUE_INSTANCE_SETTERS__";(_e=at()[dt])||(_e=at()[dt]=[]),_e.push(e=>e);let Un=!1;const Le=(e,t)=>zn(e,t,Un);function Be(e){const t=Le(()=>({"pl-3 pr-10 py-2":!e.icon&&e.type!=="color"&&e.size==="small","pl-4 pr-10 py-3":!e.icon&&e.type!=="color"&&e.size==="medium","pl-6 pr-10 py-3":!e.icon&&e.type!=="color"&&e.size==="large","pl-10 pr-10 py-1":(e.icon||e.type==="color")&&e.size==="small","pl-12 pr-10 py-3":(e.icon||e.type==="color")&&(e.size==="medium"||e.size==="large"),"w-full block":e.block===!0})),l=Le(()=>({"pointer-events-none opacity-50 cursor-not-allowed":e.isDisabled})),r=Le(()=>({"text-xs leading-4":e.size==="small","text-sm leading-4":e.size==="medium","text-base leading-5":e.size==="large"}));return{inputClasses:t,disabledClasses:l,textSizeClasses:r}}const Hn=["placeholder","type","disabled","value"],Wn={class:"absolute inset-y-2 left-2 w-8 cursor-pointer"},Kn=["disabled"],Gn=["disabled"],qn={inheritAttrs:!1},Xn=o.defineComponent({...qn,__name:"Input",props:{modelValue:{},type:{default:"text"},placeholder:{},size:{default:"medium"},icon:{},min:{},max:{},isDisabled:{type:Boolean,default:!1},block:{type:Boolean},showColorPicker:{type:Boolean}},emits:["update:modelValue"],setup(e,{expose:t,emit:l}){const r=e,n=o.ref(null),a=o.ref(r.modelValue??"");o.watch(()=>r.modelValue,g=>{typeof g<"u"&&g!==a.value&&(a.value=g)});const i=l,{inputClasses:u,disabledClasses:d,textSizeClasses:s}=Be(r),c=o.computed(()=>r.type==="color"?"text":r.type),{isSupported:f,open:b,sRGBHex:m}=Rn(),y=()=>{b()};o.watch(m,g=>{a.value=g,i("update:modelValue",g)});const h=function(g){const x=(g==null?void 0:g.target).value;if(r.type==="number"&&r.min&&parseInt(x)<r.min){a.value=r.min,n.value.value=a.value.toString(),i("update:modelValue",r.min);return}if(r.type==="number"&&r.max&&parseInt(x)>r.max){a.value=r.max,n.value.value=a.value.toString(),i("update:modelValue",r.max);return}a.value=(g==null?void 0:g.target).value,i("update:modelValue",a.value)};return t({focus:()=>{var g;r.isDisabled||(g=n.value)==null||g.focus()}}),(g,x)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["relative",[g.block?"w-full block":"inline-block"]])},[o.createElementVNode("input",o.mergeProps({class:["relative mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded",[o.unref(u),o.unref(s),o.unref(d)]],placeholder:g.placeholder,type:c.value,disabled:g.isDisabled,value:a.value},g.$attrs,{ref_key:"inputElement",ref:n,onInput:h}),null,16,Hn),g.type==="color"?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("label",Wn,[o.withDirectives(o.createElementVNode("input",{class:"invisible",type:"color",disabled:g.isDisabled,"onUpdate:modelValue":x[0]||(x[0]=w=>a.value=w),onInput:h},null,40,Kn),[[o.vModelText,a.value]]),o.createElementVNode("span",{class:"border-1 absolute inset-0 block rounded border border-grey-600/25 bg-clip-border shadow",style:o.normalizeStyle(`background-color: ${a.value}`)},null,4)]),o.unref(f)&&g.showColorPicker?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:"absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",disabled:g.isDisabled,onClick:y},[o.createVNode(V,{size:"xs",name:"eyedropper"})],8,Gn)):o.createCommentVNode("",!0)],64)):g.icon?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",o.unref(s)])},[o.createVNode(V,{name:g.icon},null,8,["name"])],2)):o.createCommentVNode("",!0)],2))}}),Yn={class:"inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20"},Qn=["for"],Zn={key:0,class:"block text-xs text-grey-400 font-normal mono-0 casual-60"},Jn=o.defineComponent({__name:"Label",props:{id:{},label:{},description:{}},setup(e){return(t,l)=>(o.openBlock(),o.createElementBlock("span",Yn,[o.createElementVNode("label",{for:t.id},o.toDisplayString(t.label),9,Qn),t.description?(o.openBlock(),o.createElementBlock("span",Zn,o.toDisplayString(t.description),1)):o.createCommentVNode("",!0)]))}});function I(e,t,...l){if(e in t){let n=t[e];return typeof n=="function"?n(...l):n}let r=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(n=>`"${n}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,I),r}var oe=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(oe||{}),eo=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(eo||{});function _({visible:e=!0,features:t=0,ourProps:l,theirProps:r,...n}){var a;let i=pt(r,l),u=Object.assign(n,{props:i});if(e||t&2&&i.static)return Ve(u);if(t&1){let d=(a=i.unmount)==null||a?0:1;return I(d,{0(){return null},1(){return Ve({...n,props:{...i,hidden:!0,style:{display:"none"}}})}})}return Ve(u)}function Ve({props:e,attrs:t,slots:l,slot:r,name:n}){var a,i;let{as:u,...d}=Ie(e,["unmount","static"]),s=(a=l.default)==null?void 0:a.call(l,r),c={};if(r){let f=!1,b=[];for(let[m,y]of Object.entries(r))typeof y=="boolean"&&(f=!0),y===!0&&b.push(m);f&&(c["data-headlessui-state"]=b.join(" "))}if(u==="template"){if(s=ft(s??[]),Object.keys(d).length>0||Object.keys(t).length>0){let[f,...b]=s??[];if(!to(f)||b.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${n} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(d).concat(Object.keys(t)).map(h=>h.trim()).filter((h,v,g)=>g.indexOf(h)===v).sort((h,v)=>h.localeCompare(v)).map(h=>`  - ${h}`).join(`
-`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map(h=>`  - ${h}`).join(`
-`)].join(`
-`));let m=pt((i=f.props)!=null?i:{},d),y=o.cloneVNode(f,m);for(let h in m)h.startsWith("on")&&(y.props||(y.props={}),y.props[h]=m[h]);return y}return Array.isArray(s)&&s.length===1?s[0]:s}return o.h(u,Object.assign({},d,c),{default:()=>s})}function ft(e){return e.flatMap(t=>t.type===o.Fragment?ft(t.children):[t])}function pt(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},l={};for(let r of e)for(let n in r)n.startsWith("on")&&typeof r[n]=="function"?(l[n]!=null||(l[n]=[]),l[n].push(r[n])):t[n]=r[n];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(l).map(r=>[r,void 0])));for(let r in l)Object.assign(t,{[r](n,...a){let i=l[r];for(let u of i){if(n instanceof Event&&n.defaultPrevented)return;u(n,...a)}}});return t}function mt(e){let t=Object.assign({},e);for(let l in t)t[l]===void 0&&delete t[l];return t}function Ie(e,t=[]){let l=Object.assign({},e);for(let r of t)r in l&&delete l[r];return l}function to(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}let no=0;function oo(){return++no}function $(){return oo()}var R=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(R||{});function lo(e){throw new Error("Unexpected object: "+e)}var D=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(D||{});function gt(e,t){let l=t.resolveItems();if(l.length<=0)return null;let r=t.resolveActiveIndex(),n=r??-1,a=(()=>{switch(e.focus){case 0:return l.findIndex(i=>!t.resolveDisabled(i));case 1:{let i=l.slice().reverse().findIndex((u,d,s)=>n!==-1&&s.length-d-1>=n?!1:!t.resolveDisabled(u));return i===-1?i:l.length-1-i}case 2:return l.findIndex((i,u)=>u<=n?!1:!t.resolveDisabled(i));case 3:{let i=l.slice().reverse().findIndex(u=>!t.resolveDisabled(u));return i===-1?i:l.length-1-i}case 4:return l.findIndex(i=>t.resolveId(i)===e.id);case 5:return null;default:lo(e)}})();return a===-1?r:a}function E(e){var t;return e==null||e.value==null?null:(t=e.value.$el)!=null?t:e.value}let ht=Symbol("Context");var F=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(F||{});function bt(){return o.inject(ht,null)}function yt(e){o.provide(ht,e)}function vt(e,t){if(e)return e;let l=t??"button";if(typeof l=="string"&&l.toLowerCase()==="button")return"button"}function Ne(e,t){let l=o.ref(vt(e.value.type,e.value.as));return o.onMounted(()=>{l.value=vt(e.value.type,e.value.as)}),o.watchEffect(()=>{var r;l.value||E(t)&&E(t)instanceof HTMLButtonElement&&!((r=E(t))!=null&&r.hasAttribute("type"))&&(l.value="button")}),l}var ro=Object.defineProperty,ao=(e,t,l)=>t in e?ro(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,wt=(e,t,l)=>(ao(e,typeof t!="symbol"?t+"":t,l),l);class io{constructor(){wt(this,"current",this.detect()),wt(this,"currentId",0)}set(t){this.current!==t&&(this.currentId=0,this.current=t)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}}let Ae=new io;function $e(e){if(Ae.isServer)return null;if(e instanceof Node)return e.ownerDocument;if(e!=null&&e.hasOwnProperty("value")){let t=E(e);if(t)return t.ownerDocument}return document}function so({container:e,accept:t,walk:l,enabled:r}){o.watchEffect(()=>{let n=e.value;if(!n||r!==void 0&&!r.value)return;let a=$e(e);if(!a)return;let i=Object.assign(d=>t(d),{acceptNode:t}),u=a.createTreeWalker(n,NodeFilter.SHOW_ELEMENT,i,!1);for(;u.nextNode();)l(u.currentNode)})}let Me=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var Fe=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(Fe||{}),co=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(co||{}),uo=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(uo||{});function xt(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(Me)).sort((t,l)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(l.tabIndex||Number.MAX_SAFE_INTEGER)))}var fe=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(fe||{});function pe(e,t=0){var l;return e===((l=$e(e))==null?void 0:l.body)?!1:I(t,{0(){return e.matches(Me)},1(){let r=e;for(;r!==null;){if(r.matches(Me))return!0;r=r.parentElement}return!1}})}function kt(e){let t=$e(e);o.nextTick(()=>{t&&!pe(t.activeElement,0)&&po(e)})}var fo=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(fo||{});typeof window<"u"&&typeof document<"u"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));function po(e){e==null||e.focus({preventScroll:!0})}let mo=["textarea","input"].join(",");function go(e){var t,l;return(l=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,mo))!=null?l:!1}function je(e,t=l=>l){return e.slice().sort((l,r)=>{let n=t(l),a=t(r);if(n===null||a===null)return 0;let i=n.compareDocumentPosition(a);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function ho(e,t){return bo(xt(),t,{relativeTo:e})}function bo(e,t,{sorted:l=!0,relativeTo:r=null,skipElements:n=[]}={}){var a;let i=(a=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e==null?void 0:e.ownerDocument)!=null?a:document,u=Array.isArray(e)?l?je(e):e:xt(e);n.length>0&&u.length>1&&(u=u.filter(y=>!n.includes(y))),r=r??i.activeElement;let d=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,u.indexOf(r))-1;if(t&4)return Math.max(0,u.indexOf(r))+1;if(t&8)return u.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=t&32?{preventScroll:!0}:{},f=0,b=u.length,m;do{if(f>=b||f+b<=0)return 0;let y=s+f;if(t&16)y=(y+b)%b;else{if(y<0)return 3;if(y>=b)return 1}m=u[y],m==null||m.focus(c),f+=d}while(m!==i.activeElement);return t&6&&go(m)&&m.select(),2}function me(e,t,l){Ae.isServer||o.watchEffect(r=>{document.addEventListener(e,t,l),r(()=>document.removeEventListener(e,t,l))})}function yo(e,t,l){Ae.isServer||o.watchEffect(r=>{window.addEventListener(e,t,l),r(()=>window.removeEventListener(e,t,l))})}function St(e,t,l=o.computed(()=>!0)){function r(a,i){if(!l.value||a.defaultPrevented)return;let u=i(a);if(u===null||!u.getRootNode().contains(u))return;let d=function s(c){return typeof c=="function"?s(c()):Array.isArray(c)||c instanceof Set?c:[c]}(e);for(let s of d){if(s===null)continue;let c=s instanceof HTMLElement?s:E(s);if(c!=null&&c.contains(u)||a.composed&&a.composedPath().includes(c))return}return!pe(u,fe.Loose)&&u.tabIndex!==-1&&a.preventDefault(),t(a,u)}let n=o.ref(null);me("pointerdown",a=>{var i,u;l.value&&(n.value=((u=(i=a.composedPath)==null?void 0:i.call(a))==null?void 0:u[0])||a.target)},!0),me("mousedown",a=>{var i,u;l.value&&(n.value=((u=(i=a.composedPath)==null?void 0:i.call(a))==null?void 0:u[0])||a.target)},!0),me("click",a=>{n.value&&(r(a,()=>n.value),n.value=null)},!0),me("touchend",a=>r(a,()=>a.target instanceof HTMLElement?a.target:null),!0),yo("blur",a=>r(a,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}var ze=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(ze||{});let Ct=o.defineComponent({name:"Hidden",props:{as:{type:[Object,String],default:"div"},features:{type:Number,default:1}},setup(e,{slots:t,attrs:l}){return()=>{let{features:r,...n}=e,a={"aria-hidden":(r&2)===2?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(r&4)===4&&(r&2)!==2&&{display:"none"}}};return _({ourProps:a,theirProps:n,slot:{},attrs:l,slots:t,name:"Hidden"})}}});function Et(e={},t=null,l=[]){for(let[r,n]of Object.entries(e))Ot(l,Rt(t,r),n);return l}function Rt(e,t){return e?e+"["+t+"]":t}function Ot(e,t,l){if(Array.isArray(l))for(let[r,n]of l.entries())Ot(e,Rt(t,r.toString()),n);else l instanceof Date?e.push([t,l.toISOString()]):typeof l=="boolean"?e.push([t,l?"1":"0"]):typeof l=="string"?e.push([t,l]):typeof l=="number"?e.push([t,`${l}`]):l==null?e.push([t,""]):Et(l,t,e)}function vo(e){var t,l;let r=(t=e==null?void 0:e.form)!=null?t:e.closest("form");if(r){for(let n of r.elements)if(n!==e&&(n.tagName==="INPUT"&&n.type==="submit"||n.tagName==="BUTTON"&&n.type==="submit"||n.nodeName==="INPUT"&&n.type==="image")){n.click();return}(l=r.requestSubmit)==null||l.call(r)}}function Dt(e,t,l){let r=o.ref(l==null?void 0:l.value),n=o.computed(()=>e.value!==void 0);return[o.computed(()=>n.value?e.value:r.value),function(a){return n.value||(r.value=a),t==null?void 0:t(a)}]}function Tt(e){return[e.screenX,e.screenY]}function Pt(){let e=o.ref([-1,-1]);return{wasMoved(t){let l=Tt(t);return e.value[0]===l[0]&&e.value[1]===l[1]?!1:(e.value=l,!0)},update(t){e.value=Tt(t)}}}let _t=Symbol("DescriptionContext");function wo(){let e=o.inject(_t,null);if(e===null)throw new Error("Missing parent");return e}function xo({slot:e=o.ref({}),name:t="Description",props:l={}}={}){let r=o.ref([]);function n(a){return r.value.push(a),()=>{let i=r.value.indexOf(a);i!==-1&&r.value.splice(i,1)}}return o.provide(_t,{register:n,slot:e,name:t,props:l}),o.computed(()=>r.value.length>0?r.value.join(" "):void 0)}o.defineComponent({name:"Description",props:{as:{type:[Object,String],default:"p"},id:{type:String,default:()=>`headlessui-description-${$()}`}},setup(e,{attrs:t,slots:l}){let r=wo();return o.onMounted(()=>o.onUnmounted(r.register(e.id))),()=>{let{name:n="Description",slot:a=o.ref({}),props:i={}}=r,{id:u,...d}=e,s={...Object.entries(i).reduce((c,[f,b])=>Object.assign(c,{[f]:o.unref(b)}),{}),id:u};return _({ourProps:s,theirProps:d,slot:a.value,attrs:t,slots:l,name:n})}}});let Lt=/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;function Bt(e){var t,l;let r=(t=e.innerText)!=null?t:"",n=e.cloneNode(!0);if(!(n instanceof HTMLElement))return r;let a=!1;for(let u of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))u.remove(),a=!0;let i=a?(l=n.innerText)!=null?l:"":r;return Lt.test(i)&&(i=i.replace(Lt,"")),i}function ko(e){let t=e.getAttribute("aria-label");if(typeof t=="string")return t.trim();let l=e.getAttribute("aria-labelledby");if(l){let r=l.split(" ").map(n=>{let a=document.getElementById(n);if(a){let i=a.getAttribute("aria-label");return typeof i=="string"?i.trim():Bt(a).trim()}return null}).filter(Boolean);if(r.length>0)return r.join(", ")}return Bt(e).trim()}function Vt(e){let t=o.ref(""),l=o.ref("");return()=>{let r=E(e);if(!r)return"";let n=r.innerText;if(t.value===n)return l.value;let a=ko(r).trim().toLowerCase();return t.value=n,l.value=a,a}}function So(e,t){return e===t}var Co=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Co||{}),Eo=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(Eo||{}),Ro=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(Ro||{});function Oo(e){requestAnimationFrame(()=>requestAnimationFrame(e))}let It=Symbol("ListboxContext");function le(e){let t=o.inject(It,null);if(t===null){let l=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,le),l}return t}let Do=o.defineComponent({name:"Listbox",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"template"},disabled:{type:[Boolean],default:!1},by:{type:[String,Function],default:()=>So},horizontal:{type:[Boolean],default:!1},modelValue:{type:[Object,String,Number,Boolean],default:void 0},defaultValue:{type:[Object,String,Number,Boolean],default:void 0},form:{type:String,optional:!0},name:{type:String,optional:!0},multiple:{type:[Boolean],default:!1}},inheritAttrs:!1,setup(e,{slots:t,attrs:l,emit:r}){let n=o.ref(1),a=o.ref(null),i=o.ref(null),u=o.ref(null),d=o.ref([]),s=o.ref(""),c=o.ref(null),f=o.ref(1);function b(w=k=>k){let k=c.value!==null?d.value[c.value]:null,S=je(w(d.value.slice()),C=>E(C.dataRef.domRef)),O=k?S.indexOf(k):null;return O===-1&&(O=null),{options:S,activeOptionIndex:O}}let m=o.computed(()=>e.multiple?1:0),[y,h]=Dt(o.computed(()=>e.modelValue),w=>r("update:modelValue",w),o.computed(()=>e.defaultValue)),v=o.computed(()=>y.value===void 0?I(m.value,{1:[],0:void 0}):y.value),g={listboxState:n,value:v,mode:m,compare(w,k){if(typeof e.by=="string"){let S=e.by;return(w==null?void 0:w[S])===(k==null?void 0:k[S])}return e.by(w,k)},orientation:o.computed(()=>e.horizontal?"horizontal":"vertical"),labelRef:a,buttonRef:i,optionsRef:u,disabled:o.computed(()=>e.disabled),options:d,searchQuery:s,activeOptionIndex:c,activationTrigger:f,closeListbox(){e.disabled||n.value!==1&&(n.value=1,c.value=null)},openListbox(){e.disabled||n.value!==0&&(n.value=0)},goToOption(w,k,S){if(e.disabled||n.value===1)return;let O=b(),C=gt(w===D.Specific?{focus:D.Specific,id:k}:{focus:w},{resolveItems:()=>O.options,resolveActiveIndex:()=>O.activeOptionIndex,resolveId:L=>L.id,resolveDisabled:L=>L.dataRef.disabled});s.value="",c.value=C,f.value=S??1,d.value=O.options},search(w){if(e.disabled||n.value===1)return;let k=s.value!==""?0:1;s.value+=w.toLowerCase();let S=(c.value!==null?d.value.slice(c.value+k).concat(d.value.slice(0,c.value+k)):d.value).find(C=>C.dataRef.textValue.startsWith(s.value)&&!C.dataRef.disabled),O=S?d.value.indexOf(S):-1;O===-1||O===c.value||(c.value=O,f.value=1)},clearSearch(){e.disabled||n.value!==1&&s.value!==""&&(s.value="")},registerOption(w,k){let S=b(O=>[...O,{id:w,dataRef:k}]);d.value=S.options,c.value=S.activeOptionIndex},unregisterOption(w){let k=b(S=>{let O=S.findIndex(C=>C.id===w);return O!==-1&&S.splice(O,1),S});d.value=k.options,c.value=k.activeOptionIndex,f.value=1},theirOnChange(w){e.disabled||h(w)},select(w){e.disabled||h(I(m.value,{0:()=>w,1:()=>{let k=o.toRaw(g.value.value).slice(),S=o.toRaw(w),O=k.findIndex(C=>g.compare(S,o.toRaw(C)));return O===-1?k.push(S):k.splice(O,1),k}}))}};St([i,u],(w,k)=>{var S;g.closeListbox(),pe(k,fe.Loose)||(w.preventDefault(),(S=E(i))==null||S.focus())},o.computed(()=>n.value===0)),o.provide(It,g),yt(o.computed(()=>I(n.value,{0:F.Open,1:F.Closed})));let x=o.computed(()=>{var w;return(w=E(i))==null?void 0:w.closest("form")});return o.onMounted(()=>{o.watch([x],()=>{if(!x.value||e.defaultValue===void 0)return;function w(){g.theirOnChange(e.defaultValue)}return x.value.addEventListener("reset",w),()=>{var k;(k=x.value)==null||k.removeEventListener("reset",w)}},{immediate:!0})}),()=>{let{name:w,modelValue:k,disabled:S,form:O,...C}=e,L={open:n.value===0,disabled:S,value:v.value};return o.h(o.Fragment,[...w!=null&&v.value!=null?Et({[w]:v.value}).map(([K,Re])=>o.h(Ct,mt({features:ze.Hidden,key:K,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:O,name:K,value:Re}))):[],_({ourProps:{},theirProps:{...l,...Ie(C,["defaultValue","onUpdate:modelValue","horizontal","multiple","by"])},slot:L,slots:t,attrs:l,name:"Listbox"})])}}});o.defineComponent({name:"ListboxLabel",props:{as:{type:[Object,String],default:"label"},id:{type:String,default:()=>`headlessui-listbox-label-${$()}`}},setup(e,{attrs:t,slots:l}){let r=le("ListboxLabel");function n(){var a;(a=E(r.buttonRef))==null||a.focus({preventScroll:!0})}return()=>{let a={open:r.listboxState.value===0,disabled:r.disabled.value},{id:i,...u}=e,d={id:i,ref:r.labelRef,onClick:n};return _({ourProps:d,theirProps:u,slot:a,attrs:t,slots:l,name:"ListboxLabel"})}}});let To=o.defineComponent({name:"ListboxButton",props:{as:{type:[Object,String],default:"button"},id:{type:String,default:()=>`headlessui-listbox-button-${$()}`}},setup(e,{attrs:t,slots:l,expose:r}){let n=le("ListboxButton");r({el:n.buttonRef,$el:n.buttonRef});function a(s){switch(s.key){case R.Space:case R.Enter:case R.ArrowDown:s.preventDefault(),n.openListbox(),o.nextTick(()=>{var c;(c=E(n.optionsRef))==null||c.focus({preventScroll:!0}),n.value.value||n.goToOption(D.First)});break;case R.ArrowUp:s.preventDefault(),n.openListbox(),o.nextTick(()=>{var c;(c=E(n.optionsRef))==null||c.focus({preventScroll:!0}),n.value.value||n.goToOption(D.Last)});break}}function i(s){switch(s.key){case R.Space:s.preventDefault();break}}function u(s){n.disabled.value||(n.listboxState.value===0?(n.closeListbox(),o.nextTick(()=>{var c;return(c=E(n.buttonRef))==null?void 0:c.focus({preventScroll:!0})})):(s.preventDefault(),n.openListbox(),Oo(()=>{var c;return(c=E(n.optionsRef))==null?void 0:c.focus({preventScroll:!0})})))}let d=Ne(o.computed(()=>({as:e.as,type:t.type})),n.buttonRef);return()=>{var s,c;let f={open:n.listboxState.value===0,disabled:n.disabled.value,value:n.value.value},{id:b,...m}=e,y={ref:n.buttonRef,id:b,type:d.value,"aria-haspopup":"listbox","aria-controls":(s=E(n.optionsRef))==null?void 0:s.id,"aria-expanded":n.listboxState.value===0,"aria-labelledby":n.labelRef.value?[(c=E(n.labelRef))==null?void 0:c.id,b].join(" "):void 0,disabled:n.disabled.value===!0?!0:void 0,onKeydown:a,onKeyup:i,onClick:u};return _({ourProps:y,theirProps:m,slot:f,attrs:t,slots:l,name:"ListboxButton"})}}}),Po=o.defineComponent({name:"ListboxOptions",props:{as:{type:[Object,String],default:"ul"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:()=>`headlessui-listbox-options-${$()}`}},setup(e,{attrs:t,slots:l,expose:r}){let n=le("ListboxOptions"),a=o.ref(null);r({el:n.optionsRef,$el:n.optionsRef});function i(s){switch(a.value&&clearTimeout(a.value),s.key){case R.Space:if(n.searchQuery.value!=="")return s.preventDefault(),s.stopPropagation(),n.search(s.key);case R.Enter:if(s.preventDefault(),s.stopPropagation(),n.activeOptionIndex.value!==null){let c=n.options.value[n.activeOptionIndex.value];n.select(c.dataRef.value)}n.mode.value===0&&(n.closeListbox(),o.nextTick(()=>{var c;return(c=E(n.buttonRef))==null?void 0:c.focus({preventScroll:!0})}));break;case I(n.orientation.value,{vertical:R.ArrowDown,horizontal:R.ArrowRight}):return s.preventDefault(),s.stopPropagation(),n.goToOption(D.Next);case I(n.orientation.value,{vertical:R.ArrowUp,horizontal:R.ArrowLeft}):return s.preventDefault(),s.stopPropagation(),n.goToOption(D.Previous);case R.Home:case R.PageUp:return s.preventDefault(),s.stopPropagation(),n.goToOption(D.First);case R.End:case R.PageDown:return s.preventDefault(),s.stopPropagation(),n.goToOption(D.Last);case R.Escape:s.preventDefault(),s.stopPropagation(),n.closeListbox(),o.nextTick(()=>{var c;return(c=E(n.buttonRef))==null?void 0:c.focus({preventScroll:!0})});break;case R.Tab:s.preventDefault(),s.stopPropagation();break;default:s.key.length===1&&(n.search(s.key),a.value=setTimeout(()=>n.clearSearch(),350));break}}let u=bt(),d=o.computed(()=>u!==null?(u.value&F.Open)===F.Open:n.listboxState.value===0);return()=>{var s,c,f,b;let m={open:n.listboxState.value===0},{id:y,...h}=e,v={"aria-activedescendant":n.activeOptionIndex.value===null||(s=n.options.value[n.activeOptionIndex.value])==null?void 0:s.id,"aria-multiselectable":n.mode.value===1?!0:void 0,"aria-labelledby":(b=(c=E(n.labelRef))==null?void 0:c.id)!=null?b:(f=E(n.buttonRef))==null?void 0:f.id,"aria-orientation":n.orientation.value,id:y,onKeydown:i,role:"listbox",tabIndex:0,ref:n.optionsRef};return _({ourProps:v,theirProps:h,slot:m,attrs:t,slots:l,features:oe.RenderStrategy|oe.Static,visible:d.value,name:"ListboxOptions"})}}}),_o=o.defineComponent({name:"ListboxOption",props:{as:{type:[Object,String],default:"li"},value:{type:[Object,String,Number,Boolean]},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`headlessui-listbox.option-${$()}`}},setup(e,{slots:t,attrs:l,expose:r}){let n=le("ListboxOption"),a=o.ref(null);r({el:a,$el:a});let i=o.computed(()=>n.activeOptionIndex.value!==null?n.options.value[n.activeOptionIndex.value].id===e.id:!1),u=o.computed(()=>I(n.mode.value,{0:()=>n.compare(o.toRaw(n.value.value),o.toRaw(e.value)),1:()=>o.toRaw(n.value.value).some(g=>n.compare(o.toRaw(g),o.toRaw(e.value)))})),d=o.computed(()=>I(n.mode.value,{1:()=>{var g;let x=o.toRaw(n.value.value);return((g=n.options.value.find(w=>x.some(k=>n.compare(o.toRaw(k),o.toRaw(w.dataRef.value)))))==null?void 0:g.id)===e.id},0:()=>u.value})),s=Vt(a),c=o.computed(()=>({disabled:e.disabled,value:e.value,get textValue(){return s()},domRef:a}));o.onMounted(()=>n.registerOption(e.id,c)),o.onUnmounted(()=>n.unregisterOption(e.id)),o.onMounted(()=>{o.watch([n.listboxState,u],()=>{n.listboxState.value===0&&u.value&&I(n.mode.value,{1:()=>{d.value&&n.goToOption(D.Specific,e.id)},0:()=>{n.goToOption(D.Specific,e.id)}})},{immediate:!0})}),o.watchEffect(()=>{n.listboxState.value===0&&i.value&&n.activationTrigger.value!==0&&o.nextTick(()=>{var g,x;return(x=(g=E(a))==null?void 0:g.scrollIntoView)==null?void 0:x.call(g,{block:"nearest"})})});function f(g){if(e.disabled)return g.preventDefault();n.select(e.value),n.mode.value===0&&(n.closeListbox(),o.nextTick(()=>{var x;return(x=E(n.buttonRef))==null?void 0:x.focus({preventScroll:!0})}))}function b(){if(e.disabled)return n.goToOption(D.Nothing);n.goToOption(D.Specific,e.id)}let m=Pt();function y(g){m.update(g)}function h(g){m.wasMoved(g)&&(e.disabled||i.value||n.goToOption(D.Specific,e.id,0))}function v(g){m.wasMoved(g)&&(e.disabled||i.value&&n.goToOption(D.Nothing))}return()=>{let{disabled:g}=e,x={active:i.value,selected:u.value,disabled:g},{id:w,value:k,disabled:S,...O}=e,C={id:w,ref:a,role:"option",tabIndex:g===!0?void 0:-1,"aria-disabled":g===!0?!0:void 0,"aria-selected":u.value,disabled:void 0,onClick:f,onFocus:b,onPointerenter:y,onMouseenter:y,onPointermove:h,onMousemove:h,onPointerleave:v,onMouseleave:v};return _({ourProps:C,theirProps:O,slot:x,attrs:l,slots:t,name:"ListboxOption"})}}});var Lo=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Lo||{}),Bo=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(Bo||{});function Vo(e){requestAnimationFrame(()=>requestAnimationFrame(e))}let Nt=Symbol("MenuContext");function ge(e){let t=o.inject(Nt,null);if(t===null){let l=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,ge),l}return t}let Io=o.defineComponent({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup(e,{slots:t,attrs:l}){let r=o.ref(1),n=o.ref(null),a=o.ref(null),i=o.ref([]),u=o.ref(""),d=o.ref(null),s=o.ref(1);function c(b=m=>m){let m=d.value!==null?i.value[d.value]:null,y=je(b(i.value.slice()),v=>E(v.dataRef.domRef)),h=m?y.indexOf(m):null;return h===-1&&(h=null),{items:y,activeItemIndex:h}}let f={menuState:r,buttonRef:n,itemsRef:a,items:i,searchQuery:u,activeItemIndex:d,activationTrigger:s,closeMenu:()=>{r.value=1,d.value=null},openMenu:()=>r.value=0,goToItem(b,m,y){let h=c(),v=gt(b===D.Specific?{focus:D.Specific,id:m}:{focus:b},{resolveItems:()=>h.items,resolveActiveIndex:()=>h.activeItemIndex,resolveId:g=>g.id,resolveDisabled:g=>g.dataRef.disabled});u.value="",d.value=v,s.value=y??1,i.value=h.items},search(b){let m=u.value!==""?0:1;u.value+=b.toLowerCase();let y=(d.value!==null?i.value.slice(d.value+m).concat(i.value.slice(0,d.value+m)):i.value).find(v=>v.dataRef.textValue.startsWith(u.value)&&!v.dataRef.disabled),h=y?i.value.indexOf(y):-1;h===-1||h===d.value||(d.value=h,s.value=1)},clearSearch(){u.value=""},registerItem(b,m){let y=c(h=>[...h,{id:b,dataRef:m}]);i.value=y.items,d.value=y.activeItemIndex,s.value=1},unregisterItem(b){let m=c(y=>{let h=y.findIndex(v=>v.id===b);return h!==-1&&y.splice(h,1),y});i.value=m.items,d.value=m.activeItemIndex,s.value=1}};return St([n,a],(b,m)=>{var y;f.closeMenu(),pe(m,fe.Loose)||(b.preventDefault(),(y=E(n))==null||y.focus())},o.computed(()=>r.value===0)),o.provide(Nt,f),yt(o.computed(()=>I(r.value,{0:F.Open,1:F.Closed}))),()=>{let b={open:r.value===0,close:f.closeMenu};return _({ourProps:{},theirProps:e,slot:b,slots:t,attrs:l,name:"Menu"})}}}),No=o.defineComponent({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"},id:{type:String,default:()=>`headlessui-menu-button-${$()}`}},setup(e,{attrs:t,slots:l,expose:r}){let n=ge("MenuButton");r({el:n.buttonRef,$el:n.buttonRef});function a(s){switch(s.key){case R.Space:case R.Enter:case R.ArrowDown:s.preventDefault(),s.stopPropagation(),n.openMenu(),o.nextTick(()=>{var c;(c=E(n.itemsRef))==null||c.focus({preventScroll:!0}),n.goToItem(D.First)});break;case R.ArrowUp:s.preventDefault(),s.stopPropagation(),n.openMenu(),o.nextTick(()=>{var c;(c=E(n.itemsRef))==null||c.focus({preventScroll:!0}),n.goToItem(D.Last)});break}}function i(s){switch(s.key){case R.Space:s.preventDefault();break}}function u(s){e.disabled||(n.menuState.value===0?(n.closeMenu(),o.nextTick(()=>{var c;return(c=E(n.buttonRef))==null?void 0:c.focus({preventScroll:!0})})):(s.preventDefault(),n.openMenu(),Vo(()=>{var c;return(c=E(n.itemsRef))==null?void 0:c.focus({preventScroll:!0})})))}let d=Ne(o.computed(()=>({as:e.as,type:t.type})),n.buttonRef);return()=>{var s;let c={open:n.menuState.value===0},{id:f,...b}=e,m={ref:n.buttonRef,id:f,type:d.value,"aria-haspopup":"menu","aria-controls":(s=E(n.itemsRef))==null?void 0:s.id,"aria-expanded":n.menuState.value===0,onKeydown:a,onKeyup:i,onClick:u};return _({ourProps:m,theirProps:b,slot:c,attrs:t,slots:l,name:"MenuButton"})}}}),Ao=o.defineComponent({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:()=>`headlessui-menu-items-${$()}`}},setup(e,{attrs:t,slots:l,expose:r}){let n=ge("MenuItems"),a=o.ref(null);r({el:n.itemsRef,$el:n.itemsRef}),so({container:o.computed(()=>E(n.itemsRef)),enabled:o.computed(()=>n.menuState.value===0),accept(c){return c.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:c.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(c){c.setAttribute("role","none")}});function i(c){var f;switch(a.value&&clearTimeout(a.value),c.key){case R.Space:if(n.searchQuery.value!=="")return c.preventDefault(),c.stopPropagation(),n.search(c.key);case R.Enter:if(c.preventDefault(),c.stopPropagation(),n.activeItemIndex.value!==null){let b=n.items.value[n.activeItemIndex.value];(f=E(b.dataRef.domRef))==null||f.click()}n.closeMenu(),kt(E(n.buttonRef));break;case R.ArrowDown:return c.preventDefault(),c.stopPropagation(),n.goToItem(D.Next);case R.ArrowUp:return c.preventDefault(),c.stopPropagation(),n.goToItem(D.Previous);case R.Home:case R.PageUp:return c.preventDefault(),c.stopPropagation(),n.goToItem(D.First);case R.End:case R.PageDown:return c.preventDefault(),c.stopPropagation(),n.goToItem(D.Last);case R.Escape:c.preventDefault(),c.stopPropagation(),n.closeMenu(),o.nextTick(()=>{var b;return(b=E(n.buttonRef))==null?void 0:b.focus({preventScroll:!0})});break;case R.Tab:c.preventDefault(),c.stopPropagation(),n.closeMenu(),o.nextTick(()=>ho(E(n.buttonRef),c.shiftKey?Fe.Previous:Fe.Next));break;default:c.key.length===1&&(n.search(c.key),a.value=setTimeout(()=>n.clearSearch(),350));break}}function u(c){switch(c.key){case R.Space:c.preventDefault();break}}let d=bt(),s=o.computed(()=>d!==null?(d.value&F.Open)===F.Open:n.menuState.value===0);return()=>{var c,f;let b={open:n.menuState.value===0},{id:m,...y}=e,h={"aria-activedescendant":n.activeItemIndex.value===null||(c=n.items.value[n.activeItemIndex.value])==null?void 0:c.id,"aria-labelledby":(f=E(n.buttonRef))==null?void 0:f.id,id:m,onKeydown:i,onKeyup:u,role:"menu",tabIndex:0,ref:n.itemsRef};return _({ourProps:h,theirProps:y,slot:b,attrs:t,slots:l,features:oe.RenderStrategy|oe.Static,visible:s.value,name:"MenuItems"})}}}),$o=o.defineComponent({name:"MenuItem",inheritAttrs:!1,props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`headlessui-menu-item-${$()}`}},setup(e,{slots:t,attrs:l,expose:r}){let n=ge("MenuItem"),a=o.ref(null);r({el:a,$el:a});let i=o.computed(()=>n.activeItemIndex.value!==null?n.items.value[n.activeItemIndex.value].id===e.id:!1),u=Vt(a),d=o.computed(()=>({disabled:e.disabled,get textValue(){return u()},domRef:a}));o.onMounted(()=>n.registerItem(e.id,d)),o.onUnmounted(()=>n.unregisterItem(e.id)),o.watchEffect(()=>{n.menuState.value===0&&i.value&&n.activationTrigger.value!==0&&o.nextTick(()=>{var h,v;return(v=(h=E(a))==null?void 0:h.scrollIntoView)==null?void 0:v.call(h,{block:"nearest"})})});function s(h){if(e.disabled)return h.preventDefault();n.closeMenu(),kt(E(n.buttonRef))}function c(){if(e.disabled)return n.goToItem(D.Nothing);n.goToItem(D.Specific,e.id)}let f=Pt();function b(h){f.update(h)}function m(h){f.wasMoved(h)&&(e.disabled||i.value||n.goToItem(D.Specific,e.id,0))}function y(h){f.wasMoved(h)&&(e.disabled||i.value&&n.goToItem(D.Nothing))}return()=>{let{disabled:h}=e,v={active:i.value,disabled:h,close:n.closeMenu},{id:g,...x}=e;return _({ourProps:{id:g,ref:a,role:"menuitem",tabIndex:h===!0?void 0:-1,"aria-disabled":h===!0?!0:void 0,disabled:void 0,onClick:s,onFocus:c,onPointerenter:b,onMouseenter:b,onPointermove:m,onMousemove:m,onPointerleave:y,onMouseleave:y},theirProps:{...l,...x},slot:v,attrs:l,slots:t,name:"MenuItem"})}}}),At=Symbol("LabelContext");function $t(){let e=o.inject(At,null);if(e===null){let t=new Error("You used a <Label /> component, but it is not inside a parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,$t),t}return e}function Mo({slot:e={},name:t="Label",props:l={}}={}){let r=o.ref([]);function n(a){return r.value.push(a),()=>{let i=r.value.indexOf(a);i!==-1&&r.value.splice(i,1)}}return o.provide(At,{register:n,slot:e,name:t,props:l}),o.computed(()=>r.value.length>0?r.value.join(" "):void 0)}o.defineComponent({name:"Label",props:{as:{type:[Object,String],default:"label"},passive:{type:[Boolean],default:!1},id:{type:String,default:()=>`headlessui-label-${$()}`}},setup(e,{slots:t,attrs:l}){let r=$t();return o.onMounted(()=>o.onUnmounted(r.register(e.id))),()=>{let{name:n="Label",slot:a={},props:i={}}=r,{id:u,passive:d,...s}=e,c={...Object.entries(i).reduce((f,[b,m])=>Object.assign(f,{[b]:o.unref(m)}),{}),id:u};return d&&(delete c.onClick,delete c.htmlFor,delete s.onClick),_({ourProps:c,theirProps:s,slot:a,attrs:l,slots:t,name:n})}}});let Mt=Symbol("GroupContext");o.defineComponent({name:"SwitchGroup",props:{as:{type:[Object,String],default:"template"}},setup(e,{slots:t,attrs:l}){let r=o.ref(null),n=Mo({name:"SwitchLabel",props:{htmlFor:o.computed(()=>{var i;return(i=r.value)==null?void 0:i.id}),onClick(i){r.value&&(i.currentTarget.tagName==="LABEL"&&i.preventDefault(),r.value.click(),r.value.focus({preventScroll:!0}))}}}),a=xo({name:"SwitchDescription"});return o.provide(Mt,{switchRef:r,labelledby:n,describedby:a}),()=>_({theirProps:e,ourProps:{},slot:{},slots:t,attrs:l,name:"SwitchGroup"})}});let Fo=o.defineComponent({name:"Switch",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"button"},modelValue:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,optional:!0},form:{type:String,optional:!0},name:{type:String,optional:!0},value:{type:String,optional:!0},id:{type:String,default:()=>`headlessui-switch-${$()}`}},inheritAttrs:!1,setup(e,{emit:t,attrs:l,slots:r,expose:n}){let a=o.inject(Mt,null),[i,u]=Dt(o.computed(()=>e.modelValue),v=>t("update:modelValue",v),o.computed(()=>e.defaultChecked));function d(){u(!i.value)}let s=o.ref(null),c=a===null?s:a.switchRef,f=Ne(o.computed(()=>({as:e.as,type:l.type})),c);n({el:c,$el:c});function b(v){v.preventDefault(),d()}function m(v){v.key===R.Space?(v.preventDefault(),d()):v.key===R.Enter&&vo(v.currentTarget)}function y(v){v.preventDefault()}let h=o.computed(()=>{var v,g;return(g=(v=E(c))==null?void 0:v.closest)==null?void 0:g.call(v,"form")});return o.onMounted(()=>{o.watch([h],()=>{if(!h.value||e.defaultChecked===void 0)return;function v(){u(e.defaultChecked)}return h.value.addEventListener("reset",v),()=>{var g;(g=h.value)==null||g.removeEventListener("reset",v)}},{immediate:!0})}),()=>{let{id:v,name:g,value:x,form:w,...k}=e,S={checked:i.value},O={id:v,ref:c,role:"switch",type:f.value,tabIndex:0,"aria-checked":i.value,"aria-labelledby":a==null?void 0:a.labelledby.value,"aria-describedby":a==null?void 0:a.describedby.value,onClick:b,onKeyup:m,onKeypress:y};return o.h(o.Fragment,[g!=null&&i.value!=null?o.h(Ct,mt({features:ze.Hidden,as:"input",type:"checkbox",hidden:!0,readOnly:!0,checked:i.value,form:w,name:g,value:x})):null,_({ourProps:O,theirProps:{...l,...Ie(k,["modelValue","defaultChecked"])},slot:S,attrs:l,slots:r,name:"Switch"})])}}});const he=Math.min,G=Math.max,be=Math.round,ye=Math.floor,W=e=>({x:e,y:e}),jo={left:"right",right:"left",bottom:"top",top:"bottom"},zo={start:"end",end:"start"};function Ft(e,t,l){return G(e,he(t,l))}function ve(e,t){return typeof e=="function"?e(t):e}function q(e){return e.split("-")[0]}function we(e){return e.split("-")[1]}function jt(e){return e==="x"?"y":"x"}function zt(e){return e==="y"?"height":"width"}function xe(e){return["top","bottom"].includes(q(e))?"y":"x"}function Ut(e){return jt(xe(e))}function Uo(e,t,l){l===void 0&&(l=!1);const r=we(e),n=Ut(e),a=zt(n);let i=n==="x"?r===(l?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=ke(i)),[i,ke(i)]}function Ho(e){const t=ke(e);return[Ue(e),t,Ue(t)]}function Ue(e){return e.replace(/start|end/g,t=>zo[t])}function Wo(e,t,l){const r=["left","right"],n=["right","left"],a=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return l?t?n:r:t?r:n;case"left":case"right":return t?a:i;default:return[]}}function Ko(e,t,l,r){const n=we(e);let a=Wo(q(e),l==="start",r);return n&&(a=a.map(i=>i+"-"+n),t&&(a=a.concat(a.map(Ue)))),a}function ke(e){return e.replace(/left|right|bottom|top/g,t=>jo[t])}function Go(e){return{top:0,right:0,bottom:0,left:0,...e}}function qo(e){return typeof e!="number"?Go(e):{top:e,right:e,bottom:e,left:e}}function Se(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Ht(e,t,l){let{reference:r,floating:n}=e;const a=xe(t),i=Ut(t),u=zt(i),d=q(t),s=a==="y",c=r.x+r.width/2-n.width/2,f=r.y+r.height/2-n.height/2,b=r[u]/2-n[u]/2;let m;switch(d){case"top":m={x:c,y:r.y-n.height};break;case"bottom":m={x:c,y:r.y+r.height};break;case"right":m={x:r.x+r.width,y:f};break;case"left":m={x:r.x-n.width,y:f};break;default:m={x:r.x,y:r.y}}switch(we(t)){case"start":m[i]-=b*(l&&s?-1:1);break;case"end":m[i]+=b*(l&&s?-1:1);break}return m}const Xo=async(e,t,l)=>{const{placement:r="bottom",strategy:n="absolute",middleware:a=[],platform:i}=l,u=a.filter(Boolean),d=await(i.isRTL==null?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:c,y:f}=Ht(s,r,d),b=r,m={},y=0;for(let h=0;h<u.length;h++){const{name:v,fn:g}=u[h],{x,y:w,data:k,reset:S}=await g({x:c,y:f,initialPlacement:r,placement:b,strategy:n,middlewareData:m,rects:s,platform:i,elements:{reference:e,floating:t}});if(c=x??c,f=w??f,m={...m,[v]:{...m[v],...k}},S&&y<=50){y++,typeof S=="object"&&(S.placement&&(b=S.placement),S.rects&&(s=S.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:n}):S.rects),{x:c,y:f}=Ht(s,b,d)),h=-1;continue}}return{x:c,y:f,placement:b,strategy:n,middlewareData:m}};async function Wt(e,t){var l;t===void 0&&(t={});const{x:r,y:n,platform:a,rects:i,elements:u,strategy:d}=e,{boundary:s="clippingAncestors",rootBoundary:c="viewport",elementContext:f="floating",altBoundary:b=!1,padding:m=0}=ve(t,e),y=qo(m),v=u[b?f==="floating"?"reference":"floating":f],g=Se(await a.getClippingRect({element:(l=await(a.isElement==null?void 0:a.isElement(v)))==null||l?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(u.floating)),boundary:s,rootBoundary:c,strategy:d})),x=f==="floating"?{...i.floating,x:r,y:n}:i.reference,w=await(a.getOffsetParent==null?void 0:a.getOffsetParent(u.floating)),k=await(a.isElement==null?void 0:a.isElement(w))?await(a.getScale==null?void 0:a.getScale(w))||{x:1,y:1}:{x:1,y:1},S=Se(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:d}):x);return{top:(g.top-S.top+y.top)/k.y,bottom:(S.bottom-g.bottom+y.bottom)/k.y,left:(g.left-S.left+y.left)/k.x,right:(S.right-g.right+y.right)/k.x}}const Yo=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var l,r;const{placement:n,middlewareData:a,rects:i,initialPlacement:u,platform:d,elements:s}=t,{mainAxis:c=!0,crossAxis:f=!0,fallbackPlacements:b,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:h=!0,...v}=ve(e,t);if((l=a.arrow)!=null&&l.alignmentOffset)return{};const g=q(n),x=q(u)===u,w=await(d.isRTL==null?void 0:d.isRTL(s.floating)),k=b||(x||!h?[ke(u)]:Ho(u));!b&&y!=="none"&&k.push(...Ko(u,h,y,w));const S=[u,...k],O=await Wt(t,v),C=[];let L=((r=a.flip)==null?void 0:r.overflows)||[];if(c&&C.push(O[g]),f){const Y=Uo(n,i,w);C.push(O[Y[0]],O[Y[1]])}if(L=[...L,{placement:n,overflows:C}],!C.every(Y=>Y<=0)){var K,Re;const Y=(((K=a.flip)==null?void 0:K.index)||0)+1,rn=S[Y];if(rn)return{data:{index:Y,overflows:L},reset:{placement:rn}};let ie=(Re=L.filter(J=>J.overflows[0]<=0).sort((J,ee)=>J.overflows[1]-ee.overflows[1])[0])==null?void 0:Re.placement;if(!ie)switch(m){case"bestFit":{var ln;const J=(ln=L.map(ee=>[ee.placement,ee.overflows.filter(se=>se>0).reduce((se,Yl)=>se+Yl,0)]).sort((ee,se)=>ee[1]-se[1])[0])==null?void 0:ln[0];J&&(ie=J);break}case"initialPlacement":ie=u;break}if(n!==ie)return{reset:{placement:ie}}}return{}}}};async function Qo(e,t){const{placement:l,platform:r,elements:n}=e,a=await(r.isRTL==null?void 0:r.isRTL(n.floating)),i=q(l),u=we(l),d=xe(l)==="y",s=["left","top"].includes(i)?-1:1,c=a&&d?-1:1,f=ve(t,e);let{mainAxis:b,crossAxis:m,alignmentAxis:y}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return u&&typeof y=="number"&&(m=u==="end"?y*-1:y),d?{x:m*c,y:b*s}:{x:b*s,y:m*c}}const Zo=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var l,r;const{x:n,y:a,placement:i,middlewareData:u}=t,d=await Qo(t,e);return i===((l=u.offset)==null?void 0:l.placement)&&(r=u.arrow)!=null&&r.alignmentOffset?{}:{x:n+d.x,y:a+d.y,data:{...d,placement:i}}}}},Jo=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:r,placement:n}=t,{mainAxis:a=!0,crossAxis:i=!1,limiter:u={fn:v=>{let{x:g,y:x}=v;return{x:g,y:x}}},...d}=ve(e,t),s={x:l,y:r},c=await Wt(t,d),f=xe(q(n)),b=jt(f);let m=s[b],y=s[f];if(a){const v=b==="y"?"top":"left",g=b==="y"?"bottom":"right",x=m+c[v],w=m-c[g];m=Ft(x,m,w)}if(i){const v=f==="y"?"top":"left",g=f==="y"?"bottom":"right",x=y+c[v],w=y-c[g];y=Ft(x,y,w)}const h=u.fn({...t,[b]:m,[f]:y});return{...h,data:{x:h.x-l,y:h.y-r}}}}};function j(e){return He(e)?(e.nodeName||"").toLowerCase():"#document"}function B(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function z(e){var t;return(t=(He(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function He(e){return e instanceof Node||e instanceof B(e).Node}function U(e){return e instanceof Element||e instanceof B(e).Element}function M(e){return e instanceof HTMLElement||e instanceof B(e).HTMLElement}function Kt(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof B(e).ShadowRoot}function re(e){const{overflow:t,overflowX:l,overflowY:r,display:n}=N(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+l)&&!["inline","contents"].includes(n)}function el(e){return["table","td","th"].includes(j(e))}function We(e){const t=Ke(),l=N(e);return l.transform!=="none"||l.perspective!=="none"||(l.containerType?l.containerType!=="normal":!1)||!t&&(l.backdropFilter?l.backdropFilter!=="none":!1)||!t&&(l.filter?l.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(l.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(l.contain||"").includes(r))}function tl(e){let t=Q(e);for(;M(t)&&!Ce(t);){if(We(t))return t;t=Q(t)}return null}function Ke(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ce(e){return["html","body","#document"].includes(j(e))}function N(e){return B(e).getComputedStyle(e)}function Ee(e){return U(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Q(e){if(j(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Kt(e)&&e.host||z(e);return Kt(t)?t.host:t}function Gt(e){const t=Q(e);return Ce(t)?e.ownerDocument?e.ownerDocument.body:e.body:M(t)&&re(t)?t:Gt(t)}function ae(e,t,l){var r;t===void 0&&(t=[]),l===void 0&&(l=!0);const n=Gt(e),a=n===((r=e.ownerDocument)==null?void 0:r.body),i=B(n);return a?t.concat(i,i.visualViewport||[],re(n)?n:[],i.frameElement&&l?ae(i.frameElement):[]):t.concat(n,ae(n,[],l))}function qt(e){const t=N(e);let l=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const n=M(e),a=n?e.offsetWidth:l,i=n?e.offsetHeight:r,u=be(l)!==a||be(r)!==i;return u&&(l=a,r=i),{width:l,height:r,$:u}}function Ge(e){return U(e)?e:e.contextElement}function Z(e){const t=Ge(e);if(!M(t))return W(1);const l=t.getBoundingClientRect(),{width:r,height:n,$:a}=qt(t);let i=(a?be(l.width):l.width)/r,u=(a?be(l.height):l.height)/n;return(!i||!Number.isFinite(i))&&(i=1),(!u||!Number.isFinite(u))&&(u=1),{x:i,y:u}}const nl=W(0);function Xt(e){const t=B(e);return!Ke()||!t.visualViewport?nl:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ol(e,t,l){return t===void 0&&(t=!1),!l||t&&l!==B(e)?!1:t}function X(e,t,l,r){t===void 0&&(t=!1),l===void 0&&(l=!1);const n=e.getBoundingClientRect(),a=Ge(e);let i=W(1);t&&(r?U(r)&&(i=Z(r)):i=Z(e));const u=ol(a,l,r)?Xt(a):W(0);let d=(n.left+u.x)/i.x,s=(n.top+u.y)/i.y,c=n.width/i.x,f=n.height/i.y;if(a){const b=B(a),m=r&&U(r)?B(r):r;let y=b.frameElement;for(;y&&r&&m!==b;){const h=Z(y),v=y.getBoundingClientRect(),g=N(y),x=v.left+(y.clientLeft+parseFloat(g.paddingLeft))*h.x,w=v.top+(y.clientTop+parseFloat(g.paddingTop))*h.y;d*=h.x,s*=h.y,c*=h.x,f*=h.y,d+=x,s+=w,y=B(y).frameElement}}return Se({width:c,height:f,x:d,y:s})}function ll(e){let{rect:t,offsetParent:l,strategy:r}=e;const n=M(l),a=z(l);if(l===a)return t;let i={scrollLeft:0,scrollTop:0},u=W(1);const d=W(0);if((n||!n&&r!=="fixed")&&((j(l)!=="body"||re(a))&&(i=Ee(l)),M(l))){const s=X(l);u=Z(l),d.x=s.x+l.clientLeft,d.y=s.y+l.clientTop}return{width:t.width*u.x,height:t.height*u.y,x:t.x*u.x-i.scrollLeft*u.x+d.x,y:t.y*u.y-i.scrollTop*u.y+d.y}}function rl(e){return Array.from(e.getClientRects())}function Yt(e){return X(z(e)).left+Ee(e).scrollLeft}function al(e){const t=z(e),l=Ee(e),r=e.ownerDocument.body,n=G(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=G(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-l.scrollLeft+Yt(e);const u=-l.scrollTop;return N(r).direction==="rtl"&&(i+=G(t.clientWidth,r.clientWidth)-n),{width:n,height:a,x:i,y:u}}function il(e,t){const l=B(e),r=z(e),n=l.visualViewport;let a=r.clientWidth,i=r.clientHeight,u=0,d=0;if(n){a=n.width,i=n.height;const s=Ke();(!s||s&&t==="fixed")&&(u=n.offsetLeft,d=n.offsetTop)}return{width:a,height:i,x:u,y:d}}function sl(e,t){const l=X(e,!0,t==="fixed"),r=l.top+e.clientTop,n=l.left+e.clientLeft,a=M(e)?Z(e):W(1),i=e.clientWidth*a.x,u=e.clientHeight*a.y,d=n*a.x,s=r*a.y;return{width:i,height:u,x:d,y:s}}function Qt(e,t,l){let r;if(t==="viewport")r=il(e,l);else if(t==="document")r=al(z(e));else if(U(t))r=sl(t,l);else{const n=Xt(e);r={...t,x:t.x-n.x,y:t.y-n.y}}return Se(r)}function Zt(e,t){const l=Q(e);return l===t||!U(l)||Ce(l)?!1:N(l).position==="fixed"||Zt(l,t)}function cl(e,t){const l=t.get(e);if(l)return l;let r=ae(e,[],!1).filter(u=>U(u)&&j(u)!=="body"),n=null;const a=N(e).position==="fixed";let i=a?Q(e):e;for(;U(i)&&!Ce(i);){const u=N(i),d=We(i);!d&&u.position==="fixed"&&(n=null),(a?!d&&!n:!d&&u.position==="static"&&!!n&&["absolute","fixed"].includes(n.position)||re(i)&&!d&&Zt(e,i))?r=r.filter(c=>c!==i):n=u,i=Q(i)}return t.set(e,r),r}function ul(e){let{element:t,boundary:l,rootBoundary:r,strategy:n}=e;const i=[...l==="clippingAncestors"?cl(t,this._c):[].concat(l),r],u=i[0],d=i.reduce((s,c)=>{const f=Qt(t,c,n);return s.top=G(f.top,s.top),s.right=he(f.right,s.right),s.bottom=he(f.bottom,s.bottom),s.left=G(f.left,s.left),s},Qt(t,u,n));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function dl(e){const{width:t,height:l}=qt(e);return{width:t,height:l}}function fl(e,t,l){const r=M(t),n=z(t),a=l==="fixed",i=X(e,!0,a,t);let u={scrollLeft:0,scrollTop:0};const d=W(0);if(r||!r&&!a)if((j(t)!=="body"||re(n))&&(u=Ee(t)),r){const s=X(t,!0,a,t);d.x=s.x+t.clientLeft,d.y=s.y+t.clientTop}else n&&(d.x=Yt(n));return{x:i.left+u.scrollLeft-d.x,y:i.top+u.scrollTop-d.y,width:i.width,height:i.height}}function Jt(e,t){return!M(e)||N(e).position==="fixed"?null:t?t(e):e.offsetParent}function en(e,t){const l=B(e);if(!M(e))return l;let r=Jt(e,t);for(;r&&el(r)&&N(r).position==="static";)r=Jt(r,t);return r&&(j(r)==="html"||j(r)==="body"&&N(r).position==="static"&&!We(r))?l:r||tl(e)||l}const pl=async function(e){let{reference:t,floating:l,strategy:r}=e;const n=this.getOffsetParent||en,a=this.getDimensions;return{reference:fl(t,await n(l),r),floating:{x:0,y:0,...await a(l)}}};function ml(e){return N(e).direction==="rtl"}const gl={convertOffsetParentRelativeRectToViewportRelativeRect:ll,getDocumentElement:z,getClippingRect:ul,getOffsetParent:en,getElementRects:pl,getClientRects:rl,getDimensions:dl,getScale:Z,isElement:U,isRTL:ml};function hl(e,t){let l=null,r;const n=z(e);function a(){clearTimeout(r),l&&l.disconnect(),l=null}function i(u,d){u===void 0&&(u=!1),d===void 0&&(d=1),a();const{left:s,top:c,width:f,height:b}=e.getBoundingClientRect();if(u||t(),!f||!b)return;const m=ye(c),y=ye(n.clientWidth-(s+f)),h=ye(n.clientHeight-(c+b)),v=ye(s),x={rootMargin:-m+"px "+-y+"px "+-h+"px "+-v+"px",threshold:G(0,he(1,d))||1};let w=!0;function k(S){const O=S[0].intersectionRatio;if(O!==d){if(!w)return i();O?i(!1,O):r=setTimeout(()=>{i(!1,1e-7)},100)}w=!1}try{l=new IntersectionObserver(k,{...x,root:n.ownerDocument})}catch{l=new IntersectionObserver(k,x)}l.observe(e)}return i(!0),a}function bl(e,t,l,r){r===void 0&&(r={});const{ancestorScroll:n=!0,ancestorResize:a=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:u=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,s=Ge(e),c=n||a?[...s?ae(s):[],...ae(t)]:[];c.forEach(g=>{n&&g.addEventListener("scroll",l,{passive:!0}),a&&g.addEventListener("resize",l)});const f=s&&u?hl(s,l):null;let b=-1,m=null;i&&(m=new ResizeObserver(g=>{let[x]=g;x&&x.target===s&&m&&(m.unobserve(t),cancelAnimationFrame(b),b=requestAnimationFrame(()=>{m&&m.observe(t)})),l()}),s&&!d&&m.observe(s),m.observe(t));let y,h=d?X(e):null;d&&v();function v(){const g=X(e);h&&(g.x!==h.x||g.y!==h.y||g.width!==h.width||g.height!==h.height)&&l(),h=g,y=requestAnimationFrame(v)}return l(),()=>{c.forEach(g=>{n&&g.removeEventListener("scroll",l),a&&g.removeEventListener("resize",l)}),f&&f(),m&&m.disconnect(),m=null,d&&cancelAnimationFrame(y)}}const yl=Jo,vl=Yo,wl=(e,t,l)=>{const r=new Map,n={platform:gl,...l},a={...n.platform,_c:r};return Xo(e,t,{...n,platform:a})};function xl(e){return e!=null&&typeof e=="object"&&"$el"in e}function tn(e){if(xl(e)){const t=e.$el;return He(t)&&j(t)==="#comment"?null:t}return e}function nn(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function on(e,t){const l=nn(e);return Math.round(t*l)/l}function kl(e,t,l){l===void 0&&(l={});const r=l.whileElementsMounted,n=o.computed(()=>{var C;return(C=o.unref(l.open))!=null?C:!0}),a=o.computed(()=>o.unref(l.middleware)),i=o.computed(()=>{var C;return(C=o.unref(l.placement))!=null?C:"bottom"}),u=o.computed(()=>{var C;return(C=o.unref(l.strategy))!=null?C:"absolute"}),d=o.computed(()=>{var C;return(C=o.unref(l.transform))!=null?C:!0}),s=o.computed(()=>tn(e.value)),c=o.computed(()=>tn(t.value)),f=o.ref(0),b=o.ref(0),m=o.ref(u.value),y=o.ref(i.value),h=o.shallowRef({}),v=o.ref(!1),g=o.computed(()=>{const C={position:m.value,left:"0",top:"0"};if(!c.value)return C;const L=on(c.value,f.value),K=on(c.value,b.value);return d.value?{...C,transform:"translate("+L+"px, "+K+"px)",...nn(c.value)>=1.5&&{willChange:"transform"}}:{position:m.value,left:L+"px",top:K+"px"}});let x;function w(){s.value==null||c.value==null||wl(s.value,c.value,{middleware:a.value,placement:i.value,strategy:u.value}).then(C=>{f.value=C.x,b.value=C.y,m.value=C.strategy,y.value=C.placement,h.value=C.middlewareData,v.value=!0})}function k(){typeof x=="function"&&(x(),x=void 0)}function S(){if(k(),r===void 0){w();return}if(s.value!=null&&c.value!=null){x=r(s.value,c.value,w);return}}function O(){n.value||(v.value=!1)}return o.watch([a,i,u],w,{flush:"sync"}),o.watch([s,c],S,{flush:"sync"}),o.watch(n,O,{flush:"sync"}),o.getCurrentScope()&&o.onScopeDispose(k),{x:o.shallowReadonly(f),y:o.shallowReadonly(b),strategy:o.shallowReadonly(m),placement:o.shallowReadonly(y),middlewareData:o.shallowReadonly(h),isPositioned:o.shallowReadonly(v),floatingStyles:g,update:w}}const Sl=o.defineComponent({__name:"MenuContainer",props:{position:{default:"left"},usePortal:{type:[Boolean,String],default:!1}},setup(e){const t=e,l=o.ref(null),r=o.ref(null),n=t.position==="left"?"bottom-end":"bottom-start",{floatingStyles:a}=kl(l,r,{placement:n,whileElementsMounted:bl,middleware:[Zo(6),vl(),yl({padding:6})]});return(i,u)=>(o.openBlock(),o.createBlock(o.unref(Io),{as:"div",class:"inline-block text-left"},{default:o.withCtx(()=>[o.createVNode(o.unref(No),{class:"focus:outline-none",ref_key:"reference",ref:l},{default:o.withCtx(()=>[o.renderSlot(i.$slots,"button",{},()=>[o.createVNode(o.unref(V),{class:"fill-current",name:"ellipsis-h"})])]),_:3},512),(o.openBlock(),o.createBlock(o.Teleport,{to:typeof i.usePortal=="string"?i.usePortal:"body",disabled:!i.usePortal},[o.createElementVNode("div",{class:"w-56 z-20",style:o.normalizeStyle(o.unref(a)),ref_key:"floating",ref:r},[o.createVNode(o.Transition,{"enter-active-class":"transition duration-200 ease-in-out","enter-from-class":"transform -translate-y-4 opacity-0","enter-to-class":"transform opacity-100","leave-active-class":"transition duration-100 ease-in-out","leave-from-class":"transform opacity-100","leave-to-class":"transform -translate-y-2 opacity-0"},{default:o.withCtx(()=>[o.createVNode(o.unref(Ao),{class:o.normalizeClass(["z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"])},{default:o.withCtx(()=>[o.renderSlot(i.$slots,"default")]),_:3})]),_:3})],4)],8,["to","disabled"]))]),_:3}))}}),Cl={key:0,class:"bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"},El=o.defineComponent({__name:"MenuLink",props:{label:{},meta:{},disabled:{type:Boolean},as:{}},setup(e){return(t,l)=>(o.openBlock(),o.createBlock(o.unref($o),o.normalizeProps(o.guardReactiveProps({disabled:t.disabled})),{default:o.withCtx(({active:r})=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.as||"span"),{class:o.normalizeClass(["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg",[r?"bg-grey-200":"",t.disabled?"opacity-50 pointer-events-none":"hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"]])},{default:o.withCtx(()=>[o.createElementVNode("span",null,o.toDisplayString(t.label),1),t.meta?(o.openBlock(),o.createElementBlock("span",Cl,o.toDisplayString(t.meta),1)):o.createCommentVNode("",!0)]),_:2},1032,["class"]))]),_:1},16))}}),Rl={class:"relative"},Ol={key:0,class:"absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none"},Dl={key:1,class:"block truncate"},Tl=["innerHTML"],Pl={key:2,class:"text-grey-500 truncate"},_l={class:"absolute right-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none"},Ll={class:"absolute right-2 inset-y-0 flex items-center"},Bl={key:0,class:"bg-grey-500 text-grey-100 rounded text-xs px-2 py-1"},Vl=["innerHTML"],Il=o.defineComponent({__name:"Select",props:{id:{},modelValue:{},size:{default:"medium"},icon:{},placeholder:{},isDisabled:{type:Boolean,default:!1},options:{},disabledBadge:{}},emits:["update:modelValue"],setup(e,{emit:t}){const l=e,r=o.ref(l.modelValue??null),n=t,{inputClasses:a,disabledClasses:i,textSizeClasses:u}=Be(l);o.watch(()=>l.modelValue,s=>{r.value=s??null});const d=s=>{r.value=s,n("update:modelValue",s)};return(s,c)=>(o.openBlock(),o.createBlock(o.unref(Do),{as:"div","model-value":r.value,"onUpdate:modelValue":d,disabled:s.isDisabled},{default:o.withCtx(()=>[o.createElementVNode("div",Rl,[o.createVNode(o.unref(To),{id:s.id,class:o.normalizeClass(["w-full mono-50 bg-white text-grey-800 placeholder-grey-600 border border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:ring-2 focus:border-blue-400 focus:ring-blue-400 focus:outline-none dark:focus:border-blue-800 dark:focus:ring-blue-800 cursor-default rounded font-normal text-left",[o.unref(a),o.unref(u),o.unref(i)]])},{default:o.withCtx(()=>{var f;return[s.icon?(o.openBlock(),o.createElementBlock("span",Ol,[o.createVNode(V,{name:((f=r.value)==null?void 0:f.icon)??s.icon},null,8,["name"])])):o.createCommentVNode("",!0),r.value?(o.openBlock(),o.createElementBlock("span",Dl,[o.createElementVNode("span",{innerHTML:r.value.label},null,8,Tl)])):(o.openBlock(),o.createElementBlock("span",Pl,o.toDisplayString(s.placeholder),1)),o.createElementVNode("span",_l,[o.createVNode(V,{class:"text-grey-400",name:"chevron-down","aria-hidden":"true"})])]}),_:1},8,["id","class"]),o.createVNode(o.Transition,{"leave-active-class":"transition ease-in duration-100","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:o.withCtx(()=>[o.createVNode(o.unref(Po),{class:"absolute z-10 mt-1 w-full bg-white dark:bg-grey-700 dark:text-grey-50 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.options,f=>(o.openBlock(),o.createBlock(o.unref(_o),{as:"template",key:f.id,value:f,disabled:f.disabled},{default:o.withCtx(({active:b,selected:m})=>[o.createElementVNode("li",{class:o.normalizeClass([b?"text-white bg-blue-500":"text-grey-900 dark:text-grey-50","cursor-default select-none relative py-2 pl-3 pr-12",{"opacity-50 bg-grey-100":f.disabled}])},[o.createElementVNode("div",Ll,[f.disabled&&s.disabledBadge?(o.openBlock(),o.createElementBlock("span",Bl,o.toDisplayString(s.disabledBadge),1)):o.createCommentVNode("",!0)]),o.createElementVNode("span",{class:o.normalizeClass([m?"font-semibold":"font-normal","block truncate"])},[f.icon?(o.openBlock(),o.createBlock(V,{key:0,class:"inline-block mr-1",name:f.icon},null,8,["name"])):o.createCommentVNode("",!0),o.createElementVNode("span",{innerHTML:f.label},null,8,Vl)],2),m?(o.openBlock(),o.createElementBlock("span",{key:0,class:o.normalizeClass([b?"text-blue-100":"text-blue-500","absolute inset-y-0 right-0 flex items-center pr-4"])},[o.createVNode(V,{name:"check",class:"h-5 w-5","aria-hidden":"true"})],2)):o.createCommentVNode("",!0)],2)]),_:2},1032,["value","disabled"]))),128))]),_:1})]),_:1})])]),_:1},8,["model-value","disabled"]))}}),Nl={class:"animate-pulse"},Al={class:"flex items-center justify-between space-x-4"},$l={key:0,class:"w-12 h-12 bg-current rounded-full shrink-0"},Ml={key:1,class:"w-full h-8 bg-current rounded-lg"},Fl={key:0,class:"mt-6 space-y-2"},jl={key:1,class:"w-1/3 h-10 mt-6 bg-current rounded-lg"},zl=o.defineComponent({__name:"Skeleton",props:{avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},lines:{default:3},footer:{type:Boolean,default:!1}},setup(e){const t=e,l=new Array(t.lines).fill(void 0).map(()=>{const r=[4,5,6,8,10,16,24,32];return{margin:`mr-${r[Math.floor(Math.random()*r.length)]}`}});return(r,n)=>(o.openBlock(),o.createElementBlock("div",Nl,[o.createElementVNode("div",Al,[r.avatar?(o.openBlock(),o.createElementBlock("div",$l)):o.createCommentVNode("",!0),r.title?(o.openBlock(),o.createElementBlock("div",Ml)):o.createCommentVNode("",!0)]),r.lines>0?(o.openBlock(),o.createElementBlock("div",Fl,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(l),(a,i)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["h-4 bg-current rounded-lg",a.margin]),key:i},null,2))),128))])):o.createCommentVNode("",!0),r.footer?(o.openBlock(),o.createElementBlock("div",jl)):o.createCommentVNode("",!0)]))}}),Ul=o.defineComponent({__name:"Spinner",setup(e){return(t,l)=>(o.openBlock(),o.createBlock(o.unref(V),{class:"animate-spin",name:"circle-notch"}))}}),Hl={class:"sr-only"},Wl=o.defineComponent({__name:"Switch",props:{id:{default:()=>lt()},label:{},modelValue:{type:Boolean},onLabel:{default:"on"},offLabel:{default:"off"}},emits:["update:modelValue","change"],setup(e,{emit:t}){const l=t,r=n=>{l("update:modelValue",n),l("change",n)};return(n,a)=>(o.openBlock(),o.createBlock(o.unref(Fo),{id:n.id,modelValue:n.modelValue,class:o.normalizeClass([n.modelValue?"bg-blue-700":"bg-grey-700","relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),"onUpdate:modelValue":r},{default:o.withCtx(()=>[o.createElementVNode("span",{class:o.normalizeClass(["absolute text-xs text-center text-white inset-x-2",n.modelValue?"pr-3":"pl-3"])},o.toDisplayString(n.modelValue===!0?n.onLabel:n.offLabel),3),o.createElementVNode("span",Hl,o.toDisplayString(n.label),1),o.createElementVNode("span",{class:o.normalizeClass([n.modelValue?"translate-x-9":"translate-x-1","inline-block w-4 h-4 transition bg-white rounded-full"])},null,2)]),_:1},8,["id","modelValue","class"]))}}),Kl={class:"relative"},Gl=["disabled","value"],ql={inheritAttrs:!1},Xl=o.defineComponent({...ql,__name:"Textarea",props:{modelValue:{},size:{default:"medium"},isDisabled:{type:Boolean,default:!1},block:{type:Boolean}},emits:["update:modelValue"],setup(e,{expose:t,emit:l}){const r=e,n=l,{inputClasses:a,disabledClasses:i,textSizeClasses:u}=Be(r),d=function(f){n("update:modelValue",(f==null?void 0:f.target).value)},s=o.ref(null);return t({focus:()=>{r.isDisabled||s.value.focus()}}),(f,b)=>(o.openBlock(),o.createElementBlock("div",Kl,[o.createElementVNode("textarea",o.mergeProps({class:["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded",[o.unref(a),o.unref(u),o.unref(i)]],disabled:f.isDisabled,value:f.modelValue??""},f.$attrs,{ref_key:"input",ref:s,cols:"56",rows:"8",onInput:d}),`
-    `,16,Gl)]))}});T.D9Button=pn,T.D9Checkbox=Sn,T.D9Icon=V,T.D9Input=Xn,T.D9Label=Jn,T.D9Menu=Sl,T.D9MenuLink=El,T.D9Select=Il,T.D9Skeleton=zl,T.D9Spinner=Ul,T.D9Switch=Wl,T.D9Textarea=Xl,T.brands=Te,T.icons=nt,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@fortawesome/vue-fontawesome"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons"),require("@fortawesome/free-brands-svg-icons"),require("uuid"),require("@vueuse/core"),require("@headlessui/vue"),require("@floating-ui/vue")):typeof define=="function"&&define.amd?define(["exports","vue","@fortawesome/vue-fontawesome","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/free-brands-svg-icons","uuid","@vueuse/core","@headlessui/vue","@floating-ui/vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.ui={},i.Vue,i.vueFontawesome,i.fontawesomeSvgCore,i.fasIcons,i.fabIcon,i.uuid,i.VueUse,i.HeadlessUIVue,i.FloatingUIVue))})(this,function(i,e,U,x,j,O,D,R,g,C){"use strict";function S(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(o,r,l.get?l:{enumerable:!0,get:()=>n[r]})}}return o.default=n,Object.freeze(o)}const t=S(j),_=S(O);var L="fas",P="numeric-input",$=512,M=512,E=[],I="",T="m409.445 111 2.112.004c34.066.146 46.74 3.848 59.517 10.681 13.037 6.973 23.268 17.204 30.24 30.241l.415.782c6.705 12.782 10.271 25.9 10.271 60.847v72.002c-.15 34.066-3.852 46.74-10.685 59.517-6.973 13.037-17.204 23.268-30.241 30.24l-.782.415C457.51 382.434 444.392 386 409.445 386h-306.89l-2.112-.004c-34.066-.146-46.74-3.848-59.517-10.681-13.037-6.973-23.268-17.204-30.24-30.241l-.415-.782C3.566 331.51 0 318.392 0 283.445v-69.89c0-35.66 3.713-48.592 10.685-61.629 6.973-13.037 17.204-23.268 30.241-30.24l.782-.415C54.49 114.566 67.608 111 102.555 111h306.89Zm.806 36H102.555l-2.387.005c-22.69.089-31.789 1.488-39.667 5.128l-.523.246c-.696.332-1.385.683-2.074 1.052-6.764 3.617-11.856 8.71-15.473 15.473l-.282.533c-4.492 8.62-6.116 17.401-6.148 43.312v71.502l.012 3.09c.161 24.044 1.9 32.308 6.418 40.755 3.617 6.764 8.71 11.856 15.473 15.473l.533.282c8.62 4.492 17.401 6.116 43.312 6.149h307.696c27.078 0 35.763-1.677 44.651-6.43 6.764-3.618 11.856-8.71 15.473-15.474l.282-.533c4.492-8.62 6.116-17.401 6.149-43.312v-70.696c0-27.078-1.677-35.763-6.43-44.651-3.618-6.764-8.71-11.856-15.474-15.473l-.533-.282c-8.62-4.492-17.401-6.116-43.312-6.149Zm-164.715 19c11.682 0 22.013 1.976 30.994 5.929 8.98 3.952 16.005 9.38 21.074 16.284 5.07 6.904 7.578 14.797 7.527 23.677.103 8.829-2.92 16.066-9.07 21.713-6.15 5.646-13.935 8.983-23.353 10.01v1.231c12.764 1.386 22.362 5.274 28.794 11.665 6.433 6.39 9.598 14.411 9.496 24.061.051 9.24-2.715 17.427-8.299 24.562-5.584 7.135-13.33 12.73-23.236 16.785-9.907 4.055-21.319 6.083-34.236 6.083-12.454 0-23.506-2.143-33.156-6.43-9.65-4.285-17.227-10.201-22.734-17.747-5.506-7.545-8.286-16.22-8.337-26.025h43.23c.051 3.029.99 5.737 2.817 8.124 1.827 2.386 4.336 4.247 7.527 5.582 3.19 1.334 6.845 2.002 10.962 2.002 3.962 0 7.462-.706 10.498-2.118 3.037-1.411 5.404-3.375 7.102-5.89 1.699-2.515 2.522-5.39 2.47-8.623.052-3.183-.913-6.006-2.894-8.47-1.982-2.464-4.748-4.389-8.299-5.775-3.55-1.386-7.642-2.079-12.274-2.079h-16.057v-29.566h16.057c4.271 0 8.041-.693 11.31-2.08 3.267-1.385 5.815-3.31 7.642-5.774s2.714-5.287 2.663-8.47c.051-3.08-.695-5.8-2.239-8.161-1.544-2.361-3.692-4.21-6.446-5.544-2.753-1.334-5.93-2.002-9.533-2.002-3.912 0-7.398.693-10.46 2.08-3.063 1.385-5.468 3.31-7.218 5.774s-2.65 5.287-2.702 8.47h-41.068c.051-9.65 2.715-18.172 7.99-25.563 5.275-7.392 12.518-13.192 21.73-17.401 9.212-4.21 19.788-6.314 31.728-6.314Zm-133.074 0c12.615 0 23.55 2.017 32.807 6.05 9.257 4.033 16.41 9.698 21.462 16.994 5.051 7.296 7.577 15.851 7.577 25.665 0 6.063-1.257 12.087-3.77 18.073-2.512 5.986-7.025 12.601-13.538 19.846-6.513 7.245-15.77 15.877-27.77 25.896l-14.768 12.331v.925H176V326H55.077v-30.829l58.77-48.709c3.897-3.237 7.243-6.28 10.038-9.133 2.794-2.851 4.948-5.793 6.461-8.824 1.513-3.032 2.27-6.397 2.27-10.097 0-4.059-.86-7.527-2.578-10.404-1.717-2.877-4.09-5.1-7.115-6.667-3.026-1.567-6.513-2.35-10.461-2.35-3.95 0-7.424.796-10.424 2.389-3 1.593-5.32 3.93-6.961 7.013-1.641 3.083-2.462 6.834-2.462 11.253H52c0-11.099 2.487-20.655 7.462-28.67 4.974-8.016 12-14.182 21.076-18.498 9.077-4.316 19.718-6.474 31.924-6.474Z";const F={prefix:L,iconName:P,icon:[$,M,E,I,T]},q={definition:F,faAlignJustify:F,prefix:L,iconName:P,width:$,height:M,ligatures:E,unicode:I,svgPathData:T,aliases:E};x.library.add(t.faAlignCenter,t.faAlignLeft,t.faAlignRight,t.faArrowRight,t.faArrowUp19,t.faAsterisk,t.faAt,t.faBold,t.faBolt,t.faCalendar,t.faChartPie,t.faCheck,t.faCheckCircle,t.faChevronDown,t.faChevronLeft,t.faChevronRight,t.faChevronUp,t.faCircleCheck,t.faCircleNodes,t.faCircleNotch,t.faClipboard,t.faCloudDownload,t.faCloudUpload,t.faCode,t.faCodeBranch,t.faCodeFork,t.faCog,t.faCompass,t.faCrown,t.faDiagramProject,t.faDoorOpen,t.faDotCircle,t.faEllipsis,t.faEllipsisVertical,t.faEnvelope,t.faExclamationTriangle,t.faExternalLink,t.faEye,t.faEyeDropper,t.faEyeSlash,t.faFileLines,t.faFilePdf,t.faFileUpload,t.faFileVideo,t.faFileWaveform,t.faFilter,t.faFilter,t.faFingerprint,t.faFont,t.faGears,t.faGlobe,t.faGripHorizontal,t.faGripVertical,t.faHandPointRight,t.faHandPointRight,t.faHashtag,t.faHeading,t.faHeart,t.faImage,t.faInfoCircle,t.faItalic,t.faLayerGroup,t.faLink,t.faLinkSlash,t.faList,t.faListOl,t.faListUl,t.faLocationArrow,t.faLocationCrosshairs,t.faLock,t.faLockOpen,t.faMedal,t.faMessage,t.faMicrochip,t.faPencilAlt,t.faPenToSquare,t.faPhone,t.faPlayCircle,t.faPlus,t.faPlusCircle,t.faPoo,t.faPuzzlePiece,t.faQuestion,t.faQuoteLeft,t.faQuoteRight,t.faReply,t.faReplyAll,t.faRightLong,t.faRobot,t.faSave,t.faShield,t.faSignal,t.faSignature,t.faSignature,t.faSquareCheck,t.faStar,t.faStrikethrough,t.faTerminal,t.faTextSlash,t.faTimes,t.faTrash,t.faTree,t.faTrophy,t.faTurnDown,t.faUnderline,t.faUpload,t.faUser,t.faUserShield,t.faWandMagicSparkles,_.faTwitter,_.faInstagram,_.faGithub,_.faLinkedin,_.faFacebook,q.definition);const A=[...Object.keys(x.library.definitions.fas)].sort(),N=[...Object.keys(x.library.definitions.fab)].sort(),p=e.defineComponent({__name:"Icon",props:{name:{default:"user"}},setup(n){const o=n,r=e.computed(()=>N.includes(o.name)?"fab":"fas"),l=e.computed(()=>A.includes(o.name)||N.includes(o.name)?!0:(console.warn("could not load icon, because it is not available",o.name),!1));return(a,c)=>l.value?(e.openBlock(),e.createBlock(e.unref(U.FontAwesomeIcon),e.mergeProps({key:0,icon:[r.value,a.name]},a.$attrs),null,16,["icon"])):e.createCommentVNode("",!0)}}),G=["aria-label","disabled","aria-busy"],Z={key:0,class:"absolute inset-0 flex items-center justify-center"},Q=e.defineComponent({__name:"Button",props:{label:{},size:{default:"medium"},color:{default:"primary"},isLoading:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1},icon:{},iconPosition:{default:"right"}},setup(n){const o=n,r=e.computed(()=>{const a={"text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900":o.color==="primary","text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900":o.color==="light","text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900":o.color==="dark","text-red-50 bg-red-500 border-transparent hover:bg-red-600 active:bg-red-600 ring-red-400 dark:ring-red-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-red-900":o.color==="danger"},c={"pointer-events-none opacity-75 cursor-not-allowed":o.isDisabled},d={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":o.size==="small","px-5 py-2 text-sm leading-4 font-medium rounded-lg":o.size==="medium","px-8 py-3 text-base leading-6 font-medium rounded-lg":o.size==="large"};return{...a,...c,...d}}),l=e.computed(()=>{const a={"mr-2 -ml-1":["small","medium"].includes(o.size)&&o.iconPosition==="left","mr-4 -ml-2":["large"].includes(o.size)&&o.iconPosition==="left"},c={"ml-3 -mr-1":["small","medium"].includes(o.size)&&o.iconPosition==="right","ml-3 -mr-3":["large"].includes(o.size)&&o.iconPosition==="right"},d={"text-white":o.color==="primary","text-blue-600":o.color==="light","text-grey-50":o.color==="dark"};return{...a,...c,...d}});return(a,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",r.value]),type:"button","aria-label":a.label,disabled:a.isDisabled||a.isLoading,"aria-busy":a.isLoading},[e.createElementVNode("div",{class:e.normalizeClass(!a.isLoading||"invisible")},[a.icon&&a.iconPosition==="left"?(e.openBlock(),e.createBlock(p,{key:0,name:a.icon,class:e.normalizeClass(l.value)},null,8,["name","class"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.label),1),a.icon&&a.iconPosition==="right"?(e.openBlock(),e.createBlock(p,{key:1,name:a.icon,class:e.normalizeClass(l.value)},null,8,["name","class"])):e.createCommentVNode("",!0)],2),a.isLoading?(e.openBlock(),e.createElementBlock("span",Z,[e.createVNode(p,{class:"animate-spin",name:"circle-notch"})])):e.createCommentVNode("",!0)],10,G))}}),W={class:"relative flex items-start"},J=["checked","id"],K={class:"ml-2 text-sm leading-5 peer-disabled:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:[&>label]:cursor-not-allowed"},X=["for"],Y={key:0,class:"block text-xs text-grey-400 font-normal mono-0 casual-60"},v={inheritAttrs:!1},ee=e.defineComponent({...v,__name:"Checkbox",props:{id:{default:()=>D.v4()},label:{},modelValue:{type:Boolean},description:{}},emits:["update:modelValue"],setup(n,{emit:o}){const r=o,l=a=>{r("update:modelValue",a.target.checked)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("input",e.mergeProps({class:"peer mt-0.5 h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm disabled:opacity-50 disabled:cursor-not-allowed",type:"checkbox",checked:a.modelValue,onChange:l,id:a.id},a.$attrs),null,16,J),e.createElementVNode("div",K,[e.createElementVNode("label",{for:a.id,class:"font-medium text-grey-700 dark:text-grey-200 casual-25"},e.toDisplayString(a.label),9,X),a.description?(e.openBlock(),e.createElementBlock("p",Y,e.toDisplayString(a.description),1)):e.createCommentVNode("",!0)])]))}});function z(n){const o=e.computed(()=>({"pl-3 pr-10 py-2":!n.icon&&n.type!=="color"&&n.size==="small","pl-4 pr-10 py-3":!n.icon&&n.type!=="color"&&n.size==="medium","pl-6 pr-10 py-3":!n.icon&&n.type!=="color"&&n.size==="large","pl-10 pr-10 py-1":(n.icon||n.type==="color")&&n.size==="small","pl-12 pr-10 py-3":(n.icon||n.type==="color")&&(n.size==="medium"||n.size==="large"),"w-full block":n.block===!0})),r=e.computed(()=>({"pointer-events-none opacity-50 cursor-not-allowed":n.isDisabled})),l=e.computed(()=>({"text-xs leading-4":n.size==="small","text-sm leading-4":n.size==="medium","text-base leading-5":n.size==="large"}));return{inputClasses:o,disabledClasses:r,textSizeClasses:l}}const te=["placeholder","type","min","max","disabled","value"],oe={class:"absolute inset-y-2 left-2 w-8 cursor-pointer"},ae=["disabled"],ne=["disabled"],le={inheritAttrs:!1},re=e.defineComponent({...le,__name:"Input",props:{modelValue:{},type:{default:"text"},placeholder:{},size:{default:"medium"},icon:{},min:{},max:{},isDisabled:{type:Boolean,default:!1},block:{type:Boolean},showColorPicker:{type:Boolean}},emits:["update:modelValue"],setup(n,{expose:o,emit:r}){const l=n,a=e.ref(null),c=e.ref(l.modelValue??""),d=s=>l.type==="number"&&s!==""&&s!==null?Number(s):s;e.watch(()=>l.modelValue,s=>{typeof s<"u"&&s!==d(c.value)&&(c.value=s)});const b=r,{inputClasses:h,disabledClasses:y,textSizeClasses:B}=z(l),u=e.computed(()=>l.type==="color"?"text":l.type),{isSupported:f,open:H,sRGBHex:m}=R.useEyeDropper(),w=()=>{H()};e.watch(m,s=>{c.value=s,b("update:modelValue",s)});const V=function(s){c.value=(s==null?void 0:s.target).value,b("update:modelValue",d(c.value))},Ae=function(){const s=d(c.value);if(typeof s!="number")return;const k=Math.min(Math.max(s,l.min??-1/0),l.max??1/0);k!==s&&(c.value=k,b("update:modelValue",k))};return o({focus:()=>{var s;l.isDisabled||(s=a.value)==null||s.focus()}}),(s,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative",[s.block?"w-full block":"inline-block"]])},[e.createElementVNode("input",e.mergeProps({class:["relative mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded",[e.unref(h),e.unref(B),e.unref(y)]],placeholder:s.placeholder,type:u.value,min:s.min,max:s.max,disabled:s.isDisabled,value:c.value},s.$attrs,{ref_key:"inputElement",ref:a,onInput:V,onChange:Ae}),null,16,te),s.type==="color"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("label",oe,[e.withDirectives(e.createElementVNode("input",{class:"invisible",type:"color",disabled:s.isDisabled,"onUpdate:modelValue":k[0]||(k[0]=He=>c.value=He),onInput:V},null,40,ae),[[e.vModelText,c.value]]),e.createElementVNode("span",{class:"border-1 absolute inset-0 block rounded border border-grey-600/25 bg-clip-border shadow",style:e.normalizeStyle(`background-color: ${c.value}`)},null,4)]),e.unref(f)&&s.showColorPicker?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",disabled:s.isDisabled,onClick:w},[e.createVNode(p,{size:"xs",name:"eyedropper"})],8,ne)):e.createCommentVNode("",!0)],64)):s.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",e.unref(B)])},[e.createVNode(p,{name:s.icon},null,8,["name"])],2)):e.createCommentVNode("",!0)],2))}}),se={class:"inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20"},ie=["id","for"],ce={key:0,class:"block text-xs text-grey-400 font-normal mono-0 casual-60"},de=e.defineComponent({__name:"Label",props:{id:{},label:{},description:{}},setup(n){return(o,r)=>(e.openBlock(),e.createElementBlock("span",se,[e.createElementVNode("label",{id:o.id?`${o.id}-label`:void 0,for:o.id},e.toDisplayString(o.label),9,ie),o.description?(e.openBlock(),e.createElementBlock("span",ce,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)]))}}),fe=e.defineComponent({__name:"MenuContainer",props:{position:{default:"left"},usePortal:{type:[Boolean,String],default:!1}},setup(n){const o=n,r=e.ref(null),l=e.ref(null),a=o.position==="left"?"bottom-end":"bottom-start",{floatingStyles:c}=C.useFloating(r,l,{placement:a,whileElementsMounted:C.autoUpdate,middleware:[C.offset(6),C.flip(),C.shift({padding:6})]});return(d,b)=>(e.openBlock(),e.createBlock(e.unref(g.Menu),{as:"div",class:"inline-block text-left"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.MenuButton),{class:"focus:outline-none",ref_key:"reference",ref:r},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"button",{},()=>[e.createVNode(e.unref(p),{class:"fill-current",name:"ellipsis-h"})])]),_:3},512),(e.openBlock(),e.createBlock(e.Teleport,{to:typeof d.usePortal=="string"?d.usePortal:"body",disabled:!d.usePortal},[e.createElementVNode("div",{class:"w-56 z-20",style:e.normalizeStyle(e.unref(c)),ref_key:"floating",ref:l},[e.createVNode(e.Transition,{"enter-active-class":"transition duration-200 ease-in-out","enter-from-class":"transform -translate-y-4 opacity-0","enter-to-class":"transform opacity-100","leave-active-class":"transition duration-100 ease-in-out","leave-from-class":"transform opacity-100","leave-to-class":"transform -translate-y-2 opacity-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.MenuItems),{class:e.normalizeClass(["z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"])},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3})]),_:3})],4)],8,["to","disabled"]))]),_:3}))}}),me={key:0,class:"bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"},pe=e.defineComponent({__name:"MenuLink",props:{label:{},meta:{},disabled:{type:Boolean},as:{}},setup(n){return(o,r)=>(e.openBlock(),e.createBlock(e.unref(g.MenuItem),e.normalizeProps(e.guardReactiveProps({disabled:o.disabled})),{default:e.withCtx(({active:l})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.as||"span"),{class:e.normalizeClass(["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg",[l?"bg-grey-200":"",o.disabled?"opacity-50 pointer-events-none":"hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"]])},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.label),1),o.meta?(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(o.meta),1)):e.createCommentVNode("",!0)]),_:2},1032,["class"]))]),_:1},16))}}),ue={class:"relative"},ge={key:0,class:"absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none"},be={key:1,class:"block truncate"},ye=["innerHTML"],he={key:2,class:"text-grey-500 truncate"},ke={class:"absolute right-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none"},Ce={class:"absolute right-2 inset-y-0 flex items-center"},_e={key:0,class:"bg-grey-500 text-grey-100 rounded text-xs px-2 py-1"},Be=["innerHTML"],Ve=e.defineComponent({__name:"Select",props:{id:{},modelValue:{},size:{default:"medium"},icon:{},placeholder:{},isDisabled:{type:Boolean,default:!1},options:{},disabledBadge:{}},emits:["update:modelValue"],setup(n,{emit:o}){const r=n,l=e.ref(r.modelValue??null),a=o,{inputClasses:c,disabledClasses:d,textSizeClasses:b}=z(r),h=e.ref(!1),y=()=>{h.value=!!r.id&&!!document.getElementById(`${r.id}-label`)};e.onMounted(y),e.watch(()=>r.id,y,{flush:"post"});const B=e.computed(()=>h.value?`${r.id}-label ${r.id}`:void 0);e.watch(()=>r.modelValue,f=>{l.value=f??null});const u=f=>{l.value=f,a("update:modelValue",f)};return(f,H)=>(e.openBlock(),e.createBlock(e.unref(g.Listbox),{as:"div","model-value":l.value,"onUpdate:modelValue":u,disabled:f.isDisabled},{default:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createVNode(e.unref(g.ListboxButton),{id:f.id,"aria-labelledby":B.value,class:e.normalizeClass(["w-full mono-50 bg-white text-grey-800 placeholder-grey-600 border border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:ring-2 focus:border-blue-400 focus:ring-blue-400 focus:outline-none dark:focus:border-blue-800 dark:focus:ring-blue-800 cursor-default rounded font-normal text-left",[e.unref(c),e.unref(b),e.unref(d)]])},{default:e.withCtx(()=>{var m;return[f.icon?(e.openBlock(),e.createElementBlock("span",ge,[e.createVNode(p,{name:((m=l.value)==null?void 0:m.icon)??f.icon},null,8,["name"])])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("span",be,[e.createElementVNode("span",{innerHTML:l.value.label},null,8,ye)])):(e.openBlock(),e.createElementBlock("span",he,e.toDisplayString(f.placeholder),1)),e.createElementVNode("span",ke,[e.createVNode(p,{class:"text-grey-400",name:"chevron-down","aria-hidden":"true"})])]}),_:1},8,["id","aria-labelledby","class"]),e.createVNode(e.Transition,{"leave-active-class":"transition ease-in duration-100","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.ListboxOptions),{class:"absolute z-10 mt-1 w-full bg-white dark:bg-grey-700 dark:text-grey-50 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.options,m=>(e.openBlock(),e.createBlock(e.unref(g.ListboxOption),{as:"template",key:m.id,value:m,disabled:m.disabled},{default:e.withCtx(({active:w,selected:V})=>[e.createElementVNode("li",{class:e.normalizeClass([w?"text-white bg-blue-500":"text-grey-900 dark:text-grey-50","cursor-default select-none relative py-2 pl-3 pr-12",{"opacity-50 bg-grey-100":m.disabled}])},[e.createElementVNode("div",Ce,[m.disabled&&f.disabledBadge?(e.openBlock(),e.createElementBlock("span",_e,e.toDisplayString(f.disabledBadge),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:e.normalizeClass([V?"font-semibold":"font-normal","block truncate"])},[m.icon?(e.openBlock(),e.createBlock(p,{key:0,class:"inline-block mr-1",name:m.icon},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",{innerHTML:m.label},null,8,Be)],2),V?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([w?"text-blue-100":"text-blue-500","absolute inset-y-0 right-0 flex items-center pr-4"])},[e.createVNode(p,{name:"check",class:"h-5 w-5","aria-hidden":"true"})],2)):e.createCommentVNode("",!0)],2)]),_:2},1032,["value","disabled"]))),128))]),_:1})]),_:1})])]),_:1},8,["model-value","disabled"]))}}),we={class:"animate-pulse"},xe={class:"flex items-center justify-between space-x-4"},Ee={key:0,class:"w-12 h-12 bg-current rounded-full shrink-0"},Ne={key:1,class:"w-full h-8 bg-current rounded-lg"},ze={key:0,class:"mt-6 space-y-2"},De={key:1,class:"w-1/3 h-10 mt-6 bg-current rounded-lg"},Se=e.defineComponent({__name:"Skeleton",props:{avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},lines:{default:3},footer:{type:Boolean,default:!1}},setup(n){const o=n,r=new Array(o.lines).fill(void 0).map(()=>{const l=[4,5,6,8,10,16,24,32];return{margin:`mr-${l[Math.floor(Math.random()*l.length)]}`}});return(l,a)=>(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",xe,[l.avatar?(e.openBlock(),e.createElementBlock("div",Ee)):e.createCommentVNode("",!0),l.title?(e.openBlock(),e.createElementBlock("div",Ne)):e.createCommentVNode("",!0)]),l.lines>0?(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["h-4 bg-current rounded-lg",c.margin]),key:d},null,2))),128))])):e.createCommentVNode("",!0),l.footer?(e.openBlock(),e.createElementBlock("div",De)):e.createCommentVNode("",!0)]))}}),Le=e.defineComponent({__name:"Spinner",setup(n){return(o,r)=>(e.openBlock(),e.createBlock(e.unref(p),{class:"animate-spin",name:"circle-notch"}))}}),Pe={class:"sr-only"},$e=e.defineComponent({__name:"Switch",props:{id:{default:()=>D.v4()},label:{},modelValue:{type:Boolean},onLabel:{default:"on"},offLabel:{default:"off"}},emits:["update:modelValue","change"],setup(n,{emit:o}){const r=o,l=a=>{r("update:modelValue",a),r("change",a)};return(a,c)=>(e.openBlock(),e.createBlock(e.unref(g.Switch),{id:a.id,modelValue:a.modelValue,class:e.normalizeClass([a.modelValue?"bg-blue-700":"bg-grey-700","relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),"onUpdate:modelValue":l},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["absolute text-xs text-center text-white inset-x-2",a.modelValue?"pr-3":"pl-3"])},e.toDisplayString(a.modelValue===!0?a.onLabel:a.offLabel),3),e.createElementVNode("span",Pe,e.toDisplayString(a.label),1),e.createElementVNode("span",{class:e.normalizeClass([a.modelValue?"translate-x-9":"translate-x-1","inline-block w-4 h-4 transition bg-white rounded-full"])},null,2)]),_:1},8,["id","modelValue","class"]))}}),Me={class:"relative"},Ie=["disabled","value"],Te={inheritAttrs:!1},Fe=e.defineComponent({...Te,__name:"Textarea",props:{modelValue:{},size:{default:"medium"},isDisabled:{type:Boolean,default:!1},block:{type:Boolean}},emits:["update:modelValue"],setup(n,{expose:o,emit:r}){const l=n,a=r,{inputClasses:c,disabledClasses:d,textSizeClasses:b}=z(l),h=function(u){a("update:modelValue",(u==null?void 0:u.target).value)},y=e.ref(null);return o({focus:()=>{l.isDisabled||y.value.focus()}}),(u,f)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("textarea",e.mergeProps({class:["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded",[e.unref(c),e.unref(b),e.unref(d)]],disabled:u.isDisabled,value:u.modelValue??""},u.$attrs,{ref_key:"input",ref:y,cols:"56",rows:"8",onInput:h}),`
+    `,16,Ie)]))}});i.D9Button=Q,i.D9Checkbox=ee,i.D9Icon=p,i.D9Input=re,i.D9Label=de,i.D9Menu=fe,i.D9MenuLink=pe,i.D9Select=Ve,i.D9Skeleton=Se,i.D9Spinner=Le,i.D9Switch=$e,i.D9Textarea=Fe,i.brands=N,i.icons=A,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/utils/useFormClasses.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from "@vue/runtime-core";
+import { ComputedRef } from "vue";
 import { Size } from "../types/types";
 interface InputProps {
     size?: Size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deck9/ui",
-  "version": "0.17.0-next.0",
+  "version": "0.17.0-next.1",
   "description": "The UI components used in deck9 software applications.",
   "author": "Philipp Reinking <philipp@deck9.co> (https://deck9.co)",
   "scripts": {
@@ -12,8 +12,7 @@
     "build-storybook": "storybook build"
   },
   "files": [
-    "dist",
-    "tailwind.config.js"
+    "dist"
   ],
   "main": "./dist/src/ui.umd.js",
   "module": "./dist/src/ui.mjs",
@@ -25,28 +24,21 @@
       "require": "./dist/src/ui.umd.js"
     }
   },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
   "dependencies": {
-    "@deck9/tailwindcss-recursive-font-helper": "^1.0.1",
     "@floating-ui/vue": "^1.0.4",
     "@fortawesome/fontawesome-svg-core": "^6.3.0",
     "@fortawesome/free-brands-svg-icons": "^6.3.0",
-    "@fortawesome/free-regular-svg-icons": "^6.3.0",
     "@fortawesome/free-solid-svg-icons": "^6.3.0",
     "@fortawesome/vue-fontawesome": "^3.0.3",
     "@headlessui/vue": "^1.7.11",
-    "@storybook/addon-styling-webpack": "^0.0.5",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/web": "^0.0.122",
-    "@types/web-bluetooth": "^0.0.20",
-    "@vueuse/core": "^10.6.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^3.2.7",
-    "uuid": "^9.0.1",
-    "vue": "^3.3.9"
+    "@vueuse/core": "^10.6.1 || ^11.0.0",
+    "uuid": "^11.1.1"
   },
   "devDependencies": {
+    "@deck9/tailwindcss-recursive-font-helper": "^1.0.1",
     "@storybook/addon-a11y": "^7.6.17",
     "@storybook/addon-actions": "^7.6.17",
     "@storybook/addon-docs": "^7.6.17",
@@ -55,8 +47,10 @@
     "@storybook/addon-mdx-gfm": "^7.6.17",
     "@storybook/vue3": "^7.6.17",
     "@storybook/vue3-vite": "^7.6.17",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.9",
     "@types/lodash": "^4.14.202",
-    "@types/uuid": "^8.3.4",
+    "@types/web": "^0.0.122",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.28.0",
     "@vitejs/plugin-vue": "^4.5.0",
@@ -71,11 +65,15 @@
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-vue": "^9.1.1",
     "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "storybook": "^7.6.17",
     "storybook-dark-mode": "^3.0.3",
+    "tailwindcss": "^3.2.7",
     "typescript": "^4.9.3",
     "vite": "^5.0.2",
     "vite-plugin-dts": "^3.6.3",
+    "vue": "^3.3.9",
     "vue-tsc": "^1.8.22"
   },
   "browserslist": [

package/tailwind.config.js

@@ -1,57 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const defaultTheme = require("tailwindcss/defaultTheme");
-const colors = require("tailwindcss/colors");
-
-module.exports = {
-  content: [
-    "./src/**/*.{vue,ts,mdx}",
-    "./src/**/*.stories.{ts,tsx}",
-  ],
-
-  darkMode: "class",
-
-  theme: {
-    extend: {
-      colors: {
-        black: "#050505",
-        white: "#ffffff",
-        grey: colors.slate,
-        red: colors.red,
-        yellow: colors.yellow,
-        blue: colors.blue,
-      },
-      container: {
-        center: true,
-        padding: "1rem",
-      },
-      fontFamily: {
-        sans: ["Recursive var", ...defaultTheme.fontFamily.sans],
-      },
-      opacity: {
-        10: "0.1",
-        20: "0.2",
-        30: "0.3",
-        40: "0.4",
-        50: "0.5",
-        60: "0.6",
-        70: "0.7",
-        80: "0.8",
-        90: "0.9",
-      },
-      keyframes: {
-        spinner: {
-          "0%, 70%, 100%": { transform: "scale3D(1,1,1);" },
-          "35%": { transform: "scale3D(0,0,1);" },
-        },
-      },
-      animation: {
-        spinner: "spinner 1.3s ease-in-out infinite",
-      },
-    },
-  },
-  plugins: [
-    require("@tailwindcss/forms"),
-    require("@tailwindcss/typography"),
-    require("@deck9/tailwindcss-recursive-font-helper"),
-  ],
-};