@deck9/ui 0.8.6 → 0.9.3

package/dist/src/index.es.js

@@ -1 +1,3715 @@
-var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,o=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,a=(e,a)=>{for(var i in a||(a={}))n.call(a,i)&&o(e,i,a[i]);if(t)for(var i of t(a))r.call(a,i)&&o(e,i,a[i]);return e};import{defineComponent as i,computed as l,unref as s,openBlock as u,createBlock as d,mergeProps as c,createCommentVNode as p,createElementBlock as f,normalizeClass as v,createElementVNode as m,toDisplayString as b,createVNode as y,inject as g,ref as h,cloneVNode as x,h as w,onMounted as S,watchEffect as O,provide as k,toRaw as C,onUnmounted as I,watch as D,nextTick as E,withCtx as P,isRef as R,renderSlot as L,Teleport as j,normalizeProps as T,guardReactiveProps as A,Transition as V,Fragment as M,renderList as q,createStaticVNode as B}from"vue";import{FontAwesomeIcon as U}from"@fortawesome/vue-fontawesome";import{library as N}from"@fortawesome/fontawesome-svg-core";import*as z from"@fortawesome/free-solid-svg-icons";N.add(z.faChartPie,z.faCheck,z.faCheckCircle,z.faChevronDown,z.faChevronLeft,z.faChevronRight,z.faChevronUp,z.faCircleNotch,z.faClipboard,z.faCog,z.faDoorOpen,z.faEllipsisH,z.faEnvelope,z.faExclamationTriangle,z.faFingerprint,z.faGlobe,z.faHandPointRight,z.faInfoCircle,z.faPencilAlt,z.faPlayCircle,z.faPlus,z.faPlusCircle,z.faRobot,z.faSave,z.faShieldAlt,z.faTimes,z.faTrash,z.faUser,z.faUserShield);var _=[...Object.keys(N.definitions.fas)].sort();const K=i({props:{name:{type:String,required:!0,default:"user"}},setup(e){const t=e,n=l((()=>!!_.includes(t.name)||(console.warn("could not load icon, because it is not available",t.name),!1)));return(t,r)=>s(n)?(u(),d(s(U),c({key:0,icon:["fas",e.name]},t.$attrs),null,16,["icon"])):p("",!0)}}),F=["aria-label","tabindex"],$={key:0,class:"absolute inset-0 flex items-center justify-center"},H=i({props:{label:{type:String,required:!0},size:{type:null,required:!1,default:"medium"},color:{type:null,required:!1,default:"primary"},isLoading:{type:Boolean,required:!1,default:!1},isDisabled:{type:Boolean,required:!1,default:!1},icon:{type:String,required:!1},iconPosition:{type:null,required:!1,default:"right"}},emits:["onClick"],setup(e,{emit:t}){const n=e,r=l((()=>{const e={"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":"primary"===n.color,"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":"light"===n.color,"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":"dark"===n.color},t={"pointer-events-none opacity-75 cursor-not-allowed":n.isDisabled},r={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":"small"===n.size,"px-5 py-2 text-sm leading-4 font-medium rounded-lg":"medium"===n.size,"px-8 py-3 text-base leading-6 font-medium rounded-lg":"large"===n.size};return a(a(a({},e),t),r)})),o=l((()=>{const e={"mr-2 -ml-1":["small","medium"].includes(n.size)&&"left"===n.iconPosition,"mr-4 -ml-2":["large"].includes(n.size)&&"left"===n.iconPosition},t={"ml-3 -mr-1":["small","medium"].includes(n.size)&&"right"===n.iconPosition,"ml-3 -mr-3":["large"].includes(n.size)&&"right"===n.iconPosition},r={"text-white":"primary"===n.color,"text-blue-600":"light"===n.color,"text-grey-50":"dark"===n.color};return a(a(a({},e),t),r)}));function i(){n.isDisabled||t("onClick")}return(t,n)=>(u(),f("button",{class:v(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",s(r)]),type:"button","aria-label":e.label,tabindex:e.isDisabled?"-1":void 0,onClick:i},[m("div",{class:v(!e.isLoading||"invisible")},[e.icon&&"left"===e.iconPosition?(u(),d(K,{key:0,name:e.icon,class:v(s(o))},null,8,["name","class"])):p("",!0),m("span",null,b(e.label),1),e.icon&&"right"===e.iconPosition?(u(),d(K,{key:1,name:e.icon,class:v(s(o))},null,8,["name","class"])):p("",!0)],2),e.isLoading?(u(),f("span",$,[y(K,{class:"animate-spin",name:"circle-notch"})])):p("",!0)],10,F))}});var W,Q=new Uint8Array(16);function Y(){if(!W&&!(W="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return W(Q)}var G=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function X(e){return"string"==typeof e&&G.test(e)}for(var J=[],Z=0;Z<256;++Z)J.push((Z+256).toString(16).substr(1));function ee(e,t,n){var r=(e=e||{}).random||(e.rng||Y)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=r[o];return t}return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(J[e[t+0]]+J[e[t+1]]+J[e[t+2]]+J[e[t+3]]+"-"+J[e[t+4]]+J[e[t+5]]+"-"+J[e[t+6]]+J[e[t+7]]+"-"+J[e[t+8]]+J[e[t+9]]+"-"+J[e[t+10]]+J[e[t+11]]+J[e[t+12]]+J[e[t+13]]+J[e[t+14]]+J[e[t+15]]).toLowerCase();if(!X(n))throw TypeError("Stringified UUID is invalid");return n}(r)}const te={class:"relative flex items-start"},ne={class:"flex items-center h-5"},re=["checked","id"],oe={class:"ml-2 text-sm leading-5"},ae=["for"],ie={key:0,class:"text-grey-700 dark:text-grey-400 mono-0 casual-60"},le=i({props:{id:{type:String,required:!1,default:ee()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e=>{t("update:modelValue",e.target.checked)};return(t,r)=>(u(),f("div",te,[m("div",ne,[m("input",{class:"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",type:"checkbox",checked:e.modelValue,onChange:n,id:e.id},null,40,re)]),m("div",oe,[m("label",{for:e.id,class:"font-medium text-grey-900 dark:text-grey-200 casual-25"},b(e.label),9,ae),e.description?(u(),f("p",ie,b(e.description),1)):p("",!0)])]))}}),se=()=>{},ue=Array.isArray;const de=e=>(e.w&fe)>0,ce=e=>(e.n&fe)>0;let pe=0,fe=1;const ve=[];let me;class be{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],function(e,t){(t=t||void 0)&&t.active&&t.effects.push(e)}(this,n)}run(){if(!this.active)return this.fn();if(!ve.includes(this))try{return ve.push(me=this),he.push(ge),ge=!0,fe=1<<++pe,pe<=30?(({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=fe})(this):ye(this),this.fn()}finally{pe<=30&&(e=>{const{deps:t}=e;if(t.length){let n=0;for(let r=0;r<t.length;r++){const o=t[r];de(o)&&!ce(o)?o.delete(e):t[n++]=o,o.w&=~fe,o.n&=~fe}t.length=n}})(this),fe=1<<--pe,function(){const e=he.pop();ge=void 0===e||e}(),ve.pop();const e=ve.length;me=e>0?ve[e-1]:void 0}}stop(){this.active&&(ye(this),this.onStop&&this.onStop(),this.active=!1)}}function ye(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let ge=!0;const he=[];function xe(e){const t=e&&e.__v_raw;return t?xe(t):e}function we(e){ge&&void 0!==me&&((e=xe(e)).dep||(e.dep=(e=>{const t=new Set(e);return t.w=0,t.n=0,t})()),function(e,t){let n=!1;pe<=30?ce(e)||(e.n|=fe,n=!de(e)):n=!e.has(me),n&&(e.add(me),me.deps.push(e))}(e.dep))}function Se(e,t){(e=xe(e)).dep&&function(e,t){for(const n of ue(e)?e:[...e])(n!==me||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}(e.dep)}new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter((e=>"symbol"==typeof e)));class Oe{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new be(e,(()=>{this._dirty||(this._dirty=!0,Se(this))})),this.__v_isReadonly=n}get value(){const e=xe(this);return we(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function ke(e,t){let n,r;const o="function"==typeof e;o?(n=e,r=se):(n=e.get,r=e.set);return new Oe(n,r,o||!r)}function Ce(e){return{inputClasses:ke((()=>({"pl-3 pr-10 py-1":!e.icon&&"small"===e.size,"pl-4 pr-10 py-3":!e.icon&&"medium"===e.size,"pl-6 pr-10 py-3":!e.icon&&"large"===e.size,"pl-10 pr-10 py-1":e.icon&&"small"===e.size,"pl-12 pr-10 py-3":e.icon&&("medium"===e.size||"large"===e.size),"w-full block":!0===e.block}))),disabledClasses:ke((()=>({"pointer-events-none opacity-50 cursor-not-allowed":e.isDisabled}))),textSizeClasses:ke((()=>({"text-xs leading-4":"small"===e.size,"text-sm leading-4":"medium"===e.size,"text-base leading-5":"large"===e.size})))}}Promise.resolve();const Ie={class:"relative"},De=["placeholder","type","tabindex","value"],Ee=i({props:{modelValue:{type:[String,null],required:!1},type:{type:String,required:!0,default:"text"},placeholder:{type:String,required:!1},size:{type:null,required:!1,default:"medium"},icon:{type:String,required:!1},isDisabled:{type:Boolean,required:!1,default:!1},block:{type:Boolean,required:!1}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e,{inputClasses:r,disabledClasses:o,textSizeClasses:a}=Ce(n),i=function(e){t("update:modelValue",(null==e?void 0:e.target).value)};return(t,n)=>(u(),f("div",Ie,[m("input",{class:v(["mono-50 bg-grey-50 text-grey-800 placeholder-grey-600 border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded",[s(r),s(a),s(o)]]),placeholder:e.placeholder,type:e.type,tabindex:e.isDisabled?"-1":void 0,value:e.modelValue,onInput:i},null,42,De),e.icon?(u(),f("span",{key:0,class:v(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",s(a)])},[y(K,{name:e.icon},null,8,["name"])],2)):p("",!0)]))}}),Pe={class:"inline-block text-blue-900 text-sm font-medium"},Re=["for"],Le={key:0,class:"block text-xs text-grey-400"},je=i({props:{id:{type:String,required:!1},label:{type:String,required:!0},description:{type:String,required:!1}},setup:e=>(t,n)=>(u(),f("span",Pe,[m("label",{for:e.id},b(e.label),9,Re),e.description?(u(),f("span",Le,b(e.description),1)):p("",!0)]))});function Te(){return(Te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ae(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function Ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Me(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Ve(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ve(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function qe(e,t){if(e in t){for(var n=t[e],r=arguments.length,o=new Array(r>2?r-2:0),a=2;a<r;a++)o[a-2]=arguments[a];return"function"==typeof n?n.apply(void 0,o):n}var i=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(i,qe),i}var Be,Ue,Ne,ze,_e,Ke;function Fe(e){var t,n,r=e.visible,o=void 0===r||r,a=e.features,i=void 0===a?Be.None:a,l=Ae(e,["visible","features"]);return o||i&Be.Static&&l.props.static?$e(l):i&Be.RenderStrategy?qe(null==(t=l.props.unmount)||t?Ne.Unmount:Ne.Hidden,((n={})[Ne.Unmount]=function(){return null},n[Ne.Hidden]=function(){return $e(Te({},l,{props:Te({},l.props,{hidden:!0,style:{display:"none"}})}))},n)):$e(l)}function $e(e){var t,n=e.props,r=e.attrs,o=e.slots,a=e.slot,i=e.name,l=He(n,["unmount","static"]),s=l.as,u=Ae(l,["as"]),d=null==o.default?void 0:o.default(a);if("template"===s){if(Object.keys(u).length>0||Object.keys(r).length>0){var c=null!=d?d:[],p=c[0],f=c.slice(1);if(null==(t=p)||"string"!=typeof t.type&&"object"!=typeof t.type&&"function"!=typeof t.type||f.length>0)throw new Error(['Passing props on "template"!',"","The current component <"+i+' /> is rendering a "template".',"However we need to passthrough the following props:",Object.keys(u).concat(Object.keys(r)).map((function(e){return"  - "+e})).join("\n"),"","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((function(e){return"  - "+e})).join("\n")].join("\n"));return x(p,u)}return Array.isArray(d)&&1===d.length?d[0]:d}return w(s,u,d)}function He(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),o=Me(t);!(n=o()).done;){var a=n.value;a in r&&delete r[a]}return r}(Ue=Be||(Be={}))[Ue.None=0]="None",Ue[Ue.RenderStrategy=1]="RenderStrategy",Ue[Ue.Static=2]="Static",(ze=Ne||(Ne={}))[ze.Unmount=0]="Unmount",ze[ze.Hidden=1]="Hidden",(Ke=_e||(_e={})).Space=" ",Ke.Enter="Enter",Ke.Escape="Escape",Ke.Backspace="Backspace",Ke.ArrowLeft="ArrowLeft",Ke.ArrowUp="ArrowUp",Ke.ArrowRight="ArrowRight",Ke.ArrowDown="ArrowDown",Ke.Home="Home",Ke.End="End",Ke.PageUp="PageUp",Ke.PageDown="PageDown",Ke.Tab="Tab";var We,Qe,Ye,Ge,Xe,Je,Ze,et,tt,nt,rt=0;function ot(){return++rt}function at(e,t,n){window.addEventListener(e,t,n),I((function(){return window.removeEventListener(e,t,n)}))}function it(e){var t;return null==e||null==e.value?null:null!=(t=e.value.$el)?t:e.value}(Qe=We||(We={}))[Qe.First=1]="First",Qe[Qe.Previous=2]="Previous",Qe[Qe.Next=4]="Next",Qe[Qe.Last=8]="Last",Qe[Qe.WrapAround=16]="WrapAround",Qe[Qe.NoScroll=32]="NoScroll",(Ge=Ye||(Ye={}))[Ge.Error=0]="Error",Ge[Ge.Overflow=1]="Overflow",Ge[Ge.Success=2]="Success",Ge[Ge.Underflow=3]="Underflow",(Je=Xe||(Xe={}))[Je.Previous=-1]="Previous",Je[Je.Next=1]="Next",(et=Ze||(Ze={}))[et.Strict=0]="Strict",et[et.Loose=1]="Loose",(nt=tt||(tt={}))[nt.AddElement=0]="AddElement",nt[nt.RemoveElement=1]="RemoveElement";var lt,st,ut,dt,ct,pt,ft,vt,mt,bt=Symbol("Context");function yt(){return g(bt,null)}function gt(e){k(bt,e)}function ht(e,t){if(e)return e;var n=null!=t?t:"button";return"string"==typeof n&&"button"===n.toLowerCase()?"button":void 0}function xt(e,t){var n=h(ht(e.value.type,e.value.as));return S((function(){n.value=ht(e.value.type,e.value.as)})),O((function(){var e;n.value||it(t)&&it(t)instanceof HTMLButtonElement&&!(null==(e=it(t))?void 0:e.hasAttribute("type"))&&(n.value="button")})),n}function wt(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),o=null!=r?r:-1,a=function(){switch(e.focus){case ft.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case ft.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==o&&r.length-n-1>=o)&&!t.resolveDisabled(e)}));return-1===r?r:n.length-1-r;case ft.Next:return n.findIndex((function(e,n){return!(n<=o)&&!t.resolveDisabled(e)}));case ft.Last:var a=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===a?a:n.length-1-a;case ft.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case ft.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===a?r:a}(st=lt||(lt={}))[st.Open=0]="Open",st[st.Closed=1]="Closed",(dt=ut||(ut={}))[dt.Open=0]="Open",dt[dt.Closed=1]="Closed",(pt=ct||(ct={}))[pt.Open=0]="Open",pt[pt.Closed=1]="Closed",function(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"}(ft||(ft={})),(mt=vt||(vt={}))[mt.Open=0]="Open",mt[mt.Closed=1]="Closed";var St=Symbol("ListboxContext");function Ot(e){var t=g(St,null);if(null===t){var n=new Error("<"+e+" /> is missing a parent <Listbox /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ot),n}return t}var kt,Ct,It=i({name:"Listbox",emits:{"update:modelValue":function(e){return!0}},props:{as:{type:[Object,String],default:"template"},disabled:{type:[Boolean],default:!1},horizontal:{type:[Boolean],default:!1},modelValue:{type:[Object,String,Number,Boolean]}},setup:function(e,t){var n=t.slots,r=t.attrs,o=t.emit,a=h(vt.Closed),i=h(null),s=h(null),u=h(null),d=h([]),c=h(""),p=h(null),f=l((function(){return e.modelValue})),v={listboxState:a,value:f,orientation:l((function(){return e.horizontal?"horizontal":"vertical"})),labelRef:i,buttonRef:s,optionsRef:u,disabled:l((function(){return e.disabled})),options:d,searchQuery:c,activeOptionIndex:p,closeListbox:function(){e.disabled||a.value!==vt.Closed&&(a.value=vt.Closed,p.value=null)},openListbox:function(){e.disabled||a.value!==vt.Open&&(a.value=vt.Open)},goToOption:function(t,n){if(!e.disabled&&a.value!==vt.Closed){var r=wt(t===ft.Specific?{focus:ft.Specific,id:n}:{focus:t},{resolveItems:function(){return d.value},resolveActiveIndex:function(){return p.value},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.disabled}});""===c.value&&p.value===r||(c.value="",p.value=r)}},search:function(t){if(!e.disabled&&a.value!==vt.Closed){c.value+=t.toLowerCase();var n=d.value.findIndex((function(e){return!e.dataRef.disabled&&e.dataRef.textValue.startsWith(c.value)}));-1!==n&&n!==p.value&&(p.value=n)}},clearSearch:function(){e.disabled||a.value!==vt.Closed&&""!==c.value&&(c.value="")},registerOption:function(e,t){d.value.push({id:e,dataRef:t})},unregisterOption:function(e){var t=d.value.slice(),n=null!==p.value?t[p.value]:null,r=t.findIndex((function(t){return t.id===e}));-1!==r&&t.splice(r,1),d.value=t,p.value=r===p.value||null===n?null:t.indexOf(n)},select:function(t){e.disabled||o("update:modelValue",t)}};return at("mousedown",(function(e){var t,n,r,o=e.target,i=document.activeElement;a.value===vt.Open&&((null==(t=it(s))?void 0:t.contains(o))||((null==(n=it(u))?void 0:n.contains(o))||v.closeListbox(),i!==document.body&&(null==i?void 0:i.contains(o))||e.defaultPrevented||null==(r=it(s))||r.focus({preventScroll:!0})))})),k(St,v),gt(l((function(){var e;return qe(a.value,((e={})[vt.Open]=lt.Open,e[vt.Closed]=lt.Closed,e))}))),function(){var t={open:a.value===vt.Open,disabled:e.disabled};return Fe({props:He(e,["modelValue","onUpdate:modelValue","disabled","horizontal"]),slot:t,slots:n,attrs:r,name:"Listbox"})}}}),Dt=i({name:"ListboxButton",props:{as:{type:[Object,String],default:"button"}},render:function(){var e,t,n=Ot("ListboxButton"),r={open:n.listboxState.value===vt.Open,disabled:n.disabled.value},o={ref:"el",id:this.id,type:this.type,"aria-haspopup":!0,"aria-controls":null==(e=it(n.optionsRef))?void 0:e.id,"aria-expanded":n.disabled.value?void 0:n.listboxState.value===vt.Open,"aria-labelledby":n.labelRef.value?[null==(t=it(n.labelRef))?void 0:t.id,this.id].join(" "):void 0,disabled:!0===n.disabled.value||void 0,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onClick:this.handleClick};return Fe({props:Te({},this.$props,o),slot:r,attrs:this.$attrs,slots:this.$slots,name:"ListboxButton"})},setup:function(e,t){var n=t.attrs,r=Ot("ListboxButton");return{id:"headlessui-listbox-button-"+ot(),el:r.buttonRef,type:xt(l((function(){return{as:e.as,type:n.type}})),r.buttonRef),handleKeyDown:function(e){switch(e.key){case _e.Space:case _e.Enter:case _e.ArrowDown:e.preventDefault(),r.openListbox(),E((function(){var e;null==(e=it(r.optionsRef))||e.focus({preventScroll:!0}),r.value.value||r.goToOption(ft.First)}));break;case _e.ArrowUp:e.preventDefault(),r.openListbox(),E((function(){var e;null==(e=it(r.optionsRef))||e.focus({preventScroll:!0}),r.value.value||r.goToOption(ft.Last)}))}},handleKeyUp:function(e){switch(e.key){case _e.Space:e.preventDefault()}},handleClick:function(e){var t;r.disabled.value||(r.listboxState.value===vt.Open?(r.closeListbox(),E((function(){var e;return null==(e=it(r.buttonRef))?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),r.openListbox(),t=function(){var e;return null==(e=it(r.optionsRef))?void 0:e.focus({preventScroll:!0})},requestAnimationFrame((function(){return requestAnimationFrame(t)}))))}}}}),Et=i({name:"ListboxOptions",props:{as:{type:[Object,String],default:"ul"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},render:function(){var e,t,n,r,o=Ot("ListboxOptions"),a={open:o.listboxState.value===vt.Open},i={"aria-activedescendant":null===o.activeOptionIndex.value||null==(e=o.options.value[o.activeOptionIndex.value])?void 0:e.id,"aria-labelledby":null!=(t=null==(n=it(o.labelRef))?void 0:n.id)?t:null==(r=it(o.buttonRef))?void 0:r.id,"aria-orientation":o.orientation.value,id:this.id,onKeydown:this.handleKeyDown,role:"listbox",tabIndex:0,ref:"el"};return Fe({props:Te({},this.$props,i),slot:a,attrs:this.$attrs,slots:this.$slots,features:Be.RenderStrategy|Be.Static,visible:this.visible,name:"ListboxOptions"})},setup:function(){var e=Ot("ListboxOptions"),t="headlessui-listbox-options-"+ot(),n=h(null);var r=yt(),o=l((function(){return null!==r?r.value===lt.Open:e.listboxState.value===vt.Open}));return{id:t,el:e.optionsRef,handleKeyDown:function(t){switch(n.value&&clearTimeout(n.value),t.key){case _e.Space:if(""!==e.searchQuery.value)return t.preventDefault(),t.stopPropagation(),e.search(t.key);case _e.Enter:if(t.preventDefault(),t.stopPropagation(),null!==e.activeOptionIndex.value){var r=e.options.value[e.activeOptionIndex.value].dataRef;e.select(r.value)}e.closeListbox(),E((function(){var t;return null==(t=it(e.buttonRef))?void 0:t.focus({preventScroll:!0})}));break;case qe(e.orientation.value,{vertical:_e.ArrowDown,horizontal:_e.ArrowRight}):return t.preventDefault(),t.stopPropagation(),e.goToOption(ft.Next);case qe(e.orientation.value,{vertical:_e.ArrowUp,horizontal:_e.ArrowLeft}):return t.preventDefault(),t.stopPropagation(),e.goToOption(ft.Previous);case _e.Home:case _e.PageUp:return t.preventDefault(),t.stopPropagation(),e.goToOption(ft.First);case _e.End:case _e.PageDown:return t.preventDefault(),t.stopPropagation(),e.goToOption(ft.Last);case _e.Escape:t.preventDefault(),t.stopPropagation(),e.closeListbox(),E((function(){var t;return null==(t=it(e.buttonRef))?void 0:t.focus({preventScroll:!0})}));break;case _e.Tab:t.preventDefault(),t.stopPropagation();break;default:1===t.key.length&&(e.search(t.key),n.value=setTimeout((function(){return e.clearSearch()}),350))}},visible:o}}}),Pt=i({name:"ListboxOption",props:{as:{type:[Object,String],default:"li"},value:{type:[Object,String,Number,Boolean]},disabled:{type:Boolean,default:!1}},setup:function(e,t){var n=t.slots,r=t.attrs,o=Ot("ListboxOption"),a="headlessui-listbox-option-"+ot(),i=l((function(){return null!==o.activeOptionIndex.value&&o.options.value[o.activeOptionIndex.value].id===a})),s=l((function(){return C(o.value.value)===C(e.value)})),u=h({disabled:e.disabled,value:e.value,textValue:""});function d(t){if(e.disabled)return t.preventDefault();o.select(e.value),o.closeListbox(),E((function(){var e;return null==(e=it(o.buttonRef))?void 0:e.focus({preventScroll:!0})}))}function c(){if(e.disabled)return o.goToOption(ft.Nothing);o.goToOption(ft.Specific,a)}function p(){e.disabled||i.value||o.goToOption(ft.Specific,a)}function f(){e.disabled||i.value&&o.goToOption(ft.Nothing)}return S((function(){var e,t,n=null==(e=document.getElementById(a))||null==(t=e.textContent)?void 0:t.toLowerCase().trim();void 0!==n&&(u.value.textValue=n)})),S((function(){return o.registerOption(a,u)})),I((function(){return o.unregisterOption(a)})),S((function(){D([o.listboxState,s],(function(){var e;o.listboxState.value===vt.Open&&s.value&&(o.goToOption(ft.Specific,a),null==(e=document.getElementById(a))||null==e.focus||e.focus())}),{immediate:!0})})),O((function(){o.listboxState.value===vt.Open&&i.value&&E((function(){var e;return null==(e=document.getElementById(a))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})}))})),function(){var t=e.disabled,o={active:i.value,selected:s.value,disabled:t},l={id:a,role:"option",tabIndex:!0===t?void 0:-1,"aria-disabled":!0===t||void 0,"aria-selected":!0===s.value?s.value:void 0,disabled:void 0,onClick:d,onFocus:c,onPointermove:p,onMousemove:p,onPointerleave:f,onMouseleave:f};return Fe({props:Te({},e,l),slot:o,attrs:r,slots:n,name:"ListboxOption"})}}});(Ct=kt||(kt={}))[Ct.Open=0]="Open",Ct[Ct.Closed=1]="Closed";var Rt=Symbol("MenuContext");function Lt(e){var t=g(Rt,null);if(null===t){var n=new Error("<"+e+" /> is missing a parent <Menu /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Lt),n}return t}var jt,Tt,At,Vt,Mt=i({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup:function(e,t){var n=t.slots,r=t.attrs,o=h(kt.Closed),a=h(null),i=h(null),s=h([]),u=h(""),d=h(null),c={menuState:o,buttonRef:a,itemsRef:i,items:s,searchQuery:u,activeItemIndex:d,closeMenu:function(){o.value=kt.Closed,d.value=null},openMenu:function(){return o.value=kt.Open},goToItem:function(e,t){var n=wt(e===ft.Specific?{focus:ft.Specific,id:t}:{focus:e},{resolveItems:function(){return s.value},resolveActiveIndex:function(){return d.value},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.disabled}});""===u.value&&d.value===n||(u.value="",d.value=n)},search:function(e){u.value+=e.toLowerCase();var t=s.value.findIndex((function(e){return e.dataRef.textValue.startsWith(u.value)&&!e.dataRef.disabled}));-1!==t&&t!==d.value&&(d.value=t)},clearSearch:function(){u.value=""},registerItem:function(e,t){s.value.push({id:e,dataRef:t})},unregisterItem:function(e){var t=s.value.slice(),n=null!==d.value?t[d.value]:null,r=t.findIndex((function(t){return t.id===e}));-1!==r&&t.splice(r,1),s.value=t,d.value=r===d.value||null===n?null:t.indexOf(n)}};return at("mousedown",(function(e){var t,n,r,l=e.target,s=document.activeElement;o.value===kt.Open&&((null==(t=it(a))?void 0:t.contains(l))||((null==(n=it(i))?void 0:n.contains(l))||c.closeMenu(),s!==document.body&&(null==s?void 0:s.contains(l))||e.defaultPrevented||null==(r=it(a))||r.focus({preventScroll:!0})))})),k(Rt,c),gt(l((function(){var e;return qe(o.value,((e={})[kt.Open]=lt.Open,e[kt.Closed]=lt.Closed,e))}))),function(){var t={open:o.value===kt.Open};return Fe({props:e,slot:t,slots:n,attrs:r,name:"Menu"})}}}),qt=i({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"}},render:function(){var e,t=Lt("MenuButton"),n={open:t.menuState.value===kt.Open},r={ref:"el",id:this.id,type:this.type,"aria-haspopup":!0,"aria-controls":null==(e=it(t.itemsRef))?void 0:e.id,"aria-expanded":this.$props.disabled?void 0:t.menuState.value===kt.Open,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onClick:this.handleClick};return Fe({props:Te({},this.$props,r),slot:n,attrs:this.$attrs,slots:this.$slots,name:"MenuButton"})},setup:function(e,t){var n=t.attrs,r=Lt("MenuButton");return{id:"headlessui-menu-button-"+ot(),el:r.buttonRef,type:xt(l((function(){return{as:e.as,type:n.type}})),r.buttonRef),handleKeyDown:function(e){switch(e.key){case _e.Space:case _e.Enter:case _e.ArrowDown:e.preventDefault(),e.stopPropagation(),r.openMenu(),E((function(){var e;null==(e=it(r.itemsRef))||e.focus({preventScroll:!0}),r.goToItem(ft.First)}));break;case _e.ArrowUp:e.preventDefault(),e.stopPropagation(),r.openMenu(),E((function(){var e;null==(e=it(r.itemsRef))||e.focus({preventScroll:!0}),r.goToItem(ft.Last)}))}},handleKeyUp:function(e){switch(e.key){case _e.Space:e.preventDefault()}},handleClick:function(t){var n;e.disabled||(r.menuState.value===kt.Open?(r.closeMenu(),E((function(){var e;return null==(e=it(r.buttonRef))?void 0:e.focus({preventScroll:!0})}))):(t.preventDefault(),t.stopPropagation(),r.openMenu(),n=function(){var e;return null==(e=it(r.itemsRef))?void 0:e.focus({preventScroll:!0})},requestAnimationFrame((function(){return requestAnimationFrame(n)}))))}}}}),Bt=i({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},render:function(){var e,t,n=Lt("MenuItems"),r={open:n.menuState.value===kt.Open},o={"aria-activedescendant":null===n.activeItemIndex.value||null==(e=n.items.value[n.activeItemIndex.value])?void 0:e.id,"aria-labelledby":null==(t=it(n.buttonRef))?void 0:t.id,id:this.id,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,role:"menu",tabIndex:0,ref:"el"};return Fe({props:Te({},this.$props,o),slot:r,attrs:this.$attrs,slots:this.$slots,features:Be.RenderStrategy|Be.Static,visible:this.visible,name:"MenuItems"})},setup:function(){var e,t,n,r,o,a=Lt("MenuItems"),i="headlessui-menu-items-"+ot(),s=h(null);e={container:l((function(){return it(a.itemsRef)})),enabled:l((function(){return a.menuState.value===kt.Open})),accept:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}},t=e.container,n=e.accept,r=e.walk,o=e.enabled,O((function(){var e=t.value;if(e&&(void 0===o||o.value))for(var a=Object.assign((function(e){return n(e)}),{acceptNode:n}),i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,a,!1);i.nextNode();)r(i.currentNode)}));var u=yt(),d=l((function(){return null!==u?u.value===lt.Open:a.menuState.value===kt.Open}));return{id:i,el:a.itemsRef,handleKeyDown:function(e){switch(s.value&&clearTimeout(s.value),e.key){case _e.Space:if(""!==a.searchQuery.value)return e.preventDefault(),e.stopPropagation(),a.search(e.key);case _e.Enter:if(e.preventDefault(),e.stopPropagation(),null!==a.activeItemIndex.value){var t,n=a.items.value[a.activeItemIndex.value].id;null==(t=document.getElementById(n))||t.click()}a.closeMenu(),E((function(){var e;return null==(e=it(a.buttonRef))?void 0:e.focus({preventScroll:!0})}));break;case _e.ArrowDown:return e.preventDefault(),e.stopPropagation(),a.goToItem(ft.Next);case _e.ArrowUp:return e.preventDefault(),e.stopPropagation(),a.goToItem(ft.Previous);case _e.Home:case _e.PageUp:return e.preventDefault(),e.stopPropagation(),a.goToItem(ft.First);case _e.End:case _e.PageDown:return e.preventDefault(),e.stopPropagation(),a.goToItem(ft.Last);case _e.Escape:e.preventDefault(),e.stopPropagation(),a.closeMenu(),E((function(){var e;return null==(e=it(a.buttonRef))?void 0:e.focus({preventScroll:!0})}));break;case _e.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(a.search(e.key),s.value=setTimeout((function(){return a.clearSearch()}),350))}},handleKeyUp:function(e){switch(e.key){case _e.Space:e.preventDefault()}},visible:d}}}),Ut=i({name:"MenuItem",props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1}},setup:function(e,t){var n=t.slots,r=t.attrs,o=Lt("MenuItem"),a="headlessui-menu-item-"+ot(),i=l((function(){return null!==o.activeItemIndex.value&&o.items.value[o.activeItemIndex.value].id===a})),s=h({disabled:e.disabled,textValue:""});function u(t){if(e.disabled)return t.preventDefault();o.closeMenu(),E((function(){var e;return null==(e=it(o.buttonRef))?void 0:e.focus({preventScroll:!0})}))}function d(){if(e.disabled)return o.goToItem(ft.Nothing);o.goToItem(ft.Specific,a)}function c(){e.disabled||i.value||o.goToItem(ft.Specific,a)}function p(){e.disabled||i.value&&o.goToItem(ft.Nothing)}return S((function(){var e,t,n=null==(e=document.getElementById(a))||null==(t=e.textContent)?void 0:t.toLowerCase().trim();void 0!==n&&(s.value.textValue=n)})),S((function(){return o.registerItem(a,s)})),I((function(){return o.unregisterItem(a)})),O((function(){o.menuState.value===kt.Open&&i.value&&E((function(){var e;return null==(e=document.getElementById(a))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})}))})),function(){var t=e.disabled,o={active:i.value,disabled:t};return Fe({props:Te({},e,{id:a,role:"menuitem",tabIndex:!0===t?void 0:-1,"aria-disabled":!0===t||void 0,onClick:u,onFocus:d,onPointermove:c,onMousemove:c,onPointerleave:p,onMouseleave:p}),slot:o,attrs:r,slots:n,name:"MenuItem"})}}});(Tt=jt||(jt={}))[Tt.Open=0]="Open",Tt[Tt.Closed=1]="Closed",(Vt=At||(At={}))[Vt.Empty=1]="Empty",Vt[Vt.Active=2]="Active";var Nt,zt,_t,Kt,Ft=Symbol("GroupContext"),$t=i({name:"Switch",emits:{"update:modelValue":function(e){return!0}},props:{as:{type:[Object,String],default:"button"},modelValue:{type:Boolean,default:!1}},render:function(){var e={checked:this.$props.modelValue},t={id:this.id,ref:"el",role:"switch",type:this.type,tabIndex:0,"aria-checked":this.$props.modelValue,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,onClick:this.handleClick,onKeyup:this.handleKeyUp,onKeypress:this.handleKeyPress};return Fe({props:Te({},this.$props,t),slot:e,attrs:this.$attrs,slots:this.$slots,name:"Switch"})},setup:function(e,t){var n=t.emit,r=t.attrs,o=g(Ft,null),a="headlessui-switch-"+ot();function i(){n("update:modelValue",!e.modelValue)}var s=h(null),u=null===o?s:o.switchRef;return{id:a,el:u,type:xt(l((function(){return{as:e.as,type:r.type}})),u),labelledby:null==o?void 0:o.labelledby,describedby:null==o?void 0:o.describedby,handleClick:function(e){e.preventDefault(),i()},handleKeyUp:function(e){e.key!==_e.Tab&&e.preventDefault(),e.key===_e.Space&&i()},handleKeyPress:function(e){e.preventDefault()}}}});function Ht(e,t){var n=e.getBoundingClientRect();return{width:n.width/1,height:n.height/1,top:n.top/1,right:n.right/1,bottom:n.bottom/1,left:n.left/1,x:n.left/1,y:n.top/1}}function Wt(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Qt(e){var t=Wt(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Yt(e){return e instanceof Wt(e).Element||e instanceof Element}function Gt(e){return e instanceof Wt(e).HTMLElement||e instanceof HTMLElement}function Xt(e){return e?(e.nodeName||"").toLowerCase():null}function Jt(e){return((Yt(e)?e.ownerDocument:e.document)||window.document).documentElement}function Zt(e){return Wt(e).getComputedStyle(e)}function en(e){var t=Zt(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function tn(e,t,n){void 0===n&&(n=!1);var r=Gt(t);Gt(t)&&function(e){var t=e.getBoundingClientRect(),n=t.width/e.offsetWidth||1,r=t.height/e.offsetHeight||1}(t);var o,a,i=Jt(t),l=Ht(e),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(r||!r&&!n)&&(("body"!==Xt(t)||en(i))&&(s=(o=t)!==Wt(o)&&Gt(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:Qt(o)),Gt(t)?((u=Ht(t)).x+=t.clientLeft,u.y+=t.clientTop):i&&(u.x=function(e){return Ht(Jt(e)).left+Qt(e).scrollLeft}(i))),{x:l.left+s.scrollLeft-u.x,y:l.top+s.scrollTop-u.y,width:l.width,height:l.height}}function nn(e){return"html"===Xt(e)?e:e.assignedSlot||e.parentNode||(t=e,"undefined"!=typeof ShadowRoot&&(t instanceof Wt(t).ShadowRoot||t instanceof ShadowRoot)?e.host:null)||Jt(e);var t}function rn(e){return["html","body","#document"].indexOf(Xt(e))>=0?e.ownerDocument.body:Gt(e)&&en(e)?e:rn(nn(e))}function on(e,t){var n;void 0===t&&(t=[]);var r=rn(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),a=Wt(r),i=o?[a].concat(a.visualViewport||[],en(r)?r:[]):r,l=t.concat(i);return o?l:l.concat(on(nn(i)))}function an(e){return["table","td","th"].indexOf(Xt(e))>=0}function ln(e){return Gt(e)&&"fixed"!==Zt(e).position?e.offsetParent:null}function sn(e){for(var t=Wt(e),n=ln(e);n&&an(n)&&"static"===Zt(n).position;)n=ln(n);return n&&("html"===Xt(n)||"body"===Xt(n)&&"static"===Zt(n).position)?t:n||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&Gt(e)&&"fixed"===Zt(e).position)return null;for(var n=nn(e);Gt(n)&&["html","body"].indexOf(Xt(n))<0;){var r=Zt(n);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||t&&"filter"===r.willChange||t&&r.filter&&"none"!==r.filter)return n;n=n.parentNode}return null}(e)||t}(zt=Nt||(Nt={})).Finished="finished",zt.Cancelled="cancelled",(Kt=_t||(_t={})).Visible="visible",Kt.Hidden="hidden",Be.RenderStrategy;var un=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function dn(e){var t=new Map,n=new Set,r=[];function o(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var r=t.get(e);r&&o(r)}})),r.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||o(e)})),r}function cn(e){return e.split("-")[0]}var pn=Math.round;function fn(e){return e.split("-")[1]}var vn={placement:"bottom",modifiers:[],strategy:"absolute"};function mn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function bn(e){void 0===e&&(e={});var t=e,n=t.defaultModifiers,r=void 0===n?[]:n,o=t.defaultOptions,a=void 0===o?vn:o;return function(e,t,n){void 0===n&&(n=a);var o,i,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},vn,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},s=[],u=!1,d={state:l,setOptions:function(n){var o="function"==typeof n?n(l.options):n;c(),l.options=Object.assign({},a,l.options,o),l.scrollParents={reference:Yt(e)?on(e):e.contextElement?on(e.contextElement):[],popper:on(t)};var i,u,p=function(e){var t=dn(e);return un.reduce((function(e,n){return e.concat(t.filter((function(e){return e.phase===n})))}),[])}((i=[].concat(r,l.options.modifiers),u=i.reduce((function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e}),{}),Object.keys(u).map((function(e){return u[e]}))));return l.orderedModifiers=p.filter((function(e){return e.enabled})),l.orderedModifiers.forEach((function(e){var t=e.name,n=e.options,r=void 0===n?{}:n,o=e.effect;if("function"==typeof o){var a=o({state:l,name:t,instance:d,options:r}),i=function(){};s.push(a||i)}})),d.update()},forceUpdate:function(){if(!u){var e=l.elements,t=e.reference,n=e.popper;if(mn(t,n)){var r,o,a,i;l.rects={reference:tn(t,sn(n),"fixed"===l.options.strategy),popper:(r=n,o=Ht(r),a=r.offsetWidth,i=r.offsetHeight,Math.abs(o.width-a)<=1&&(a=o.width),Math.abs(o.height-i)<=1&&(i=o.height),{x:r.offsetLeft,y:r.offsetTop,width:a,height:i})},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(e){return l.modifiersData[e.name]=Object.assign({},e.data)}));for(var s=0;s<l.orderedModifiers.length;s++)if(!0!==l.reset){var c=l.orderedModifiers[s],p=c.fn,f=c.options,v=void 0===f?{}:f,m=c.name;"function"==typeof p&&(l=p({state:l,options:v,name:m,instance:d})||l)}else l.reset=!1,s=-1}}},update:(o=function(){return new Promise((function(e){d.forceUpdate(),e(l)}))},function(){return i||(i=new Promise((function(e){Promise.resolve().then((function(){i=void 0,e(o())}))}))),i}),destroy:function(){c(),u=!0}};if(!mn(e,t))return d;function c(){s.forEach((function(e){return e()})),s=[]}return d.setOptions(n).then((function(e){!u&&n.onFirstUpdate&&n.onFirstUpdate(e)})),d}}var yn={passive:!0};var gn={top:"auto",right:"auto",bottom:"auto",left:"auto"};function hn(e){var t,n=e.popper,r=e.popperRect,o=e.placement,a=e.variation,i=e.offsets,l=e.position,s=e.gpuAcceleration,u=e.adaptive,d=e.roundOffsets,c=!0===d?function(e){var t=e.x,n=e.y,r=window.devicePixelRatio||1;return{x:pn(pn(t*r)/r)||0,y:pn(pn(n*r)/r)||0}}(i):"function"==typeof d?d(i):i,p=c.x,f=void 0===p?0:p,v=c.y,m=void 0===v?0:v,b=i.hasOwnProperty("x"),y=i.hasOwnProperty("y"),g="left",h="top",x=window;if(u){var w=sn(n),S="clientHeight",O="clientWidth";w===Wt(n)&&"static"!==Zt(w=Jt(n)).position&&"absolute"===l&&(S="scrollHeight",O="scrollWidth"),w=w,"top"!==o&&("left"!==o&&"right"!==o||"end"!==a)||(h="bottom",m-=w[S]-r.height,m*=s?1:-1),"left"!==o&&("top"!==o&&"bottom"!==o||"end"!==a)||(g="right",f-=w[O]-r.width,f*=s?1:-1)}var k,C=Object.assign({position:l},u&&gn);return s?Object.assign({},C,((k={})[h]=y?"0":"",k[g]=b?"0":"",k.transform=(x.devicePixelRatio||1)<=1?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",k)):Object.assign({},C,((t={})[h]=y?m+"px":"",t[g]=b?f+"px":"",t.transform="",t))}var xn=bn({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,r=e.options,o=r.scroll,a=void 0===o||o,i=r.resize,l=void 0===i||i,s=Wt(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&u.forEach((function(e){e.addEventListener("scroll",n.update,yn)})),l&&s.addEventListener("resize",n.update,yn),function(){a&&u.forEach((function(e){e.removeEventListener("scroll",n.update,yn)})),l&&s.removeEventListener("resize",n.update,yn)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,n=e.name;t.modifiersData[n]=function(e){var t,n=e.reference,r=e.element,o=e.placement,a=o?cn(o):null,i=o?fn(o):null,l=n.x+n.width/2-r.width/2,s=n.y+n.height/2-r.height/2;switch(a){case"top":t={x:l,y:n.y-r.height};break;case"bottom":t={x:l,y:n.y+n.height};break;case"right":t={x:n.x+n.width,y:s};break;case"left":t={x:n.x-r.width,y:s};break;default:t={x:n.x,y:n.y}}var u=a?function(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}(a):null;if(null!=u){var d="y"===u?"height":"width";switch(i){case"start":t[u]=t[u]-(n[d]/2-r[d]/2);break;case"end":t[u]=t[u]+(n[d]/2-r[d]/2)}}return t}({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=e.options,r=n.gpuAcceleration,o=void 0===r||r,a=n.adaptive,i=void 0===a||a,l=n.roundOffsets,s=void 0===l||l,u={placement:cn(t.placement),variation:fn(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,hn(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:s})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,hn(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},o=t.elements[e];Gt(o)&&Xt(o)&&(Object.assign(o.style,n),Object.keys(r).forEach((function(e){var t=r[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var r=t.elements[e],o=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce((function(e,t){return e[t]="",e}),{});Gt(r)&&Xt(r)&&(Object.assign(r.style,a),Object.keys(o).forEach((function(e){r.removeAttribute(e)})))}))}},requires:["computeStyles"]}]});const wn=i({props:{position:{type:String,required:!0,default:"left"},usePortal:{type:[Boolean,String],required:!0,default:!1}},setup(e){const t="left"===e.position?"bottom-end":"bottom-start",[n,r]=function(e){const t=h(null),n=h(null);return S((()=>{O((r=>{if(!n.value)return;if(!t.value)return;const o=n.value.el||n.value,a=t.value.el||t.value;if(!(a instanceof HTMLElement))return;if(!(o instanceof HTMLElement))return;const{destroy:i}=xn(a,o,e);r(i)}))})),[t,n]}({placement:t});return(t,o)=>(u(),d(s(Mt),{as:"div",class:"relative inline-block text-left"},{default:P((()=>[y(s(qt),{class:"focus:outline-none",ref:(e,t)=>{t.button=e,R(n)&&(n.value=e)}},{default:P((()=>[L(t.$slots,"button",{},(()=>[y(s(K),{class:"fill-current",name:"ellipsis-h"})]))])),_:3},512),(u(),d(j,{to:"string"==typeof e.usePortal?e.usePortal:"body",disabled:!e.usePortal},[y(s(Bt),{ref:(e,t)=>{t.container=e,R(r)&&(r.value=e)},class:v([{"absolute left-0 origin-top-left":!e.usePortal&&"right"===e.position,"absolute right-0 origin-top-right":!e.usePortal&&"left"===e.position},"z-40 mt-1 py-1 bg-white w-56 rounded shadow-lg text-grey-700 focus:outline-none"])},{default:P((()=>[L(t.$slots,"default")])),_:3},8,["class"])],8,["to","disabled"]))])),_:3}))}}),Sn=i({props:{label:{type:String,required:!1},disabled:{type:Boolean,required:!1}},setup:e=>(t,n)=>(u(),d(s(Ut),T(A({disabled:e.disabled})),{default:P((({active:n})=>[m("span",c({class:["block px-4 py-2 text-xs",[n?"bg-grey-200":"",e.disabled?"opacity-50 pointer-events-none":"hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"]]},t.$attrs),b(e.label),17)])),_:1},16))}),On={class:"relative"},kn={key:1,class:"block truncate"},Cn={key:2,class:"text-grey-500"},In={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"},Dn=i({props:{modelValue:{type:[Object,null],required:!1},size:{type:null,required:!1,default:"medium"},icon:{type:String,required:!1},placeholder:{type:String,required:!1},isDisabled:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e,r=n.modelValue?h(n.modelValue):h(null),{inputClasses:o,disabledClasses:a,textSizeClasses:i}=Ce(n);return D((()=>n.modelValue),(e=>{var t;e&&e.id!==(null==(t=r.value)?void 0:t.id)&&(r.value=e)})),D(r,(e=>{e&&t("update:modelValue",e)})),(t,n)=>(u(),d(s(It),{as:"div",modelValue:s(r),"onUpdate:modelValue":n[0]||(n[0]=e=>R(r)?r.value=e:null),disabled:e.isDisabled},{default:P((()=>[m("div",On,[y(s(Dt),{class:v(["w-full mono-50 bg-grey-50 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",[s(o),s(i),s(a)]])},{default:P((()=>[e.icon?(u(),f("span",{key:0,class:v(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none",s(i)])},[y(K,{name:e.icon},null,8,["name"])],2)):p("",!0),s(r)?(u(),f("span",kn,b(s(r).label),1)):(u(),f("span",Cn,b(e.placeholder),1)),m("span",In,[y(K,{class:"text-grey-400",name:"chevron-down","aria-hidden":"true"})])])),_:1},8,["class"]),y(V,{"leave-active-class":"transition ease-in duration-100","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:P((()=>[y(s(Et),{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:P((()=>[(u(!0),f(M,null,q(e.options,(e=>(u(),d(s(Pt),{as:"template",key:e.id,value:e},{default:P((({active:t,selected:n})=>[m("li",{class:v([t?"text-white bg-grey-800":"text-gray-900 dark:text-grey-50","cursor-default select-none relative py-2 pl-3 pr-9"])},[m("span",{class:v([n?"font-semibold":"font-normal","block truncate"])},b(e.label),3),n?(u(),f("span",{key:0,class:v([t?"text-blue-100":"text-blue-500","absolute inset-y-0 right-0 flex items-center pr-4"])},[y(K,{name:"check",class:"h-5 w-5","aria-hidden":"true"})],2)):p("",!0)],2)])),_:2},1032,["value"])))),128))])),_:1})])),_:1})])])),_:1},8,["modelValue","disabled"]))}}),En={class:"sr-only"},Pn=i({props:{id:{type:String,required:!1,default:ee()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1},onLabel:{type:String,required:!1,default:"on"},offLabel:{type:String,required:!1,default:"off"}},emits:["update:modelValue","change"],setup(e,{emit:t}){const n=e=>{t("update:modelValue",e),t("change",e)};return(t,r)=>(u(),d(s($t),{modelValue:e.modelValue,label:e.label,class:v([e.modelValue?"bg-blue-700":"bg-grey-700","relative inline-flex items-center h-6 rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-300 transition"]),"onUpdate:modelValue":n},{default:P((()=>[m("span",{class:v(["absolute inset-x-2 text-xs text-white text-center",e.modelValue?"pr-3":"pl-3"])},b(e.modelValue?e.onLabel:e.offLabel),3),m("span",En,b(e.label),1),m("span",{class:v([e.modelValue?"translate-x-9":"translate-x-1","inline-block w-4 h-4 transform bg-white rounded-full transition"])},null,2)])),_:1},8,["modelValue","label","class"]))}}),Rn={class:"animate-pulse"},Ln={class:"flex items-center justify-between space-x-4"},jn={key:0,class:"h-12 w-12 bg-current rounded-full flex-shrink-0"},Tn={key:1,class:"bg-current h-8 w-full rounded-lg"},An={key:0,class:"space-y-2 mt-6"},Vn={key:1,class:"mt-6 bg-current h-10 rounded-lg w-1/3"},Mn=i({props:{avatar:{type:Boolean,required:!1,default:!1},title:{type:Boolean,required:!1,default:!0},lines:{type:Number,required:!1,default:3},footer:{type:Boolean,required:!1,default:!1}},setup(e){const t=new Array(e.lines).fill(void 0).map((()=>{const e=[4,5,6,8,10,16,24,32];return{margin:`mr-${e[Math.floor(Math.random()*e.length)]}`}}));return(n,r)=>(u(),f("div",Rn,[m("div",Ln,[e.avatar?(u(),f("div",jn)):p("",!0),e.title?(u(),f("div",Tn)):p("",!0)]),e.lines>0?(u(),f("div",An,[(u(!0),f(M,null,q(s(t),((e,t)=>(u(),f("div",{class:v(["bg-current h-4 rounded-lg",e.margin]),key:t},null,2)))),128))])):p("",!0),e.footer?(u(),f("div",Vn)):p("",!0)]))}});var qn=(e,t)=>{for(const[n,r]of t)e[n]=r;return e};const Bn={},Un={class:"grid grid-cols-3 grid-rows-3 gap-1 w-12 h-12"},Nn=[B('<div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.4s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div>',9)];var zn=qn(Bn,[["render",function(e,t){return u(),f("div",Un,Nn)}]]);export{H as D9Button,le as D9Checkbox,K as D9Icon,Ee as D9Input,je as D9Label,wn as D9Menu,Sn as D9MenuLink,Dn as D9Select,Mn as D9Skeleton,zn as D9Spinner,Pn as D9Switch,_ as icons};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineComponent, computed as computed$2, unref as unref$1, openBlock, createBlock, mergeProps, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, cloneVNode, h, watchEffect, inject, provide, ref, onMounted, toRaw as toRaw$1, onUnmounted, watch, nextTick as nextTick$1, withCtx, renderSlot, Teleport, Transition, normalizeProps, guardReactiveProps, isRef as isRef$1, Fragment, renderList, createStaticVNode } from "vue";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import * as fasIcons from "@fortawesome/free-solid-svg-icons";
+/*!
+ * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+var faFacebook = {
+  prefix: "fab",
+  iconName: "facebook",
+  icon: [512, 512, [], "f09a", "M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"]
+};
+var faGithub = {
+  prefix: "fab",
+  iconName: "github",
+  icon: [496, 512, [], "f09b", "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"]
+};
+var faInstagram = {
+  prefix: "fab",
+  iconName: "instagram",
+  icon: [448, 512, [], "f16d", "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"]
+};
+var faLinkedin = {
+  prefix: "fab",
+  iconName: "linkedin",
+  icon: [448, 512, [], "f08c", "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"]
+};
+var faTwitter = {
+  prefix: "fab",
+  iconName: "twitter",
+  icon: [512, 512, [], "f099", "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"]
+};
+library.add(fasIcons.faChartPie, fasIcons.faCheck, fasIcons.faCheckCircle, fasIcons.faChevronDown, fasIcons.faChevronLeft, fasIcons.faChevronRight, fasIcons.faChevronUp, fasIcons.faCircleNotch, fasIcons.faClipboard, fasIcons.faCog, fasIcons.faDoorOpen, fasIcons.faEllipsisH, fasIcons.faEnvelope, fasIcons.faExclamationTriangle, fasIcons.faFingerprint, fasIcons.faGlobe, fasIcons.faHandPointRight, fasIcons.faInfoCircle, fasIcons.faPencilAlt, fasIcons.faPlayCircle, fasIcons.faPlus, fasIcons.faPlusCircle, fasIcons.faRobot, fasIcons.faSave, fasIcons.faShieldAlt, fasIcons.faTimes, fasIcons.faTrash, fasIcons.faUser, fasIcons.faUserShield, faTwitter, faInstagram, faGithub, faLinkedin, faFacebook);
+var icons = [...Object.keys(library.definitions.fas)].sort();
+const brands = [...Object.keys(library.definitions.fab)].sort();
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  props: {
+    name: { default: "user" }
+  },
+  setup(__props) {
+    const props = __props;
+    const iconBag = computed$2(() => {
+      if (brands.includes(props.name)) {
+        return "fab";
+      }
+      return "fas";
+    });
+    const isIconAvailable = computed$2(() => {
+      if (icons.includes(props.name) || brands.includes(props.name)) {
+        return true;
+      } else {
+        console.warn("could not load icon, because it is not available", props.name);
+        return false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return unref$1(isIconAvailable) ? (openBlock(), createBlock(unref$1(FontAwesomeIcon), mergeProps({
+        key: 0,
+        icon: [unref$1(iconBag), __props.name]
+      }, _ctx.$attrs), null, 16, ["icon"])) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$8 = ["aria-label", "tabindex"];
+const _hoisted_2$6 = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  props: {
+    label: null,
+    size: { default: "medium" },
+    color: { default: "primary" },
+    isLoading: { type: Boolean, default: false },
+    isDisabled: { type: Boolean, default: false },
+    icon: null,
+    iconPosition: { default: "right" }
+  },
+  emits: ["onClick"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const buttonClasses = computed$2(() => {
+      const colors = {
+        "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": props.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": props.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": props.color === "dark"
+      };
+      const disabledClasses = {
+        "pointer-events-none opacity-75 cursor-not-allowed": props.isDisabled
+      };
+      const sizes = {
+        "px-4 py-1 text-xs leading-5 mono-100 rounded-lg": props.size === "small",
+        "px-5 py-2 text-sm leading-4 font-medium rounded-lg": props.size === "medium",
+        "px-8 py-3 text-base leading-6 font-medium rounded-lg": props.size === "large"
+      };
+      return __spreadValues(__spreadValues(__spreadValues({}, colors), disabledClasses), sizes);
+    });
+    const iconClasses = computed$2(() => {
+      const iconLeft = {
+        "mr-2 -ml-1": ["small", "medium"].includes(props.size) && props.iconPosition === "left",
+        "mr-4 -ml-2": ["large"].includes(props.size) && props.iconPosition === "left"
+      };
+      const iconRight = {
+        "ml-3 -mr-1": ["small", "medium"].includes(props.size) && props.iconPosition === "right",
+        "ml-3 -mr-3": ["large"].includes(props.size) && props.iconPosition === "right"
+      };
+      const colors = {
+        "text-white": props.color === "primary",
+        "text-blue-600": props.color === "light",
+        "text-grey-50": props.color === "dark"
+      };
+      return __spreadValues(__spreadValues(__spreadValues({}, iconLeft), iconRight), colors);
+    });
+    function onClick() {
+      if (props.isDisabled) {
+        return;
+      }
+      emit("onClick");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out", unref$1(buttonClasses)]),
+        type: "button",
+        "aria-label": __props.label,
+        tabindex: __props.isDisabled ? "-1" : void 0,
+        onClick
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(!__props.isLoading || "invisible")
+        }, [
+          __props.icon && __props.iconPosition === "left" ? (openBlock(), createBlock(_sfc_main$a, {
+            key: 0,
+            name: __props.icon,
+            class: normalizeClass(unref$1(iconClasses))
+          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+          createElementVNode("span", null, toDisplayString(__props.label), 1),
+          __props.icon && __props.iconPosition === "right" ? (openBlock(), createBlock(_sfc_main$a, {
+            key: 1,
+            name: __props.icon,
+            class: normalizeClass(unref$1(iconClasses))
+          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+        ], 2),
+        __props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$6, [
+          createVNode(_sfc_main$a, {
+            class: "animate-spin",
+            name: "circle-notch"
+          })
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1$8);
+    };
+  }
+});
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  if (!getRandomValues) {
+    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== "undefined" && typeof msCrypto.getRandomValues === "function" && msCrypto.getRandomValues.bind(msCrypto);
+    if (!getRandomValues) {
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    }
+  }
+  return getRandomValues(rnds8);
+}
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+function validate(uuid) {
+  return typeof uuid === "string" && REGEX.test(uuid);
+}
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).substr(1));
+}
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  if (!validate(uuid)) {
+    throw TypeError("Stringified UUID is invalid");
+  }
+  return uuid;
+}
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset = offset || 0;
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+    return buf;
+  }
+  return stringify(rnds);
+}
+const _hoisted_1$7 = { class: "relative flex items-start" };
+const _hoisted_2$5 = { class: "flex items-center h-5" };
+const _hoisted_3$3 = ["checked", "id"];
+const _hoisted_4$2 = { class: "ml-2 text-sm leading-5" };
+const _hoisted_5$1 = ["for"];
+const _hoisted_6$1 = {
+  key: 0,
+  class: "text-grey-700 dark:text-grey-400 mono-0 casual-60"
+};
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  props: {
+    id: { default: v4() },
+    label: null,
+    modelValue: { type: Boolean },
+    description: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: emits }) {
+    const update = (value) => {
+      emits("update:modelValue", value.target.checked);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$5, [
+          createElementVNode("input", {
+            class: "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",
+            type: "checkbox",
+            checked: __props.modelValue,
+            onChange: update,
+            id: __props.id
+          }, null, 40, _hoisted_3$3)
+        ]),
+        createElementVNode("div", _hoisted_4$2, [
+          createElementVNode("label", {
+            for: __props.id,
+            class: "font-medium text-grey-900 dark:text-grey-200 casual-25"
+          }, toDisplayString(__props.label), 9, _hoisted_5$1),
+          __props.description ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const EMPTY_OBJ = {};
+const NOOP = () => {
+};
+const extend = Object.assign;
+const remove = (arr, el) => {
+  const i = arr.indexOf(el);
+  if (i > -1) {
+    arr.splice(i, 1);
+  }
+};
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isSet = (val) => toTypeString(val) === "[object Set]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+};
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const isPlainObject = (val) => toTypeString(val) === "[object Object]";
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
+let activeEffectScope;
+function recordEffectScope(effect2, scope) {
+  scope = scope || activeEffectScope;
+  if (scope && scope.active) {
+    scope.effects.push(effect2);
+  }
+}
+const createDep = (effects) => {
+  const dep = new Set(effects);
+  dep.w = 0;
+  dep.n = 0;
+  return dep;
+};
+const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
+const newTracked = (dep) => (dep.n & trackOpBit) > 0;
+const initDepMarkers = ({ deps }) => {
+  if (deps.length) {
+    for (let i = 0; i < deps.length; i++) {
+      deps[i].w |= trackOpBit;
+    }
+  }
+};
+const finalizeDepMarkers = (effect2) => {
+  const { deps } = effect2;
+  if (deps.length) {
+    let ptr = 0;
+    for (let i = 0; i < deps.length; i++) {
+      const dep = deps[i];
+      if (wasTracked(dep) && !newTracked(dep)) {
+        dep.delete(effect2);
+      } else {
+        deps[ptr++] = dep;
+      }
+      dep.w &= ~trackOpBit;
+      dep.n &= ~trackOpBit;
+    }
+    deps.length = ptr;
+  }
+};
+let effectTrackDepth = 0;
+let trackOpBit = 1;
+const maxMarkerBits = 30;
+const effectStack = [];
+let activeEffect;
+class ReactiveEffect {
+  constructor(fn2, scheduler = null, scope) {
+    this.fn = fn2;
+    this.scheduler = scheduler;
+    this.active = true;
+    this.deps = [];
+    recordEffectScope(this, scope);
+  }
+  run() {
+    if (!this.active) {
+      return this.fn();
+    }
+    if (!effectStack.length || !effectStack.includes(this)) {
+      try {
+        effectStack.push(activeEffect = this);
+        enableTracking();
+        trackOpBit = 1 << ++effectTrackDepth;
+        if (effectTrackDepth <= maxMarkerBits) {
+          initDepMarkers(this);
+        } else {
+          cleanupEffect(this);
+        }
+        return this.fn();
+      } finally {
+        if (effectTrackDepth <= maxMarkerBits) {
+          finalizeDepMarkers(this);
+        }
+        trackOpBit = 1 << --effectTrackDepth;
+        resetTracking();
+        effectStack.pop();
+        const n = effectStack.length;
+        activeEffect = n > 0 ? effectStack[n - 1] : void 0;
+      }
+    }
+  }
+  stop() {
+    if (this.active) {
+      cleanupEffect(this);
+      if (this.onStop) {
+        this.onStop();
+      }
+      this.active = false;
+    }
+  }
+}
+function cleanupEffect(effect2) {
+  const { deps } = effect2;
+  if (deps.length) {
+    for (let i = 0; i < deps.length; i++) {
+      deps[i].delete(effect2);
+    }
+    deps.length = 0;
+  }
+}
+let shouldTrack = true;
+const trackStack = [];
+function enableTracking() {
+  trackStack.push(shouldTrack);
+  shouldTrack = true;
+}
+function resetTracking() {
+  const last = trackStack.pop();
+  shouldTrack = last === void 0 ? true : last;
+}
+function isTracking() {
+  return shouldTrack && activeEffect !== void 0;
+}
+function trackEffects(dep, debuggerEventExtraInfo) {
+  let shouldTrack2 = false;
+  if (effectTrackDepth <= maxMarkerBits) {
+    if (!newTracked(dep)) {
+      dep.n |= trackOpBit;
+      shouldTrack2 = !wasTracked(dep);
+    }
+  } else {
+    shouldTrack2 = !dep.has(activeEffect);
+  }
+  if (shouldTrack2) {
+    dep.add(activeEffect);
+    activeEffect.deps.push(dep);
+  }
+}
+function triggerEffects(dep, debuggerEventExtraInfo) {
+  for (const effect2 of isArray(dep) ? dep : [...dep]) {
+    if (effect2 !== activeEffect || effect2.allowRecurse) {
+      if (effect2.scheduler) {
+        effect2.scheduler();
+      } else {
+        effect2.run();
+      }
+    }
+  }
+}
+new Set(Object.getOwnPropertyNames(Symbol).map((key) => Symbol[key]).filter(isSymbol));
+function isReactive(value) {
+  if (isReadonly(value)) {
+    return isReactive(value["__v_raw"]);
+  }
+  return !!(value && value["__v_isReactive"]);
+}
+function isReadonly(value) {
+  return !!(value && value["__v_isReadonly"]);
+}
+function isShallow(value) {
+  return !!(value && value["__v_isShallow"]);
+}
+function toRaw(observed) {
+  const raw = observed && observed["__v_raw"];
+  return raw ? toRaw(raw) : observed;
+}
+function markRaw(value) {
+  def(value, "__v_skip", true);
+  return value;
+}
+function trackRefValue(ref2) {
+  if (isTracking()) {
+    ref2 = toRaw(ref2);
+    if (!ref2.dep) {
+      ref2.dep = createDep();
+    }
+    {
+      trackEffects(ref2.dep);
+    }
+  }
+}
+function triggerRefValue(ref2, newVal) {
+  ref2 = toRaw(ref2);
+  if (ref2.dep) {
+    {
+      triggerEffects(ref2.dep);
+    }
+  }
+}
+function isRef(r) {
+  return Boolean(r && r.__v_isRef === true);
+}
+function unref(ref2) {
+  return isRef(ref2) ? ref2.value : ref2;
+}
+const shallowUnwrapHandlers = {
+  get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
+  set: (target, key, value, receiver) => {
+    const oldValue = target[key];
+    if (isRef(oldValue) && !isRef(value)) {
+      oldValue.value = value;
+      return true;
+    } else {
+      return Reflect.set(target, key, value, receiver);
+    }
+  }
+};
+function proxyRefs(objectWithRefs) {
+  return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
+}
+class ComputedRefImpl {
+  constructor(getter, _setter, isReadonly2, isSSR) {
+    this._setter = _setter;
+    this.dep = void 0;
+    this.__v_isRef = true;
+    this._dirty = true;
+    this.effect = new ReactiveEffect(getter, () => {
+      if (!this._dirty) {
+        this._dirty = true;
+        triggerRefValue(this);
+      }
+    });
+    this.effect.computed = this;
+    this.effect.active = this._cacheable = !isSSR;
+    this["__v_isReadonly"] = isReadonly2;
+  }
+  get value() {
+    const self = toRaw(this);
+    trackRefValue(self);
+    if (self._dirty || !self._cacheable) {
+      self._dirty = false;
+      self._value = self.effect.run();
+    }
+    return self._value;
+  }
+  set value(newValue) {
+    this._setter(newValue);
+  }
+}
+function computed$1(getterOrOptions, debugOptions, isSSR = false) {
+  let getter;
+  let setter;
+  const onlyGetter = isFunction(getterOrOptions);
+  if (onlyGetter) {
+    getter = getterOrOptions;
+    setter = NOOP;
+  } else {
+    getter = getterOrOptions.get;
+    setter = getterOrOptions.set;
+  }
+  const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
+  return cRef;
+}
+Promise.resolve();
+function callWithErrorHandling(fn2, instance, type, args) {
+  let res;
+  try {
+    res = args ? fn2(...args) : fn2();
+  } catch (err) {
+    handleError(err, instance, type);
+  }
+  return res;
+}
+function callWithAsyncErrorHandling(fn2, instance, type, args) {
+  if (isFunction(fn2)) {
+    const res = callWithErrorHandling(fn2, instance, type, args);
+    if (res && isPromise(res)) {
+      res.catch((err) => {
+        handleError(err, instance, type);
+      });
+    }
+    return res;
+  }
+  const values = [];
+  for (let i = 0; i < fn2.length; i++) {
+    values.push(callWithAsyncErrorHandling(fn2[i], instance, type, args));
+  }
+  return values;
+}
+function handleError(err, instance, type, throwInDev = true) {
+  const contextVNode = instance ? instance.vnode : null;
+  if (instance) {
+    let cur = instance.parent;
+    const exposedInstance = instance.proxy;
+    const errorInfo = type;
+    while (cur) {
+      const errorCapturedHooks = cur.ec;
+      if (errorCapturedHooks) {
+        for (let i = 0; i < errorCapturedHooks.length; i++) {
+          if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
+            return;
+          }
+        }
+      }
+      cur = cur.parent;
+    }
+    const appErrorHandler = instance.appContext.config.errorHandler;
+    if (appErrorHandler) {
+      callWithErrorHandling(appErrorHandler, null, 10, [err, exposedInstance, errorInfo]);
+      return;
+    }
+  }
+  logError(err, type, contextVNode, throwInDev);
+}
+function logError(err, type, contextVNode, throwInDev = true) {
+  {
+    console.error(err);
+  }
+}
+let isFlushing = false;
+let isFlushPending = false;
+const queue = [];
+let flushIndex = 0;
+const pendingPreFlushCbs = [];
+let activePreFlushCbs = null;
+let preFlushIndex = 0;
+const pendingPostFlushCbs = [];
+let activePostFlushCbs = null;
+let postFlushIndex = 0;
+const resolvedPromise = Promise.resolve();
+let currentFlushPromise = null;
+let currentPreFlushParentJob = null;
+function nextTick(fn2) {
+  const p = currentFlushPromise || resolvedPromise;
+  return fn2 ? p.then(this ? fn2.bind(this) : fn2) : p;
+}
+function findInsertionIndex(id2) {
+  let start2 = flushIndex + 1;
+  let end2 = queue.length;
+  while (start2 < end2) {
+    const middle = start2 + end2 >>> 1;
+    const middleJobId = getId(queue[middle]);
+    middleJobId < id2 ? start2 = middle + 1 : end2 = middle;
+  }
+  return start2;
+}
+function queueJob(job) {
+  if ((!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && job !== currentPreFlushParentJob) {
+    if (job.id == null) {
+      queue.push(job);
+    } else {
+      queue.splice(findInsertionIndex(job.id), 0, job);
+    }
+    queueFlush();
+  }
+}
+function queueFlush() {
+  if (!isFlushing && !isFlushPending) {
+    isFlushPending = true;
+    currentFlushPromise = resolvedPromise.then(flushJobs);
+  }
+}
+function queueCb(cb, activeQueue, pendingQueue, index) {
+  if (!isArray(cb)) {
+    if (!activeQueue || !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
+      pendingQueue.push(cb);
+    }
+  } else {
+    pendingQueue.push(...cb);
+  }
+  queueFlush();
+}
+function queuePreFlushCb(cb) {
+  queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
+}
+function queuePostFlushCb(cb) {
+  queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
+}
+function flushPreFlushCbs(seen, parentJob = null) {
+  if (pendingPreFlushCbs.length) {
+    currentPreFlushParentJob = parentJob;
+    activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
+    pendingPreFlushCbs.length = 0;
+    for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
+      activePreFlushCbs[preFlushIndex]();
+    }
+    activePreFlushCbs = null;
+    preFlushIndex = 0;
+    currentPreFlushParentJob = null;
+    flushPreFlushCbs(seen, parentJob);
+  }
+}
+function flushPostFlushCbs(seen) {
+  if (pendingPostFlushCbs.length) {
+    const deduped = [...new Set(pendingPostFlushCbs)];
+    pendingPostFlushCbs.length = 0;
+    if (activePostFlushCbs) {
+      activePostFlushCbs.push(...deduped);
+      return;
+    }
+    activePostFlushCbs = deduped;
+    activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
+    for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
+      activePostFlushCbs[postFlushIndex]();
+    }
+    activePostFlushCbs = null;
+    postFlushIndex = 0;
+  }
+}
+const getId = (job) => job.id == null ? Infinity : job.id;
+function flushJobs(seen) {
+  isFlushPending = false;
+  isFlushing = true;
+  flushPreFlushCbs(seen);
+  queue.sort((a, b) => getId(a) - getId(b));
+  const check = NOOP;
+  try {
+    for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
+      const job = queue[flushIndex];
+      if (job && job.active !== false) {
+        if (false)
+          ;
+        callWithErrorHandling(job, null, 14);
+      }
+    }
+  } finally {
+    flushIndex = 0;
+    queue.length = 0;
+    flushPostFlushCbs();
+    isFlushing = false;
+    currentFlushPromise = null;
+    if (queue.length || pendingPreFlushCbs.length || pendingPostFlushCbs.length) {
+      flushJobs(seen);
+    }
+  }
+}
+function queueEffectWithSuspense(fn2, suspense) {
+  if (suspense && suspense.pendingBranch) {
+    if (isArray(fn2)) {
+      suspense.effects.push(...fn2);
+    } else {
+      suspense.effects.push(fn2);
+    }
+  } else {
+    queuePostFlushCb(fn2);
+  }
+}
+const INITIAL_WATCHER_VALUE = {};
+function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
+  const instance = currentInstance;
+  let getter;
+  let forceTrigger = false;
+  let isMultiSource = false;
+  if (isRef(source)) {
+    getter = () => source.value;
+    forceTrigger = isShallow(source);
+  } else if (isReactive(source)) {
+    getter = () => source;
+    deep = true;
+  } else if (isArray(source)) {
+    isMultiSource = true;
+    forceTrigger = source.some(isReactive);
+    getter = () => source.map((s) => {
+      if (isRef(s)) {
+        return s.value;
+      } else if (isReactive(s)) {
+        return traverse(s);
+      } else if (isFunction(s)) {
+        return callWithErrorHandling(s, instance, 2);
+      } else
+        ;
+    });
+  } else if (isFunction(source)) {
+    if (cb) {
+      getter = () => callWithErrorHandling(source, instance, 2);
+    } else {
+      getter = () => {
+        if (instance && instance.isUnmounted) {
+          return;
+        }
+        if (cleanup) {
+          cleanup();
+        }
+        return callWithAsyncErrorHandling(source, instance, 3, [onCleanup]);
+      };
+    }
+  } else {
+    getter = NOOP;
+  }
+  if (cb && deep) {
+    const baseGetter = getter;
+    getter = () => traverse(baseGetter());
+  }
+  let cleanup;
+  let onCleanup = (fn2) => {
+    cleanup = effect2.onStop = () => {
+      callWithErrorHandling(fn2, instance, 4);
+    };
+  };
+  let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+  const job = () => {
+    if (!effect2.active) {
+      return;
+    }
+    if (cb) {
+      const newValue = effect2.run();
+      if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
+        if (cleanup) {
+          cleanup();
+        }
+        callWithAsyncErrorHandling(cb, instance, 3, [
+          newValue,
+          oldValue === INITIAL_WATCHER_VALUE ? void 0 : oldValue,
+          onCleanup
+        ]);
+        oldValue = newValue;
+      }
+    } else {
+      effect2.run();
+    }
+  };
+  job.allowRecurse = !!cb;
+  let scheduler;
+  if (flush === "sync") {
+    scheduler = job;
+  } else if (flush === "post") {
+    scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
+  } else {
+    scheduler = () => {
+      if (!instance || instance.isMounted) {
+        queuePreFlushCb(job);
+      } else {
+        job();
+      }
+    };
+  }
+  const effect2 = new ReactiveEffect(getter, scheduler);
+  if (cb) {
+    if (immediate) {
+      job();
+    } else {
+      oldValue = effect2.run();
+    }
+  } else if (flush === "post") {
+    queuePostRenderEffect(effect2.run.bind(effect2), instance && instance.suspense);
+  } else {
+    effect2.run();
+  }
+  return () => {
+    effect2.stop();
+    if (instance && instance.scope) {
+      remove(instance.scope.effects, effect2);
+    }
+  };
+}
+function instanceWatch(source, value, options) {
+  const publicThis = this.proxy;
+  const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
+  let cb;
+  if (isFunction(value)) {
+    cb = value;
+  } else {
+    cb = value.handler;
+    options = value;
+  }
+  const cur = currentInstance;
+  setCurrentInstance(this);
+  const res = doWatch(getter, cb.bind(publicThis), options);
+  if (cur) {
+    setCurrentInstance(cur);
+  } else {
+    unsetCurrentInstance();
+  }
+  return res;
+}
+function createPathGetter(ctx, path) {
+  const segments = path.split(".");
+  return () => {
+    let cur = ctx;
+    for (let i = 0; i < segments.length && cur; i++) {
+      cur = cur[segments[i]];
+    }
+    return cur;
+  };
+}
+function traverse(value, seen) {
+  if (!isObject(value) || value["__v_skip"]) {
+    return value;
+  }
+  seen = seen || new Set();
+  if (seen.has(value)) {
+    return value;
+  }
+  seen.add(value);
+  if (isRef(value)) {
+    traverse(value.value, seen);
+  } else if (isArray(value)) {
+    for (let i = 0; i < value.length; i++) {
+      traverse(value[i], seen);
+    }
+  } else if (isSet(value) || isMap(value)) {
+    value.forEach((v) => {
+      traverse(v, seen);
+    });
+  } else if (isPlainObject(value)) {
+    for (const key in value) {
+      traverse(value[key], seen);
+    }
+  }
+  return value;
+}
+function resolveMergedOptions(instance) {
+  const base = instance.type;
+  const { mixins, extends: extendsOptions } = base;
+  const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext;
+  const cached = cache.get(base);
+  let resolved;
+  if (cached) {
+    resolved = cached;
+  } else if (!globalMixins.length && !mixins && !extendsOptions) {
+    {
+      resolved = base;
+    }
+  } else {
+    resolved = {};
+    if (globalMixins.length) {
+      globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
+    }
+    mergeOptions(resolved, base, optionMergeStrategies);
+  }
+  cache.set(base, resolved);
+  return resolved;
+}
+function mergeOptions(to, from, strats, asMixin = false) {
+  const { mixins, extends: extendsOptions } = from;
+  if (extendsOptions) {
+    mergeOptions(to, extendsOptions, strats, true);
+  }
+  if (mixins) {
+    mixins.forEach((m) => mergeOptions(to, m, strats, true));
+  }
+  for (const key in from) {
+    if (asMixin && key === "expose")
+      ;
+    else {
+      const strat = internalOptionMergeStrats[key] || strats && strats[key];
+      to[key] = strat ? strat(to[key], from[key]) : from[key];
+    }
+  }
+  return to;
+}
+const internalOptionMergeStrats = {
+  data: mergeDataFn,
+  props: mergeObjectOptions,
+  emits: mergeObjectOptions,
+  methods: mergeObjectOptions,
+  computed: mergeObjectOptions,
+  beforeCreate: mergeAsArray,
+  created: mergeAsArray,
+  beforeMount: mergeAsArray,
+  mounted: mergeAsArray,
+  beforeUpdate: mergeAsArray,
+  updated: mergeAsArray,
+  beforeDestroy: mergeAsArray,
+  beforeUnmount: mergeAsArray,
+  destroyed: mergeAsArray,
+  unmounted: mergeAsArray,
+  activated: mergeAsArray,
+  deactivated: mergeAsArray,
+  errorCaptured: mergeAsArray,
+  serverPrefetch: mergeAsArray,
+  components: mergeObjectOptions,
+  directives: mergeObjectOptions,
+  watch: mergeWatchOptions,
+  provide: mergeDataFn,
+  inject: mergeInject
+};
+function mergeDataFn(to, from) {
+  if (!from) {
+    return to;
+  }
+  if (!to) {
+    return from;
+  }
+  return function mergedDataFn() {
+    return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+  };
+}
+function mergeInject(to, from) {
+  return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
+}
+function normalizeInject(raw) {
+  if (isArray(raw)) {
+    const res = {};
+    for (let i = 0; i < raw.length; i++) {
+      res[raw[i]] = raw[i];
+    }
+    return res;
+  }
+  return raw;
+}
+function mergeAsArray(to, from) {
+  return to ? [...new Set([].concat(to, from))] : from;
+}
+function mergeObjectOptions(to, from) {
+  return to ? extend(extend(Object.create(null), to), from) : from;
+}
+function mergeWatchOptions(to, from) {
+  if (!to)
+    return from;
+  if (!from)
+    return to;
+  const merged = extend(Object.create(null), to);
+  for (const key in from) {
+    merged[key] = mergeAsArray(to[key], from[key]);
+  }
+  return merged;
+}
+const queuePostRenderEffect = queueEffectWithSuspense;
+const getPublicInstance = (i) => {
+  if (!i)
+    return null;
+  if (isStatefulComponent(i))
+    return getExposeProxy(i) || i.proxy;
+  return getPublicInstance(i.parent);
+};
+const publicPropertiesMap = extend(Object.create(null), {
+  $: (i) => i,
+  $el: (i) => i.vnode.el,
+  $data: (i) => i.data,
+  $props: (i) => i.props,
+  $attrs: (i) => i.attrs,
+  $slots: (i) => i.slots,
+  $refs: (i) => i.refs,
+  $parent: (i) => getPublicInstance(i.parent),
+  $root: (i) => getPublicInstance(i.root),
+  $emit: (i) => i.emit,
+  $options: (i) => resolveMergedOptions(i),
+  $forceUpdate: (i) => () => queueJob(i.update),
+  $nextTick: (i) => nextTick.bind(i.proxy),
+  $watch: (i) => instanceWatch.bind(i)
+});
+let currentInstance = null;
+const setCurrentInstance = (instance) => {
+  currentInstance = instance;
+  instance.scope.on();
+};
+const unsetCurrentInstance = () => {
+  currentInstance && currentInstance.scope.off();
+  currentInstance = null;
+};
+function isStatefulComponent(instance) {
+  return instance.vnode.shapeFlag & 4;
+}
+let isInSSRComponentSetup = false;
+function getExposeProxy(instance) {
+  if (instance.exposed) {
+    return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
+      get(target, key) {
+        if (key in target) {
+          return target[key];
+        } else if (key in publicPropertiesMap) {
+          return publicPropertiesMap[key](instance);
+        }
+      }
+    }));
+  }
+}
+const computed = (getterOrOptions, debugOptions) => {
+  return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
+};
+function useFormClasses(props) {
+  const inputClasses = computed(() => {
+    return {
+      "pl-3 pr-10 py-1": !props.icon && props.size === "small",
+      "pl-4 pr-10 py-3": !props.icon && props.size === "medium",
+      "pl-6 pr-10 py-3": !props.icon && props.size === "large",
+      "pl-10 pr-10 py-1": props.icon && props.size === "small",
+      "pl-12 pr-10 py-3": props.icon && (props.size === "medium" || props.size === "large"),
+      "w-full block": props.block === true
+    };
+  });
+  const disabledClasses = computed(() => {
+    return {
+      "pointer-events-none opacity-50 cursor-not-allowed": props.isDisabled
+    };
+  });
+  const textSizeClasses = computed(() => {
+    return {
+      "text-xs leading-4": props.size === "small",
+      "text-sm leading-4": props.size === "medium",
+      "text-base leading-5": props.size === "large"
+    };
+  });
+  return {
+    inputClasses,
+    disabledClasses,
+    textSizeClasses
+  };
+}
+const _hoisted_1$6 = { class: "relative" };
+const _hoisted_2$4 = ["placeholder", "type", "tabindex", "value"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  props: {
+    modelValue: null,
+    type: { default: "text" },
+    placeholder: null,
+    size: { default: "medium" },
+    icon: null,
+    isDisabled: { type: Boolean, default: false },
+    block: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { inputClasses, disabledClasses, textSizeClasses } = useFormClasses(props);
+    const onInput = function(payload) {
+      emit("update:modelValue", (payload == null ? void 0 : payload.target).value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("input", {
+          class: normalizeClass(["mono-50 bg-grey-50 text-grey-800 placeholder-grey-600 border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [unref$1(inputClasses), unref$1(textSizeClasses), unref$1(disabledClasses)]]),
+          placeholder: __props.placeholder,
+          type: __props.type,
+          tabindex: __props.isDisabled ? "-1" : void 0,
+          value: __props.modelValue,
+          onInput
+        }, null, 42, _hoisted_2$4),
+        __props.icon ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", unref$1(textSizeClasses)])
+        }, [
+          createVNode(_sfc_main$a, { name: __props.icon }, null, 8, ["name"])
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$5 = { class: "inline-block text-blue-900 text-sm font-medium" };
+const _hoisted_2$3 = ["for"];
+const _hoisted_3$2 = {
+  key: 0,
+  class: "block text-xs text-grey-400"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  props: {
+    id: null,
+    label: null,
+    description: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1$5, [
+        createElementVNode("label", { for: __props.id }, toDisplayString(__props.label), 9, _hoisted_2$3),
+        __props.description ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+function _extends() {
+  _extends = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it;
+  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it)
+        o = it;
+      var i = 0;
+      return function() {
+        if (i >= o.length)
+          return {
+            done: true
+          };
+        return {
+          done: false,
+          value: o[i++]
+        };
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  it = o[Symbol.iterator]();
+  return it.next.bind(it);
+}
+function match(value, lookup) {
+  if (value in lookup) {
+    var returnValue = lookup[value];
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    return typeof returnValue === "function" ? returnValue.apply(void 0, args) : returnValue;
+  }
+  var error = new Error('Tried to handle "' + value + '" but there is no handler defined. Only defined handlers are: ' + Object.keys(lookup).map(function(key) {
+    return '"' + key + '"';
+  }).join(", ") + ".");
+  if (Error.captureStackTrace)
+    Error.captureStackTrace(error, match);
+  throw error;
+}
+var Features;
+(function(Features2) {
+  Features2[Features2["None"] = 0] = "None";
+  Features2[Features2["RenderStrategy"] = 1] = "RenderStrategy";
+  Features2[Features2["Static"] = 2] = "Static";
+})(Features || (Features = {}));
+var RenderStrategy;
+(function(RenderStrategy2) {
+  RenderStrategy2[RenderStrategy2["Unmount"] = 0] = "Unmount";
+  RenderStrategy2[RenderStrategy2["Hidden"] = 1] = "Hidden";
+})(RenderStrategy || (RenderStrategy = {}));
+function render(_ref) {
+  var _ref$visible = _ref.visible, visible = _ref$visible === void 0 ? true : _ref$visible, _ref$features = _ref.features, features = _ref$features === void 0 ? Features.None : _ref$features, main2 = _objectWithoutPropertiesLoose(_ref, ["visible", "features"]);
+  if (visible)
+    return _render(main2);
+  if (features & Features.Static) {
+    if (main2.props["static"])
+      return _render(main2);
+  }
+  if (features & Features.RenderStrategy) {
+    var _main$props$unmount, _match;
+    var strategy = ((_main$props$unmount = main2.props.unmount) != null ? _main$props$unmount : true) ? RenderStrategy.Unmount : RenderStrategy.Hidden;
+    return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function() {
+      return null;
+    }, _match[RenderStrategy.Hidden] = function() {
+      return _render(_extends({}, main2, {
+        props: _extends({}, main2.props, {
+          hidden: true,
+          style: {
+            display: "none"
+          }
+        })
+      }));
+    }, _match));
+  }
+  return _render(main2);
+}
+function _render(_ref2) {
+  var props = _ref2.props, attrs = _ref2.attrs, slots = _ref2.slots, slot = _ref2.slot, name = _ref2.name;
+  var _omit = omit(props, ["unmount", "static"]), as = _omit.as, passThroughProps = _objectWithoutPropertiesLoose(_omit, ["as"]);
+  var children = slots["default"] == null ? void 0 : slots["default"](slot);
+  if (as === "template") {
+    if (Object.keys(passThroughProps).length > 0 || Object.keys(attrs).length > 0) {
+      var _ref3 = children != null ? children : [], firstChild = _ref3[0], other = _ref3.slice(1);
+      if (!isValidElement(firstChild) || other.length > 0) {
+        throw new Error(['Passing props on "template"!', "", "The current component <" + name + ' /> is rendering a "template".', "However we need to passthrough the following props:", Object.keys(passThroughProps).concat(Object.keys(attrs)).map(function(line) {
+          return "  - " + line;
+        }).join("\n"), "", "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(function(line) {
+          return "  - " + line;
+        }).join("\n")].join("\n"));
+      }
+      return cloneVNode(firstChild, passThroughProps);
+    }
+    if (Array.isArray(children) && children.length === 1) {
+      return children[0];
+    }
+    return children;
+  }
+  return h(as, passThroughProps, children);
+}
+function omit(object, keysToOmit) {
+  if (keysToOmit === void 0) {
+    keysToOmit = [];
+  }
+  var clone = Object.assign({}, object);
+  for (var _iterator = _createForOfIteratorHelperLoose(keysToOmit), _step; !(_step = _iterator()).done; ) {
+    var key = _step.value;
+    if (key in clone)
+      delete clone[key];
+  }
+  return clone;
+}
+function isValidElement(input) {
+  if (input == null)
+    return false;
+  if (typeof input.type === "string")
+    return true;
+  if (typeof input.type === "object")
+    return true;
+  if (typeof input.type === "function")
+    return true;
+  return false;
+}
+var Keys;
+(function(Keys2) {
+  Keys2["Space"] = " ";
+  Keys2["Enter"] = "Enter";
+  Keys2["Escape"] = "Escape";
+  Keys2["Backspace"] = "Backspace";
+  Keys2["ArrowLeft"] = "ArrowLeft";
+  Keys2["ArrowUp"] = "ArrowUp";
+  Keys2["ArrowRight"] = "ArrowRight";
+  Keys2["ArrowDown"] = "ArrowDown";
+  Keys2["Home"] = "Home";
+  Keys2["End"] = "End";
+  Keys2["PageUp"] = "PageUp";
+  Keys2["PageDown"] = "PageDown";
+  Keys2["Tab"] = "Tab";
+})(Keys || (Keys = {}));
+var id = 0;
+function generateId() {
+  return ++id;
+}
+function useId() {
+  return generateId();
+}
+function useWindowEvent(type, listener, options) {
+  if (typeof window === "undefined")
+    return;
+  watchEffect(function(onInvalidate) {
+    window.addEventListener(type, listener, options);
+    onInvalidate(function() {
+      window.removeEventListener(type, listener, options);
+    });
+  });
+}
+function dom(ref2) {
+  var _ref$value$$el;
+  if (ref2 == null)
+    return null;
+  if (ref2.value == null)
+    return null;
+  return (_ref$value$$el = ref2.value.$el) != null ? _ref$value$$el : ref2.value;
+}
+var Context = /* @__PURE__ */ Symbol("Context");
+var State;
+(function(State2) {
+  State2[State2["Open"] = 0] = "Open";
+  State2[State2["Closed"] = 1] = "Closed";
+})(State || (State = {}));
+function useOpenClosed() {
+  return inject(Context, null);
+}
+function useOpenClosedProvider(value) {
+  provide(Context, value);
+}
+function resolveType(type, as) {
+  if (type)
+    return type;
+  var tag = as != null ? as : "button";
+  if (typeof tag === "string" && tag.toLowerCase() === "button")
+    return "button";
+  return void 0;
+}
+function useResolveButtonType(data, refElement) {
+  var type = ref(resolveType(data.value.type, data.value.as));
+  onMounted(function() {
+    type.value = resolveType(data.value.type, data.value.as);
+  });
+  watchEffect(function() {
+    var _dom;
+    if (type.value)
+      return;
+    if (!dom(refElement))
+      return;
+    if (dom(refElement) instanceof HTMLButtonElement && !((_dom = dom(refElement)) == null ? void 0 : _dom.hasAttribute("type"))) {
+      type.value = "button";
+    }
+  });
+  return type;
+}
+function assertNever(x) {
+  throw new Error("Unexpected object: " + x);
+}
+var Focus;
+(function(Focus2) {
+  Focus2[Focus2["First"] = 0] = "First";
+  Focus2[Focus2["Previous"] = 1] = "Previous";
+  Focus2[Focus2["Next"] = 2] = "Next";
+  Focus2[Focus2["Last"] = 3] = "Last";
+  Focus2[Focus2["Specific"] = 4] = "Specific";
+  Focus2[Focus2["Nothing"] = 5] = "Nothing";
+})(Focus || (Focus = {}));
+function calculateActiveIndex(action, resolvers) {
+  var items = resolvers.resolveItems();
+  if (items.length <= 0)
+    return null;
+  var currentActiveIndex = resolvers.resolveActiveIndex();
+  var activeIndex = currentActiveIndex != null ? currentActiveIndex : -1;
+  var nextActiveIndex = function() {
+    switch (action.focus) {
+      case Focus.First:
+        return items.findIndex(function(item) {
+          return !resolvers.resolveDisabled(item);
+        });
+      case Focus.Previous: {
+        var idx = items.slice().reverse().findIndex(function(item, idx2, all) {
+          if (activeIndex !== -1 && all.length - idx2 - 1 >= activeIndex)
+            return false;
+          return !resolvers.resolveDisabled(item);
+        });
+        if (idx === -1)
+          return idx;
+        return items.length - 1 - idx;
+      }
+      case Focus.Next:
+        return items.findIndex(function(item, idx2) {
+          if (idx2 <= activeIndex)
+            return false;
+          return !resolvers.resolveDisabled(item);
+        });
+      case Focus.Last: {
+        var _idx = items.slice().reverse().findIndex(function(item) {
+          return !resolvers.resolveDisabled(item);
+        });
+        if (_idx === -1)
+          return _idx;
+        return items.length - 1 - _idx;
+      }
+      case Focus.Specific:
+        return items.findIndex(function(item) {
+          return resolvers.resolveId(item) === action.id;
+        });
+      case Focus.Nothing:
+        return null;
+      default:
+        assertNever(action);
+    }
+  }();
+  return nextActiveIndex === -1 ? currentActiveIndex : nextActiveIndex;
+}
+var ListboxStates;
+(function(ListboxStates2) {
+  ListboxStates2[ListboxStates2["Open"] = 0] = "Open";
+  ListboxStates2[ListboxStates2["Closed"] = 1] = "Closed";
+})(ListboxStates || (ListboxStates = {}));
+function nextFrame$1(cb) {
+  requestAnimationFrame(function() {
+    return requestAnimationFrame(cb);
+  });
+}
+var ListboxContext = /* @__PURE__ */ Symbol("ListboxContext");
+function useListboxContext(component) {
+  var context = inject(ListboxContext, null);
+  if (context === null) {
+    var err = new Error("<" + component + " /> is missing a parent <Listbox /> component.");
+    if (Error.captureStackTrace)
+      Error.captureStackTrace(err, useListboxContext);
+    throw err;
+  }
+  return context;
+}
+var Listbox = /* @__PURE__ */ defineComponent({
+  name: "Listbox",
+  emits: {
+    "update:modelValue": function updateModelValue(_value) {
+      return true;
+    }
+  },
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "template"
+    },
+    disabled: {
+      type: [Boolean],
+      "default": false
+    },
+    horizontal: {
+      type: [Boolean],
+      "default": false
+    },
+    modelValue: {
+      type: [Object, String, Number, Boolean]
+    }
+  },
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots, attrs = _ref.attrs, emit = _ref.emit;
+    var listboxState = ref(ListboxStates.Closed);
+    var labelRef = ref(null);
+    var buttonRef = ref(null);
+    var optionsRef = ref(null);
+    var options = ref([]);
+    var searchQuery = ref("");
+    var activeOptionIndex = ref(null);
+    var value = computed$2(function() {
+      return props.modelValue;
+    });
+    var api = {
+      listboxState,
+      value,
+      orientation: computed$2(function() {
+        return props.horizontal ? "horizontal" : "vertical";
+      }),
+      labelRef,
+      buttonRef,
+      optionsRef,
+      disabled: computed$2(function() {
+        return props.disabled;
+      }),
+      options,
+      searchQuery,
+      activeOptionIndex,
+      closeListbox: function closeListbox() {
+        if (props.disabled)
+          return;
+        if (listboxState.value === ListboxStates.Closed)
+          return;
+        listboxState.value = ListboxStates.Closed;
+        activeOptionIndex.value = null;
+      },
+      openListbox: function openListbox() {
+        if (props.disabled)
+          return;
+        if (listboxState.value === ListboxStates.Open)
+          return;
+        listboxState.value = ListboxStates.Open;
+      },
+      goToOption: function goToOption(focus, id2) {
+        if (props.disabled)
+          return;
+        if (listboxState.value === ListboxStates.Closed)
+          return;
+        var nextActiveOptionIndex = calculateActiveIndex(focus === Focus.Specific ? {
+          focus: Focus.Specific,
+          id: id2
+        } : {
+          focus
+        }, {
+          resolveItems: function resolveItems() {
+            return options.value;
+          },
+          resolveActiveIndex: function resolveActiveIndex() {
+            return activeOptionIndex.value;
+          },
+          resolveId: function resolveId(option) {
+            return option.id;
+          },
+          resolveDisabled: function resolveDisabled(option) {
+            return option.dataRef.disabled;
+          }
+        });
+        if (searchQuery.value === "" && activeOptionIndex.value === nextActiveOptionIndex)
+          return;
+        searchQuery.value = "";
+        activeOptionIndex.value = nextActiveOptionIndex;
+      },
+      search: function search(value2) {
+        if (props.disabled)
+          return;
+        if (listboxState.value === ListboxStates.Closed)
+          return;
+        searchQuery.value += value2.toLowerCase();
+        var match2 = options.value.findIndex(function(option) {
+          return !option.dataRef.disabled && option.dataRef.textValue.startsWith(searchQuery.value);
+        });
+        if (match2 === -1 || match2 === activeOptionIndex.value)
+          return;
+        activeOptionIndex.value = match2;
+      },
+      clearSearch: function clearSearch() {
+        if (props.disabled)
+          return;
+        if (listboxState.value === ListboxStates.Closed)
+          return;
+        if (searchQuery.value === "")
+          return;
+        searchQuery.value = "";
+      },
+      registerOption: function registerOption(id2, dataRef) {
+        options.value.push({
+          id: id2,
+          dataRef
+        });
+      },
+      unregisterOption: function unregisterOption(id2) {
+        var nextOptions = options.value.slice();
+        var currentActiveOption = activeOptionIndex.value !== null ? nextOptions[activeOptionIndex.value] : null;
+        var idx = nextOptions.findIndex(function(a) {
+          return a.id === id2;
+        });
+        if (idx !== -1)
+          nextOptions.splice(idx, 1);
+        options.value = nextOptions;
+        activeOptionIndex.value = function() {
+          if (idx === activeOptionIndex.value)
+            return null;
+          if (currentActiveOption === null)
+            return null;
+          return nextOptions.indexOf(currentActiveOption);
+        }();
+      },
+      select: function select(value2) {
+        if (props.disabled)
+          return;
+        emit("update:modelValue", value2);
+      }
+    };
+    useWindowEvent("mousedown", function(event) {
+      var _dom, _dom2, _dom3;
+      var target = event.target;
+      var active = document.activeElement;
+      if (listboxState.value !== ListboxStates.Open)
+        return;
+      if ((_dom = dom(buttonRef)) == null ? void 0 : _dom.contains(target))
+        return;
+      if (!((_dom2 = dom(optionsRef)) == null ? void 0 : _dom2.contains(target)))
+        api.closeListbox();
+      if (active !== document.body && (active == null ? void 0 : active.contains(target)))
+        return;
+      if (!event.defaultPrevented)
+        (_dom3 = dom(buttonRef)) == null ? void 0 : _dom3.focus({
+          preventScroll: true
+        });
+    });
+    provide(ListboxContext, api);
+    useOpenClosedProvider(computed$2(function() {
+      var _match;
+      return match(listboxState.value, (_match = {}, _match[ListboxStates.Open] = State.Open, _match[ListboxStates.Closed] = State.Closed, _match));
+    }));
+    return function() {
+      var slot = {
+        open: listboxState.value === ListboxStates.Open,
+        disabled: props.disabled
+      };
+      return render({
+        props: omit(props, ["modelValue", "onUpdate:modelValue", "disabled", "horizontal"]),
+        slot,
+        slots,
+        attrs,
+        name: "Listbox"
+      });
+    };
+  }
+});
+var ListboxButton = /* @__PURE__ */ defineComponent({
+  name: "ListboxButton",
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "button"
+    }
+  },
+  render: function render$1() {
+    var _dom5, _dom6;
+    var api = useListboxContext("ListboxButton");
+    var slot = {
+      open: api.listboxState.value === ListboxStates.Open,
+      disabled: api.disabled.value
+    };
+    var propsWeControl = {
+      ref: "el",
+      id: this.id,
+      type: this.type,
+      "aria-haspopup": true,
+      "aria-controls": (_dom5 = dom(api.optionsRef)) == null ? void 0 : _dom5.id,
+      "aria-expanded": api.disabled.value ? void 0 : api.listboxState.value === ListboxStates.Open,
+      "aria-labelledby": api.labelRef.value ? [(_dom6 = dom(api.labelRef)) == null ? void 0 : _dom6.id, this.id].join(" ") : void 0,
+      disabled: api.disabled.value === true ? true : void 0,
+      onKeydown: this.handleKeyDown,
+      onKeyup: this.handleKeyUp,
+      onClick: this.handleClick
+    };
+    return render({
+      props: _extends({}, this.$props, propsWeControl),
+      slot,
+      attrs: this.$attrs,
+      slots: this.$slots,
+      name: "ListboxButton"
+    });
+  },
+  setup: function setup2(props, _ref2) {
+    var attrs = _ref2.attrs;
+    var api = useListboxContext("ListboxButton");
+    var id2 = "headlessui-listbox-button-" + useId();
+    function handleKeyDown(event) {
+      switch (event.key) {
+        case Keys.Space:
+        case Keys.Enter:
+        case Keys.ArrowDown:
+          event.preventDefault();
+          api.openListbox();
+          nextTick$1(function() {
+            var _dom7;
+            (_dom7 = dom(api.optionsRef)) == null ? void 0 : _dom7.focus({
+              preventScroll: true
+            });
+            if (!api.value.value)
+              api.goToOption(Focus.First);
+          });
+          break;
+        case Keys.ArrowUp:
+          event.preventDefault();
+          api.openListbox();
+          nextTick$1(function() {
+            var _dom8;
+            (_dom8 = dom(api.optionsRef)) == null ? void 0 : _dom8.focus({
+              preventScroll: true
+            });
+            if (!api.value.value)
+              api.goToOption(Focus.Last);
+          });
+          break;
+      }
+    }
+    function handleKeyUp(event) {
+      switch (event.key) {
+        case Keys.Space:
+          event.preventDefault();
+          break;
+      }
+    }
+    function handleClick(event) {
+      if (api.disabled.value)
+        return;
+      if (api.listboxState.value === ListboxStates.Open) {
+        api.closeListbox();
+        nextTick$1(function() {
+          var _dom9;
+          return (_dom9 = dom(api.buttonRef)) == null ? void 0 : _dom9.focus({
+            preventScroll: true
+          });
+        });
+      } else {
+        event.preventDefault();
+        api.openListbox();
+        nextFrame$1(function() {
+          var _dom10;
+          return (_dom10 = dom(api.optionsRef)) == null ? void 0 : _dom10.focus({
+            preventScroll: true
+          });
+        });
+      }
+    }
+    return {
+      id: id2,
+      el: api.buttonRef,
+      type: useResolveButtonType(computed$2(function() {
+        return {
+          as: props.as,
+          type: attrs.type
+        };
+      }), api.buttonRef),
+      handleKeyDown,
+      handleKeyUp,
+      handleClick
+    };
+  }
+});
+var ListboxOptions = /* @__PURE__ */ defineComponent({
+  name: "ListboxOptions",
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "ul"
+    },
+    "static": {
+      type: Boolean,
+      "default": false
+    },
+    unmount: {
+      type: Boolean,
+      "default": true
+    }
+  },
+  render: function render$12() {
+    var _api$options$value$ap, _dom$id, _dom11, _dom12;
+    var api = useListboxContext("ListboxOptions");
+    var slot = {
+      open: api.listboxState.value === ListboxStates.Open
+    };
+    var propsWeControl = {
+      "aria-activedescendant": api.activeOptionIndex.value === null ? void 0 : (_api$options$value$ap = api.options.value[api.activeOptionIndex.value]) == null ? void 0 : _api$options$value$ap.id,
+      "aria-labelledby": (_dom$id = (_dom11 = dom(api.labelRef)) == null ? void 0 : _dom11.id) != null ? _dom$id : (_dom12 = dom(api.buttonRef)) == null ? void 0 : _dom12.id,
+      "aria-orientation": api.orientation.value,
+      id: this.id,
+      onKeydown: this.handleKeyDown,
+      role: "listbox",
+      tabIndex: 0,
+      ref: "el"
+    };
+    var passThroughProps = this.$props;
+    return render({
+      props: _extends({}, passThroughProps, propsWeControl),
+      slot,
+      attrs: this.$attrs,
+      slots: this.$slots,
+      features: Features.RenderStrategy | Features.Static,
+      visible: this.visible,
+      name: "ListboxOptions"
+    });
+  },
+  setup: function setup3() {
+    var api = useListboxContext("ListboxOptions");
+    var id2 = "headlessui-listbox-options-" + useId();
+    var searchDebounce = ref(null);
+    function handleKeyDown(event) {
+      if (searchDebounce.value)
+        clearTimeout(searchDebounce.value);
+      switch (event.key) {
+        case Keys.Space:
+          if (api.searchQuery.value !== "") {
+            event.preventDefault();
+            event.stopPropagation();
+            return api.search(event.key);
+          }
+        case Keys.Enter:
+          event.preventDefault();
+          event.stopPropagation();
+          if (api.activeOptionIndex.value !== null) {
+            var dataRef = api.options.value[api.activeOptionIndex.value].dataRef;
+            api.select(dataRef.value);
+          }
+          api.closeListbox();
+          nextTick$1(function() {
+            var _dom13;
+            return (_dom13 = dom(api.buttonRef)) == null ? void 0 : _dom13.focus({
+              preventScroll: true
+            });
+          });
+          break;
+        case match(api.orientation.value, {
+          vertical: Keys.ArrowDown,
+          horizontal: Keys.ArrowRight
+        }):
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToOption(Focus.Next);
+        case match(api.orientation.value, {
+          vertical: Keys.ArrowUp,
+          horizontal: Keys.ArrowLeft
+        }):
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToOption(Focus.Previous);
+        case Keys.Home:
+        case Keys.PageUp:
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToOption(Focus.First);
+        case Keys.End:
+        case Keys.PageDown:
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToOption(Focus.Last);
+        case Keys.Escape:
+          event.preventDefault();
+          event.stopPropagation();
+          api.closeListbox();
+          nextTick$1(function() {
+            var _dom14;
+            return (_dom14 = dom(api.buttonRef)) == null ? void 0 : _dom14.focus({
+              preventScroll: true
+            });
+          });
+          break;
+        case Keys.Tab:
+          event.preventDefault();
+          event.stopPropagation();
+          break;
+        default:
+          if (event.key.length === 1) {
+            api.search(event.key);
+            searchDebounce.value = setTimeout(function() {
+              return api.clearSearch();
+            }, 350);
+          }
+          break;
+      }
+    }
+    var usesOpenClosedState = useOpenClosed();
+    var visible = computed$2(function() {
+      if (usesOpenClosedState !== null) {
+        return usesOpenClosedState.value === State.Open;
+      }
+      return api.listboxState.value === ListboxStates.Open;
+    });
+    return {
+      id: id2,
+      el: api.optionsRef,
+      handleKeyDown,
+      visible
+    };
+  }
+});
+var ListboxOption = /* @__PURE__ */ defineComponent({
+  name: "ListboxOption",
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "li"
+    },
+    value: {
+      type: [Object, String, Number, Boolean]
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  setup: function setup4(props, _ref3) {
+    var slots = _ref3.slots, attrs = _ref3.attrs;
+    var api = useListboxContext("ListboxOption");
+    var id2 = "headlessui-listbox-option-" + useId();
+    var active = computed$2(function() {
+      return api.activeOptionIndex.value !== null ? api.options.value[api.activeOptionIndex.value].id === id2 : false;
+    });
+    var selected = computed$2(function() {
+      return toRaw$1(api.value.value) === toRaw$1(props.value);
+    });
+    var dataRef = ref({
+      disabled: props.disabled,
+      value: props.value,
+      textValue: ""
+    });
+    onMounted(function() {
+      var _document$getElementB, _document$getElementB2;
+      var textValue = (_document$getElementB = document.getElementById(id2)) == null ? void 0 : (_document$getElementB2 = _document$getElementB.textContent) == null ? void 0 : _document$getElementB2.toLowerCase().trim();
+      if (textValue !== void 0)
+        dataRef.value.textValue = textValue;
+    });
+    onMounted(function() {
+      return api.registerOption(id2, dataRef);
+    });
+    onUnmounted(function() {
+      return api.unregisterOption(id2);
+    });
+    onMounted(function() {
+      watch([api.listboxState, selected], function() {
+        var _document$getElementB3;
+        if (api.listboxState.value !== ListboxStates.Open)
+          return;
+        if (!selected.value)
+          return;
+        api.goToOption(Focus.Specific, id2);
+        (_document$getElementB3 = document.getElementById(id2)) == null ? void 0 : _document$getElementB3.focus == null ? void 0 : _document$getElementB3.focus();
+      }, {
+        immediate: true
+      });
+    });
+    watchEffect(function() {
+      if (api.listboxState.value !== ListboxStates.Open)
+        return;
+      if (!active.value)
+        return;
+      nextTick$1(function() {
+        var _document$getElementB4;
+        return (_document$getElementB4 = document.getElementById(id2)) == null ? void 0 : _document$getElementB4.scrollIntoView == null ? void 0 : _document$getElementB4.scrollIntoView({
+          block: "nearest"
+        });
+      });
+    });
+    function handleClick(event) {
+      if (props.disabled)
+        return event.preventDefault();
+      api.select(props.value);
+      api.closeListbox();
+      nextTick$1(function() {
+        var _dom15;
+        return (_dom15 = dom(api.buttonRef)) == null ? void 0 : _dom15.focus({
+          preventScroll: true
+        });
+      });
+    }
+    function handleFocus() {
+      if (props.disabled)
+        return api.goToOption(Focus.Nothing);
+      api.goToOption(Focus.Specific, id2);
+    }
+    function handleMove() {
+      if (props.disabled)
+        return;
+      if (active.value)
+        return;
+      api.goToOption(Focus.Specific, id2);
+    }
+    function handleLeave() {
+      if (props.disabled)
+        return;
+      if (!active.value)
+        return;
+      api.goToOption(Focus.Nothing);
+    }
+    return function() {
+      var disabled = props.disabled;
+      var slot = {
+        active: active.value,
+        selected: selected.value,
+        disabled
+      };
+      var propsWeControl = {
+        id: id2,
+        role: "option",
+        tabIndex: disabled === true ? void 0 : -1,
+        "aria-disabled": disabled === true ? true : void 0,
+        "aria-selected": selected.value === true ? selected.value : void 0,
+        disabled: void 0,
+        onClick: handleClick,
+        onFocus: handleFocus,
+        onPointermove: handleMove,
+        onMousemove: handleMove,
+        onPointerleave: handleLeave,
+        onMouseleave: handleLeave
+      };
+      return render({
+        props: _extends({}, props, propsWeControl),
+        slot,
+        attrs,
+        slots,
+        name: "ListboxOption"
+      });
+    };
+  }
+});
+function useTreeWalker(_ref) {
+  var container = _ref.container, accept = _ref.accept, walk = _ref.walk, enabled = _ref.enabled;
+  watchEffect(function() {
+    var root = container.value;
+    if (!root)
+      return;
+    if (enabled !== void 0 && !enabled.value)
+      return;
+    var acceptNode = Object.assign(function(node) {
+      return accept(node);
+    }, {
+      acceptNode: accept
+    });
+    var walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, acceptNode, false);
+    while (walker.nextNode()) {
+      walk(walker.currentNode);
+    }
+  });
+}
+var MenuStates;
+(function(MenuStates2) {
+  MenuStates2[MenuStates2["Open"] = 0] = "Open";
+  MenuStates2[MenuStates2["Closed"] = 1] = "Closed";
+})(MenuStates || (MenuStates = {}));
+function nextFrame(cb) {
+  requestAnimationFrame(function() {
+    return requestAnimationFrame(cb);
+  });
+}
+var MenuContext = /* @__PURE__ */ Symbol("MenuContext");
+function useMenuContext(component) {
+  var context = inject(MenuContext, null);
+  if (context === null) {
+    var err = new Error("<" + component + " /> is missing a parent <Menu /> component.");
+    if (Error.captureStackTrace)
+      Error.captureStackTrace(err, useMenuContext);
+    throw err;
+  }
+  return context;
+}
+var Menu = /* @__PURE__ */ defineComponent({
+  name: "Menu",
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "template"
+    }
+  },
+  setup: function setup5(props, _ref) {
+    var slots = _ref.slots, attrs = _ref.attrs;
+    var menuState = ref(MenuStates.Closed);
+    var buttonRef = ref(null);
+    var itemsRef = ref(null);
+    var items = ref([]);
+    var searchQuery = ref("");
+    var activeItemIndex = ref(null);
+    var api = {
+      menuState,
+      buttonRef,
+      itemsRef,
+      items,
+      searchQuery,
+      activeItemIndex,
+      closeMenu: function closeMenu() {
+        menuState.value = MenuStates.Closed;
+        activeItemIndex.value = null;
+      },
+      openMenu: function openMenu() {
+        return menuState.value = MenuStates.Open;
+      },
+      goToItem: function goToItem(focus, id2) {
+        var nextActiveItemIndex = calculateActiveIndex(focus === Focus.Specific ? {
+          focus: Focus.Specific,
+          id: id2
+        } : {
+          focus
+        }, {
+          resolveItems: function resolveItems() {
+            return items.value;
+          },
+          resolveActiveIndex: function resolveActiveIndex() {
+            return activeItemIndex.value;
+          },
+          resolveId: function resolveId(item) {
+            return item.id;
+          },
+          resolveDisabled: function resolveDisabled(item) {
+            return item.dataRef.disabled;
+          }
+        });
+        if (searchQuery.value === "" && activeItemIndex.value === nextActiveItemIndex)
+          return;
+        searchQuery.value = "";
+        activeItemIndex.value = nextActiveItemIndex;
+      },
+      search: function search(value) {
+        searchQuery.value += value.toLowerCase();
+        var match2 = items.value.findIndex(function(item) {
+          return item.dataRef.textValue.startsWith(searchQuery.value) && !item.dataRef.disabled;
+        });
+        if (match2 === -1 || match2 === activeItemIndex.value)
+          return;
+        activeItemIndex.value = match2;
+      },
+      clearSearch: function clearSearch() {
+        searchQuery.value = "";
+      },
+      registerItem: function registerItem(id2, dataRef) {
+        items.value.push({
+          id: id2,
+          dataRef
+        });
+      },
+      unregisterItem: function unregisterItem(id2) {
+        var nextItems = items.value.slice();
+        var currentActiveItem = activeItemIndex.value !== null ? nextItems[activeItemIndex.value] : null;
+        var idx = nextItems.findIndex(function(a) {
+          return a.id === id2;
+        });
+        if (idx !== -1)
+          nextItems.splice(idx, 1);
+        items.value = nextItems;
+        activeItemIndex.value = function() {
+          if (idx === activeItemIndex.value)
+            return null;
+          if (currentActiveItem === null)
+            return null;
+          return nextItems.indexOf(currentActiveItem);
+        }();
+      }
+    };
+    useWindowEvent("mousedown", function(event) {
+      var _dom, _dom2, _dom3;
+      var target = event.target;
+      var active = document.activeElement;
+      if (menuState.value !== MenuStates.Open)
+        return;
+      if ((_dom = dom(buttonRef)) == null ? void 0 : _dom.contains(target))
+        return;
+      if (!((_dom2 = dom(itemsRef)) == null ? void 0 : _dom2.contains(target)))
+        api.closeMenu();
+      if (active !== document.body && (active == null ? void 0 : active.contains(target)))
+        return;
+      if (!event.defaultPrevented)
+        (_dom3 = dom(buttonRef)) == null ? void 0 : _dom3.focus({
+          preventScroll: true
+        });
+    });
+    provide(MenuContext, api);
+    useOpenClosedProvider(computed$2(function() {
+      var _match;
+      return match(menuState.value, (_match = {}, _match[MenuStates.Open] = State.Open, _match[MenuStates.Closed] = State.Closed, _match));
+    }));
+    return function() {
+      var slot = {
+        open: menuState.value === MenuStates.Open
+      };
+      return render({
+        props,
+        slot,
+        slots,
+        attrs,
+        name: "Menu"
+      });
+    };
+  }
+});
+var MenuButton = /* @__PURE__ */ defineComponent({
+  name: "MenuButton",
+  props: {
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    as: {
+      type: [Object, String],
+      "default": "button"
+    }
+  },
+  render: function render$13() {
+    var _dom4;
+    var api = useMenuContext("MenuButton");
+    var slot = {
+      open: api.menuState.value === MenuStates.Open
+    };
+    var propsWeControl = {
+      ref: "el",
+      id: this.id,
+      type: this.type,
+      "aria-haspopup": true,
+      "aria-controls": (_dom4 = dom(api.itemsRef)) == null ? void 0 : _dom4.id,
+      "aria-expanded": this.$props.disabled ? void 0 : api.menuState.value === MenuStates.Open,
+      onKeydown: this.handleKeyDown,
+      onKeyup: this.handleKeyUp,
+      onClick: this.handleClick
+    };
+    return render({
+      props: _extends({}, this.$props, propsWeControl),
+      slot,
+      attrs: this.$attrs,
+      slots: this.$slots,
+      name: "MenuButton"
+    });
+  },
+  setup: function setup6(props, _ref2) {
+    var attrs = _ref2.attrs;
+    var api = useMenuContext("MenuButton");
+    var id2 = "headlessui-menu-button-" + useId();
+    function handleKeyDown(event) {
+      switch (event.key) {
+        case Keys.Space:
+        case Keys.Enter:
+        case Keys.ArrowDown:
+          event.preventDefault();
+          event.stopPropagation();
+          api.openMenu();
+          nextTick$1(function() {
+            var _dom5;
+            (_dom5 = dom(api.itemsRef)) == null ? void 0 : _dom5.focus({
+              preventScroll: true
+            });
+            api.goToItem(Focus.First);
+          });
+          break;
+        case Keys.ArrowUp:
+          event.preventDefault();
+          event.stopPropagation();
+          api.openMenu();
+          nextTick$1(function() {
+            var _dom6;
+            (_dom6 = dom(api.itemsRef)) == null ? void 0 : _dom6.focus({
+              preventScroll: true
+            });
+            api.goToItem(Focus.Last);
+          });
+          break;
+      }
+    }
+    function handleKeyUp(event) {
+      switch (event.key) {
+        case Keys.Space:
+          event.preventDefault();
+          break;
+      }
+    }
+    function handleClick(event) {
+      if (props.disabled)
+        return;
+      if (api.menuState.value === MenuStates.Open) {
+        api.closeMenu();
+        nextTick$1(function() {
+          var _dom7;
+          return (_dom7 = dom(api.buttonRef)) == null ? void 0 : _dom7.focus({
+            preventScroll: true
+          });
+        });
+      } else {
+        event.preventDefault();
+        event.stopPropagation();
+        api.openMenu();
+        nextFrame(function() {
+          var _dom8;
+          return (_dom8 = dom(api.itemsRef)) == null ? void 0 : _dom8.focus({
+            preventScroll: true
+          });
+        });
+      }
+    }
+    return {
+      id: id2,
+      el: api.buttonRef,
+      type: useResolveButtonType(computed$2(function() {
+        return {
+          as: props.as,
+          type: attrs.type
+        };
+      }), api.buttonRef),
+      handleKeyDown,
+      handleKeyUp,
+      handleClick
+    };
+  }
+});
+var MenuItems = /* @__PURE__ */ defineComponent({
+  name: "MenuItems",
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "div"
+    },
+    "static": {
+      type: Boolean,
+      "default": false
+    },
+    unmount: {
+      type: Boolean,
+      "default": true
+    }
+  },
+  render: function render$14() {
+    var _api$items$value$api$, _dom9;
+    var api = useMenuContext("MenuItems");
+    var slot = {
+      open: api.menuState.value === MenuStates.Open
+    };
+    var propsWeControl = {
+      "aria-activedescendant": api.activeItemIndex.value === null ? void 0 : (_api$items$value$api$ = api.items.value[api.activeItemIndex.value]) == null ? void 0 : _api$items$value$api$.id,
+      "aria-labelledby": (_dom9 = dom(api.buttonRef)) == null ? void 0 : _dom9.id,
+      id: this.id,
+      onKeydown: this.handleKeyDown,
+      onKeyup: this.handleKeyUp,
+      role: "menu",
+      tabIndex: 0,
+      ref: "el"
+    };
+    var passThroughProps = this.$props;
+    return render({
+      props: _extends({}, passThroughProps, propsWeControl),
+      slot,
+      attrs: this.$attrs,
+      slots: this.$slots,
+      features: Features.RenderStrategy | Features.Static,
+      visible: this.visible,
+      name: "MenuItems"
+    });
+  },
+  setup: function setup7() {
+    var api = useMenuContext("MenuItems");
+    var id2 = "headlessui-menu-items-" + useId();
+    var searchDebounce = ref(null);
+    useTreeWalker({
+      container: computed$2(function() {
+        return dom(api.itemsRef);
+      }),
+      enabled: computed$2(function() {
+        return api.menuState.value === MenuStates.Open;
+      }),
+      accept: function accept(node) {
+        if (node.getAttribute("role") === "menuitem")
+          return NodeFilter.FILTER_REJECT;
+        if (node.hasAttribute("role"))
+          return NodeFilter.FILTER_SKIP;
+        return NodeFilter.FILTER_ACCEPT;
+      },
+      walk: function walk(node) {
+        node.setAttribute("role", "none");
+      }
+    });
+    function handleKeyDown(event) {
+      if (searchDebounce.value)
+        clearTimeout(searchDebounce.value);
+      switch (event.key) {
+        case Keys.Space:
+          if (api.searchQuery.value !== "") {
+            event.preventDefault();
+            event.stopPropagation();
+            return api.search(event.key);
+          }
+        case Keys.Enter:
+          event.preventDefault();
+          event.stopPropagation();
+          if (api.activeItemIndex.value !== null) {
+            var _document$getElementB;
+            var _id = api.items.value[api.activeItemIndex.value].id;
+            (_document$getElementB = document.getElementById(_id)) == null ? void 0 : _document$getElementB.click();
+          }
+          api.closeMenu();
+          nextTick$1(function() {
+            var _dom10;
+            return (_dom10 = dom(api.buttonRef)) == null ? void 0 : _dom10.focus({
+              preventScroll: true
+            });
+          });
+          break;
+        case Keys.ArrowDown:
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToItem(Focus.Next);
+        case Keys.ArrowUp:
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToItem(Focus.Previous);
+        case Keys.Home:
+        case Keys.PageUp:
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToItem(Focus.First);
+        case Keys.End:
+        case Keys.PageDown:
+          event.preventDefault();
+          event.stopPropagation();
+          return api.goToItem(Focus.Last);
+        case Keys.Escape:
+          event.preventDefault();
+          event.stopPropagation();
+          api.closeMenu();
+          nextTick$1(function() {
+            var _dom11;
+            return (_dom11 = dom(api.buttonRef)) == null ? void 0 : _dom11.focus({
+              preventScroll: true
+            });
+          });
+          break;
+        case Keys.Tab:
+          event.preventDefault();
+          event.stopPropagation();
+          break;
+        default:
+          if (event.key.length === 1) {
+            api.search(event.key);
+            searchDebounce.value = setTimeout(function() {
+              return api.clearSearch();
+            }, 350);
+          }
+          break;
+      }
+    }
+    function handleKeyUp(event) {
+      switch (event.key) {
+        case Keys.Space:
+          event.preventDefault();
+          break;
+      }
+    }
+    var usesOpenClosedState = useOpenClosed();
+    var visible = computed$2(function() {
+      if (usesOpenClosedState !== null) {
+        return usesOpenClosedState.value === State.Open;
+      }
+      return api.menuState.value === MenuStates.Open;
+    });
+    return {
+      id: id2,
+      el: api.itemsRef,
+      handleKeyDown,
+      handleKeyUp,
+      visible
+    };
+  }
+});
+var MenuItem = /* @__PURE__ */ defineComponent({
+  name: "MenuItem",
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "template"
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  setup: function setup8(props, _ref3) {
+    var slots = _ref3.slots, attrs = _ref3.attrs;
+    var api = useMenuContext("MenuItem");
+    var id2 = "headlessui-menu-item-" + useId();
+    var active = computed$2(function() {
+      return api.activeItemIndex.value !== null ? api.items.value[api.activeItemIndex.value].id === id2 : false;
+    });
+    var dataRef = ref({
+      disabled: props.disabled,
+      textValue: ""
+    });
+    onMounted(function() {
+      var _document$getElementB2, _document$getElementB3;
+      var textValue = (_document$getElementB2 = document.getElementById(id2)) == null ? void 0 : (_document$getElementB3 = _document$getElementB2.textContent) == null ? void 0 : _document$getElementB3.toLowerCase().trim();
+      if (textValue !== void 0)
+        dataRef.value.textValue = textValue;
+    });
+    onMounted(function() {
+      return api.registerItem(id2, dataRef);
+    });
+    onUnmounted(function() {
+      return api.unregisterItem(id2);
+    });
+    watchEffect(function() {
+      if (api.menuState.value !== MenuStates.Open)
+        return;
+      if (!active.value)
+        return;
+      nextTick$1(function() {
+        var _document$getElementB4;
+        return (_document$getElementB4 = document.getElementById(id2)) == null ? void 0 : _document$getElementB4.scrollIntoView == null ? void 0 : _document$getElementB4.scrollIntoView({
+          block: "nearest"
+        });
+      });
+    });
+    function handleClick(event) {
+      if (props.disabled)
+        return event.preventDefault();
+      api.closeMenu();
+      nextTick$1(function() {
+        var _dom12;
+        return (_dom12 = dom(api.buttonRef)) == null ? void 0 : _dom12.focus({
+          preventScroll: true
+        });
+      });
+    }
+    function handleFocus() {
+      if (props.disabled)
+        return api.goToItem(Focus.Nothing);
+      api.goToItem(Focus.Specific, id2);
+    }
+    function handleMove() {
+      if (props.disabled)
+        return;
+      if (active.value)
+        return;
+      api.goToItem(Focus.Specific, id2);
+    }
+    function handleLeave() {
+      if (props.disabled)
+        return;
+      if (!active.value)
+        return;
+      api.goToItem(Focus.Nothing);
+    }
+    return function() {
+      var disabled = props.disabled;
+      var slot = {
+        active: active.value,
+        disabled
+      };
+      var propsWeControl = {
+        id: id2,
+        role: "menuitem",
+        tabIndex: disabled === true ? void 0 : -1,
+        "aria-disabled": disabled === true ? true : void 0,
+        onClick: handleClick,
+        onFocus: handleFocus,
+        onPointermove: handleMove,
+        onMousemove: handleMove,
+        onPointerleave: handleLeave,
+        onMouseleave: handleLeave
+      };
+      return render({
+        props: _extends({}, props, propsWeControl),
+        slot,
+        attrs,
+        slots,
+        name: "MenuItem"
+      });
+    };
+  }
+});
+var GroupContext = /* @__PURE__ */ Symbol("GroupContext");
+var Switch = /* @__PURE__ */ defineComponent({
+  name: "Switch",
+  emits: {
+    "update:modelValue": function updateModelValue2(_value) {
+      return true;
+    }
+  },
+  props: {
+    as: {
+      type: [Object, String],
+      "default": "button"
+    },
+    modelValue: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  render: function render$15() {
+    var slot = {
+      checked: this.$props.modelValue
+    };
+    var propsWeControl = {
+      id: this.id,
+      ref: "el",
+      role: "switch",
+      type: this.type,
+      tabIndex: 0,
+      "aria-checked": this.$props.modelValue,
+      "aria-labelledby": this.labelledby,
+      "aria-describedby": this.describedby,
+      onClick: this.handleClick,
+      onKeyup: this.handleKeyUp,
+      onKeypress: this.handleKeyPress
+    };
+    return render({
+      props: _extends({}, this.$props, propsWeControl),
+      slot,
+      attrs: this.$attrs,
+      slots: this.$slots,
+      name: "Switch"
+    });
+  },
+  setup: function setup9(props, _ref2) {
+    var emit = _ref2.emit, attrs = _ref2.attrs;
+    var api = inject(GroupContext, null);
+    var id2 = "headlessui-switch-" + useId();
+    function toggle() {
+      emit("update:modelValue", !props.modelValue);
+    }
+    var internalSwitchRef = ref(null);
+    var switchRef = api === null ? internalSwitchRef : api.switchRef;
+    return {
+      id: id2,
+      el: switchRef,
+      type: useResolveButtonType(computed$2(function() {
+        return {
+          as: props.as,
+          type: attrs.type
+        };
+      }), switchRef),
+      labelledby: api == null ? void 0 : api.labelledby,
+      describedby: api == null ? void 0 : api.describedby,
+      handleClick: function handleClick(event) {
+        event.preventDefault();
+        toggle();
+      },
+      handleKeyUp: function handleKeyUp(event) {
+        if (event.key !== Keys.Tab)
+          event.preventDefault();
+        if (event.key === Keys.Space)
+          toggle();
+      },
+      handleKeyPress: function handleKeyPress(event) {
+        event.preventDefault();
+      }
+    };
+  }
+});
+function getWindow(node) {
+  if (node == null) {
+    return window;
+  }
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
+}
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
+}
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
+}
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+var round = Math.round;
+function getBoundingClientRect(element, includeScale) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  var rect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth;
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
+    }
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
+  }
+  return {
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
+  };
+}
+function getWindowScroll(node) {
+  var win = getWindow(node);
+  var scrollLeft = win.pageXOffset;
+  var scrollTop = win.pageYOffset;
+  return {
+    scrollLeft,
+    scrollTop
+  };
+}
+function getHTMLElementScroll(element) {
+  return {
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
+  };
+}
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
+  } else {
+    return getHTMLElementScroll(node);
+  }
+}
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getDocumentElement(element) {
+  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+}
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function isScrollParent(element) {
+  var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
+}
+function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement(offsetParent);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  var offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isScrollParent(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      offsets = getBoundingClientRect(offsetParent, true);
+      offsets.x += offsetParent.clientLeft;
+      offsets.y += offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
+  };
+}
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
+  }
+  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
+}
+function getScrollParent(node) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
+    return node.ownerDocument.body;
+  }
+  if (isHTMLElement(node) && isScrollParent(node)) {
+    return node;
+  }
+  return getScrollParent(getParentNode(node));
+}
+function listScrollParents(element, list) {
+  var _element$ownerDocumen;
+  if (list === void 0) {
+    list = [];
+  }
+  var scrollParent = getScrollParent(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win = getWindow(scrollParent);
+  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
+  var updatedList = list.concat(target);
+  return isBody ? updatedList : updatedList.concat(listScrollParents(getParentNode(target)));
+}
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
+}
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  if (isIE && isHTMLElement(element)) {
+    var elementCss = getComputedStyle(element);
+    if (elementCss.position === "fixed") {
+      return null;
+    }
+  }
+  var currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
+    var css = getComputedStyle(currentNode);
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
+  }
+  return null;
+}
+function getOffsetParent(element) {
+  var window2 = getWindow(element);
+  var offsetParent = getTrueOffsetParent(element);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var start = "start";
+var end = "end";
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+function order(modifiers) {
+  var map = new Map();
+  var visited = new Set();
+  var result = [];
+  modifiers.forEach(function(modifier) {
+    map.set(modifier.name, modifier);
+  });
+  function sort(modifier) {
+    visited.add(modifier.name);
+    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+    requires.forEach(function(dep) {
+      if (!visited.has(dep)) {
+        var depModifier = map.get(dep);
+        if (depModifier) {
+          sort(depModifier);
+        }
+      }
+    });
+    result.push(modifier);
+  }
+  modifiers.forEach(function(modifier) {
+    if (!visited.has(modifier.name)) {
+      sort(modifier);
+    }
+  });
+  return result;
+}
+function orderModifiers(modifiers) {
+  var orderedModifiers = order(modifiers);
+  return modifierPhases.reduce(function(acc, phase) {
+    return acc.concat(orderedModifiers.filter(function(modifier) {
+      return modifier.phase === phase;
+    }));
+  }, []);
+}
+function debounce(fn2) {
+  var pending;
+  return function() {
+    if (!pending) {
+      pending = new Promise(function(resolve) {
+        Promise.resolve().then(function() {
+          pending = void 0;
+          resolve(fn2());
+        });
+      });
+    }
+    return pending;
+  };
+}
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function(merged2, current) {
+    var existing = merged2[current.name];
+    merged2[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged2;
+  }, {});
+  return Object.keys(merged).map(function(key) {
+    return merged[key];
+  });
+}
+function getVariation(placement) {
+  return placement.split("-")[1];
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
+}
+function computeOffsets(_ref) {
+  var reference = _ref.reference, element = _ref.element, placement = _ref.placement;
+  var basePlacement = placement ? getBasePlacement(placement) : null;
+  var variation = placement ? getVariation(placement) : null;
+  var commonX = reference.x + reference.width / 2 - element.width / 2;
+  var commonY = reference.y + reference.height / 2 - element.height / 2;
+  var offsets;
+  switch (basePlacement) {
+    case top:
+      offsets = {
+        x: commonX,
+        y: reference.y - element.height
+      };
+      break;
+    case bottom:
+      offsets = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case right:
+      offsets = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case left:
+      offsets = {
+        x: reference.x - element.width,
+        y: commonY
+      };
+      break;
+    default:
+      offsets = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
+  if (mainAxis != null) {
+    var len = mainAxis === "y" ? "height" : "width";
+    switch (variation) {
+      case start:
+        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
+        break;
+      case end:
+        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
+        break;
+    }
+  }
+  return offsets;
+}
+var DEFAULT_OPTIONS = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return !args.some(function(element) {
+    return !(element && typeof element.getBoundingClientRect === "function");
+  });
+}
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper2(reference, popper, options) {
+    if (options === void 0) {
+      options = defaultOptions;
+    }
+    var state = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      modifiersData: {},
+      elements: {
+        reference,
+        popper
+      },
+      attributes: {},
+      styles: {}
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state,
+      setOptions: function setOptions(setOptionsAction) {
+        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state.options = Object.assign({}, defaultOptions, state.options, options2);
+        state.scrollParents = {
+          reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
+          popper: listScrollParents(popper)
+        };
+        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
+        state.orderedModifiers = orderedModifiers.filter(function(m) {
+          return m.enabled;
+        });
+        runModifierEffects();
+        return instance.update();
+      },
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+        var _state$elements = state.elements, reference2 = _state$elements.reference, popper2 = _state$elements.popper;
+        if (!areValidElements(reference2, popper2)) {
+          return;
+        }
+        state.rects = {
+          reference: getCompositeRect(reference2, getOffsetParent(popper2), state.options.strategy === "fixed"),
+          popper: getLayoutRect(popper2)
+        };
+        state.reset = false;
+        state.placement = state.options.placement;
+        state.orderedModifiers.forEach(function(modifier) {
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+        for (var index = 0; index < state.orderedModifiers.length; index++) {
+          if (state.reset === true) {
+            state.reset = false;
+            index = -1;
+            continue;
+          }
+          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          if (typeof fn2 === "function") {
+            state = fn2({
+              state,
+              options: _options,
+              name,
+              instance
+            }) || state;
+          }
+        }
+      },
+      update: debounce(function() {
+        return new Promise(function(resolve) {
+          instance.forceUpdate();
+          resolve(state);
+        });
+      }),
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
+      }
+    };
+    if (!areValidElements(reference, popper)) {
+      return instance;
+    }
+    instance.setOptions(options).then(function(state2) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state2);
+      }
+    });
+    function runModifierEffects() {
+      state.orderedModifiers.forEach(function(_ref3) {
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        if (typeof effect2 === "function") {
+          var cleanupFn = effect2({
+            state,
+            name,
+            instance,
+            options: options2
+          });
+          var noopFn = function noopFn2() {
+          };
+          effectCleanupFns.push(cleanupFn || noopFn);
+        }
+      });
+    }
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function(fn2) {
+        return fn2();
+      });
+      effectCleanupFns = [];
+    }
+    return instance;
+  };
+}
+var passive = {
+  passive: true
+};
+function effect$1(_ref) {
+  var state = _ref.state, instance = _ref.instance, options = _ref.options;
+  var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
+  var window2 = getWindow(state.elements.popper);
+  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
+  if (scroll) {
+    scrollParents.forEach(function(scrollParent) {
+      scrollParent.addEventListener("scroll", instance.update, passive);
+    });
+  }
+  if (resize) {
+    window2.addEventListener("resize", instance.update, passive);
+  }
+  return function() {
+    if (scroll) {
+      scrollParents.forEach(function(scrollParent) {
+        scrollParent.removeEventListener("scroll", instance.update, passive);
+      });
+    }
+    if (resize) {
+      window2.removeEventListener("resize", instance.update, passive);
+    }
+  };
+}
+var eventListeners = {
+  name: "eventListeners",
+  enabled: true,
+  phase: "write",
+  fn: function fn() {
+  },
+  effect: effect$1,
+  data: {}
+};
+function popperOffsets(_ref) {
+  var state = _ref.state, name = _ref.name;
+  state.modifiersData[name] = computeOffsets({
+    reference: state.rects.reference,
+    element: state.rects.popper,
+    strategy: "absolute",
+    placement: state.placement
+  });
+}
+var popperOffsets$1 = {
+  name: "popperOffsets",
+  enabled: true,
+  phase: "read",
+  fn: popperOffsets,
+  data: {}
+};
+var unsetSides = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function roundOffsetsByDPR(_ref) {
+  var x = _ref.x, y = _ref.y;
+  var win = window;
+  var dpr = win.devicePixelRatio || 1;
+  return {
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
+  };
+}
+function mapToStyles(_ref2) {
+  var _Object$assign2;
+  var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
+  var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
+    x,
+    y
+  }) : {
+    x,
+    y
+  };
+  x = _ref3.x;
+  y = _ref3.y;
+  var hasX = offsets.hasOwnProperty("x");
+  var hasY = offsets.hasOwnProperty("y");
+  var sideX = left;
+  var sideY = top;
+  var win = window;
+  if (adaptive) {
+    var offsetParent = getOffsetParent(popper);
+    var heightProp = "clientHeight";
+    var widthProp = "clientWidth";
+    if (offsetParent === getWindow(popper)) {
+      offsetParent = getDocumentElement(popper);
+      if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
+        heightProp = "scrollHeight";
+        widthProp = "scrollWidth";
+      }
+    }
+    offsetParent = offsetParent;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
+      y *= gpuAcceleration ? 1 : -1;
+    }
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
+      x *= gpuAcceleration ? 1 : -1;
+    }
+  }
+  var commonStyles = Object.assign({
+    position
+  }, adaptive && unsetSides);
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x,
+    y
+  }) : {
+    x,
+    y
+  };
+  x = _ref4.x;
+  y = _ref4.y;
+  if (gpuAcceleration) {
+    var _Object$assign;
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+  }
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+}
+function computeStyles(_ref5) {
+  var state = _ref5.state, options = _ref5.options;
+  var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  var commonStyles = {
+    placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
+    popper: state.elements.popper,
+    popperRect: state.rects.popper,
+    gpuAcceleration,
+    isFixed: state.options.strategy === "fixed"
+  };
+  if (state.modifiersData.popperOffsets != null) {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.popperOffsets,
+      position: state.options.strategy,
+      adaptive,
+      roundOffsets
+    })));
+  }
+  if (state.modifiersData.arrow != null) {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.arrow,
+      position: "absolute",
+      adaptive: false,
+      roundOffsets
+    })));
+  }
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    "data-popper-placement": state.placement
+  });
+}
+var computeStyles$1 = {
+  name: "computeStyles",
+  enabled: true,
+  phase: "beforeWrite",
+  fn: computeStyles,
+  data: {}
+};
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    }
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
+  });
+}
+function effect(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
+      }
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
+  };
+}
+var applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect,
+  requires: ["computeStyles"]
+};
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
+var createPopper = /* @__PURE__ */ popperGenerator({
+  defaultModifiers
+});
+function usePopper(options) {
+  const reference = ref(null);
+  const popper = ref(null);
+  onMounted(() => {
+    watchEffect((onInvalidate) => {
+      if (!popper.value)
+        return;
+      if (!reference.value)
+        return;
+      const popperEl = popper.value.el || popper.value;
+      const referenceEl = reference.value.el || reference.value;
+      if (!(referenceEl instanceof HTMLElement))
+        return;
+      if (!(popperEl instanceof HTMLElement))
+        return;
+      const { destroy } = createPopper(referenceEl, popperEl, options);
+      onInvalidate(destroy);
+    });
+  });
+  return [reference, popper];
+}
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  props: {
+    position: { default: "left" },
+    usePortal: { type: [Boolean, String], default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const placement = props.position === "left" ? "bottom-end" : "bottom-start";
+    const [button, container] = usePopper({ placement });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref$1(Menu), {
+        as: "div",
+        class: "relative inline-block text-left"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref$1(MenuButton), {
+            class: "focus:outline-none",
+            ref_key: "button",
+            ref: button
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "button", {}, () => [
+                createVNode(unref$1(_sfc_main$a), {
+                  class: "fill-current",
+                  name: "ellipsis-h"
+                })
+              ])
+            ]),
+            _: 3
+          }, 512),
+          (openBlock(), createBlock(Teleport, {
+            to: typeof __props.usePortal === "string" ? __props.usePortal : "body",
+            disabled: !__props.usePortal
+          }, [
+            createElementVNode("div", {
+              ref_key: "container",
+              ref: container,
+              class: "w-56"
+            }, [
+              createVNode(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: withCtx(() => [
+                  createVNode(unref$1(MenuItems), {
+                    class: normalizeClass([
+                      {
+                        "absolute left-0 origin-top-left": !__props.usePortal && __props.position === "right",
+                        "absolute right-0 origin-top-right": !__props.usePortal && __props.position === "left"
+                      },
+                      "z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"
+                    ])
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  }, 8, ["class"])
+                ]),
+                _: 3
+              })
+            ], 512)
+          ], 8, ["to", "disabled"]))
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _hoisted_1$4 = {
+  key: 0,
+  class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  props: {
+    label: null,
+    meta: null,
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref$1(MenuItem), normalizeProps(guardReactiveProps({ disabled: __props.disabled })), {
+        default: withCtx(({ active }) => [
+          createElementVNode("span", mergeProps({
+            class: ["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg", [
+              active ? "bg-grey-200" : "",
+              __props.disabled ? "opacity-50 pointer-events-none" : "hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"
+            ]]
+          }, _ctx.$attrs), [
+            createElementVNode("span", null, toDisplayString(__props.label), 1),
+            __props.meta ? (openBlock(), createElementBlock("span", _hoisted_1$4, toDisplayString(__props.meta), 1)) : createCommentVNode("", true)
+          ], 16)
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+const _hoisted_1$3 = { class: "relative" };
+const _hoisted_2$2 = {
+  key: 1,
+  class: "block truncate"
+};
+const _hoisted_3$1 = {
+  key: 2,
+  class: "text-grey-500"
+};
+const _hoisted_4$1 = { 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" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  props: {
+    modelValue: null,
+    size: { default: "medium" },
+    icon: null,
+    placeholder: null,
+    isDisabled: { type: Boolean, default: false },
+    options: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const selected = props.modelValue ? ref(props.modelValue) : ref(null);
+    const { inputClasses, disabledClasses, textSizeClasses } = useFormClasses(props);
+    watch(() => props.modelValue, (value) => {
+      var _a;
+      if (!value)
+        return;
+      if (value.id !== ((_a = selected.value) == null ? void 0 : _a.id)) {
+        selected.value = value;
+      }
+    });
+    watch(selected, (value) => {
+      if (value) {
+        emit("update:modelValue", value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref$1(Listbox), {
+        as: "div",
+        modelValue: unref$1(selected),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(selected) ? selected.value = $event : null),
+        disabled: __props.isDisabled
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$3, [
+            createVNode(unref$1(ListboxButton), {
+              class: normalizeClass(["w-full mono-50 bg-grey-50 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", [unref$1(inputClasses), unref$1(textSizeClasses), unref$1(disabledClasses)]])
+            }, {
+              default: withCtx(() => [
+                __props.icon ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none", unref$1(textSizeClasses)])
+                }, [
+                  createVNode(_sfc_main$a, { name: __props.icon }, null, 8, ["name"])
+                ], 2)) : createCommentVNode("", true),
+                unref$1(selected) ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(unref$1(selected).label), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(__props.placeholder), 1)),
+                createElementVNode("span", _hoisted_4$1, [
+                  createVNode(_sfc_main$a, {
+                    class: "text-grey-400",
+                    name: "chevron-down",
+                    "aria-hidden": "true"
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            createVNode(Transition, {
+              "leave-active-class": "transition ease-in duration-100",
+              "leave-from-class": "opacity-100",
+              "leave-to-class": "opacity-0"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref$1(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: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+                      return openBlock(), createBlock(unref$1(ListboxOption), {
+                        as: "template",
+                        key: item.id,
+                        value: item
+                      }, {
+                        default: withCtx(({ active, selected: selected2 }) => [
+                          createElementVNode("li", {
+                            class: normalizeClass([
+                              active ? "text-white bg-grey-800" : "text-gray-900 dark:text-grey-50",
+                              "cursor-default select-none relative py-2 pl-3 pr-9"
+                            ])
+                          }, [
+                            createElementVNode("span", {
+                              class: normalizeClass([
+                                selected2 ? "font-semibold" : "font-normal",
+                                "block truncate"
+                              ])
+                            }, toDisplayString(item.label), 3),
+                            selected2 ? (openBlock(), createElementBlock("span", {
+                              key: 0,
+                              class: normalizeClass([
+                                active ? "text-blue-100" : "text-blue-500",
+                                "absolute inset-y-0 right-0 flex items-center pr-4"
+                              ])
+                            }, [
+                              createVNode(_sfc_main$a, {
+                                name: "check",
+                                class: "h-5 w-5",
+                                "aria-hidden": "true"
+                              })
+                            ], 2)) : createCommentVNode("", true)
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "sr-only" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  props: {
+    id: { default: v4() },
+    label: null,
+    modelValue: { type: Boolean },
+    description: null,
+    onLabel: { default: "on" },
+    offLabel: { default: "off" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: emits }) {
+    const update = (newValue) => {
+      emits("update:modelValue", newValue);
+      emits("change", newValue);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref$1(Switch), {
+        modelValue: __props.modelValue,
+        label: __props.label,
+        class: normalizeClass([__props.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-gray-900 focus:ring-blue-300"]),
+        "onUpdate:modelValue": update
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", {
+            class: normalizeClass(["absolute text-xs text-center text-white inset-x-2", __props.modelValue ? "pr-3" : "pl-3"])
+          }, toDisplayString(__props.modelValue === true ? __props.onLabel : __props.offLabel), 3),
+          createElementVNode("span", _hoisted_1$2, toDisplayString(__props.label), 1),
+          createElementVNode("span", {
+            class: normalizeClass([__props.modelValue ? "translate-x-9" : "translate-x-1", "inline-block w-4 h-4 transition bg-white rounded-full"])
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "label", "class"]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "animate-pulse" };
+const _hoisted_2$1 = { class: "flex items-center justify-between space-x-4" };
+const _hoisted_3 = {
+  key: 0,
+  class: "w-12 h-12 bg-current rounded-full shrink-0"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "w-full h-8 bg-current rounded-lg"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "mt-6 space-y-2"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "w-1/3 h-10 mt-6 bg-current rounded-lg"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  props: {
+    avatar: { type: Boolean, default: false },
+    title: { type: Boolean, default: true },
+    lines: { default: 3 },
+    footer: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const lineSettings = new Array(props.lines).fill(void 0).map(() => {
+      const margins = [4, 5, 6, 8, 10, 16, 24, 32];
+      const margin = margins[Math.floor(Math.random() * margins.length)];
+      return {
+        margin: `mr-${margin}`
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2$1, [
+          __props.avatar ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+          __props.title ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+        ]),
+        __props.lines > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(lineSettings), (setting, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["h-4 bg-current rounded-lg", setting.margin]),
+              key: index
+            }, null, 2);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        __props.footer ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main = {};
+const _hoisted_1 = { class: "grid grid-cols-3 grid-rows-3 gap-1 w-12 h-12" };
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.4s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div>', 9);
+const _hoisted_11 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_11);
+}
+var Spinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { _sfc_main$9 as D9Button, _sfc_main$8 as D9Checkbox, _sfc_main$a as D9Icon, _sfc_main$7 as D9Input, _sfc_main$6 as D9Label, _sfc_main$5 as D9Menu, _sfc_main$4 as D9MenuLink, _sfc_main$3 as D9Select, _sfc_main$1 as D9Skeleton, Spinner as D9Spinner, _sfc_main$2 as D9Switch, brands, icons };