@insightphp/elements
Version:
Collection of UI components for Insight.
4 lines • 293 kB
JavaScript
(function(ne,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@insightphp/inertia-view"),require("@inertiajs/inertia-vue3")):typeof define=="function"&&define.amd?define(["exports","vue","@insightphp/inertia-view","@inertiajs/inertia-vue3"],r):(ne=typeof globalThis<"u"?globalThis:ne||self,r(ne.Elements={},ne.Vue,ne.InertiaView,ne.InertiaVue))})(this,function(ne,r,Ke,Ou){"use strict";const Su=Object.freeze(Object.defineProperty({__proto__:null,default:r.defineComponent({__name:"Button",props:{content:null,type:null},setup(e){return(t,n)=>(r.openBlock(),r.createElementBlock("button",{class:r.normalizeClass(["btn",[e.type?[e.type]:[]]])},[r.renderSlot(t.$slots,"default",{},()=>[e.content?(r.openBlock(),r.createBlock(r.unref(Ke.Portal),{key:0,component:e.content},null,8,["component"])):r.createCommentVNode("",!0)])],2))}})},Symbol.toStringTag,{value:"Module"})),Pu=["href"],To=r.defineComponent({__name:"Link",props:{title:null,location:null,method:null,as:null,external:{type:Boolean,default:!1},isActive:{type:Boolean,default:!1},content:null,asButton:{type:Boolean},buttonType:{default:"primary"},data:null,preserveScroll:{type:Boolean,default:!1},additionalData:null},setup(e){const t=e,n=r.computed(()=>{let a={};return t.data&&(a={...a,...t.data}),t.additionalData&&(a={...a,...t.additionalData}),Object.keys(a).length>0?a:void 0});return(a,o)=>e.external?(r.openBlock(),r.createElementBlock("a",{key:0,href:e.location,class:r.normalizeClass({btn:e.asButton,[e.buttonType]:e.asButton})},[r.renderSlot(a.$slots,"default",{},()=>[e.content?(r.openBlock(),r.createBlock(r.unref(Ke.Portal),{key:0,component:e.content},null,8,["component"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[r.createTextVNode(r.toDisplayString(e.title),1)],64))])],10,Pu)):(r.openBlock(),r.createBlock(r.unref(Ou.Link),{key:1,href:e.location,as:t.as||void 0,method:e.method||void 0,data:r.unref(n),"preserve-scroll":e.preserveScroll,class:r.normalizeClass({btn:e.asButton,[e.buttonType]:e.asButton})},{default:r.withCtx(()=>[e.content?(r.openBlock(),r.createBlock(r.unref(Ke.Portal),{key:0,component:e.content},null,8,["component"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[r.createTextVNode(r.toDisplayString(e.title),1)],64))]),_:1},8,["href","as","method","data","preserve-scroll","class"]))}}),xu=Object.freeze(Object.defineProperty({__proto__:null,default:To},Symbol.toStringTag,{value:"Module"})),Co=r.defineComponent({__name:"Pressable",props:{content:null,type:{default:"primary"}},setup(e){return(t,n)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["inline-flex text-gray-600 rounded-md transition-colors duration-300 p-2",[`hover:bg-${e.type}-50`,`hover:text-${e.type}-600`]])},[e.content?(r.openBlock(),r.createBlock(r.unref(Ke.Portal),{key:0,component:e.content},null,8,["component"])):r.renderSlot(t.$slots,"default",{key:1})],2))}}),$u=Object.freeze(Object.defineProperty({__proto__:null,default:Co},Symbol.toStringTag,{value:"Module"})),Tu=Object.freeze(Object.defineProperty({__proto__:null,default:r.defineComponent({__name:"Stack",props:{orientation:null,items:null,gap:null,align:null},setup(e){const t=e,n=r.computed(()=>t.orientation==="horizontal"),a=r.computed(()=>t.orientation==="vertical");return(o,l)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["inline-flex",[{"flex-row":r.unref(n),"flex-col":r.unref(a),"items-center":e.align=="center","items-start":e.align=="top","items-end":e.align=="bottom"},e.gap]])},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.items,i=>(r.openBlock(),r.createBlock(r.unref(Ke.Portal),{component:i},null,8,["component"]))),256)),r.renderSlot(o.$slots,"default")],2))}})},Symbol.toStringTag,{value:"Module"})),Cu={key:0,class:"input-error"},vt=r.defineComponent({__name:"InputError",props:{error:null},setup(e){return(t,n)=>e.error?(r.openBlock(),r.createElementBlock("p",Cu,r.toDisplayString(e.error),1)):r.createCommentVNode("",!0)}});function Me(e,t,...n){if(e in t){let o=t[e];return typeof o=="function"?o(...n):o}let a=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(o=>`"${o}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(a,Me),a}var _t=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(_t||{}),Du=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Du||{});function $e({visible:e=!0,features:t=0,ourProps:n,theirProps:a,...o}){var l;let i=Nu(a,n),u=Object.assign(o,{props:i});if(e||t&2&&i.static)return vr(u);if(t&1){let s=(l=i.unmount)==null||l?0:1;return Me(s,{[0](){return null},[1](){return vr({...o,props:{...i,hidden:!0,style:{display:"none"}}})}})}return vr(u)}function vr({props:e,attrs:t,slots:n,slot:a,name:o}){var l;let{as:i,...u}=Bt(e,["unmount","static"]),s=(l=n.default)==null?void 0:l.call(n,a),d={};if(a){let m=!1,c=[];for(let[y,g]of Object.entries(a))typeof g=="boolean"&&(m=!0),g===!0&&c.push(y);m&&(d["data-headlessui-state"]=c.join(" "))}if(i==="template"){if(s=Do(s!=null?s:[]),Object.keys(u).length>0||Object.keys(t).length>0){let[m,...c]=s!=null?s:[];if(!Bu(m)||c.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${o} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(u).concat(Object.keys(t)).sort((y,g)=>y.localeCompare(g)).map(y=>` - ${y}`).join(`
`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map(y=>` - ${y}`).join(`
`)].join(`
`));return r.cloneVNode(m,Object.assign({},u,d))}return Array.isArray(s)&&s.length===1?s[0]:s}return r.h(i,Object.assign({},u,d),s)}function Do(e){return e.flatMap(t=>t.type===r.Fragment?Do(t.children):[t])}function Nu(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},n={};for(let a of e)for(let o in a)o.startsWith("on")&&typeof a[o]=="function"?(n[o]!=null||(n[o]=[]),n[o].push(a[o])):t[o]=a[o];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map(a=>[a,void 0])));for(let a in n)Object.assign(t,{[a](o,...l){let i=n[a];for(let u of i){if(o instanceof Event&&o.defaultPrevented)return;u(o,...l)}}});return t}function No(e){let t=Object.assign({},e);for(let n in t)t[n]===void 0&&delete t[n];return t}function Bt(e,t=[]){let n=Object.assign({},e);for(let a of t)a in n&&delete n[a];return n}function Bu(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}let Ru=0;function Eu(){return++Ru}function Ae(){return Eu()}var J=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(J||{});function Mu(e){throw new Error("Unexpected object: "+e)}var ue=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(ue||{});function Bo(e,t){let n=t.resolveItems();if(n.length<=0)return null;let a=t.resolveActiveIndex(),o=a!=null?a:-1,l=(()=>{switch(e.focus){case 0:return n.findIndex(i=>!t.resolveDisabled(i));case 1:{let i=n.slice().reverse().findIndex((u,s,d)=>o!==-1&&d.length-s-1>=o?!1:!t.resolveDisabled(u));return i===-1?i:n.length-1-i}case 2:return n.findIndex((i,u)=>u<=o?!1:!t.resolveDisabled(i));case 3:{let i=n.slice().reverse().findIndex(u=>!t.resolveDisabled(u));return i===-1?i:n.length-1-i}case 4:return n.findIndex(i=>t.resolveId(i)===e.id);case 5:return null;default:Mu(e)}})();return l===-1?a:l}function Q(e){var t;return e==null||e.value==null?null:(t=e.value.$el)!=null?t:e.value}let Ro=Symbol("Context");var rt=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(rt||{});function Eo(){return r.inject(Ro,null)}function Mo(e){r.provide(Ro,e)}function Vo(e,t){if(e)return e;let n=t!=null?t:"button";if(typeof n=="string"&&n.toLowerCase()==="button")return"button"}function _r(e,t){let n=r.ref(Vo(e.value.type,e.value.as));return r.onMounted(()=>{n.value=Vo(e.value.type,e.value.as)}),r.watchEffect(()=>{var a;n.value||!Q(t)||Q(t)instanceof HTMLButtonElement&&!((a=Q(t))!=null&&a.hasAttribute("type"))&&(n.value="button")}),n}const Io=typeof window>"u"||typeof document>"u";function kr(e){if(Io)return null;if(e instanceof Node)return e.ownerDocument;if(e!=null&&e.hasOwnProperty("value")){let t=Q(e);if(t)return t.ownerDocument}return document}function Vu({container:e,accept:t,walk:n,enabled:a}){r.watchEffect(()=>{let o=e.value;if(!o||a!==void 0&&!a.value)return;let l=kr(e);if(!l)return;let i=Object.assign(s=>t(s),{acceptNode:t}),u=l.createTreeWalker(o,NodeFilter.SHOW_ELEMENT,i,!1);for(;u.nextNode();)n(u.currentNode)})}let Or=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var Sr=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(Sr||{}),Iu=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(Iu||{}),Au=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(Au||{});function Ao(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(Or))}var Rt=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Rt||{});function Et(e,t=0){var n;return e===((n=kr(e))==null?void 0:n.body)?!1:Me(t,{[0](){return e.matches(Or)},[1](){let a=e;for(;a!==null;){if(a.matches(Or))return!0;a=a.parentElement}return!1}})}function Lo(e){let t=kr(e);r.nextTick(()=>{t&&!Et(t.activeElement,0)&&Lu(e)})}function Lu(e){e==null||e.focus({preventScroll:!0})}let ju=["textarea","input"].join(",");function Yu(e){var t,n;return(n=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,ju))!=null?n:!1}function Pr(e,t=n=>n){return e.slice().sort((n,a)=>{let o=t(n),l=t(a);if(o===null||l===null)return 0;let i=o.compareDocumentPosition(l);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function zu(e,t){return Fu(Ao(),t,!0,e)}function Fu(e,t,n=!0,a=null){var o;let l=(o=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e==null?void 0:e.ownerDocument)!=null?o:document,i=Array.isArray(e)?n?Pr(e):e:Ao(e);a=a!=null?a:l.activeElement;let u=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,i.indexOf(a))-1;if(t&4)return Math.max(0,i.indexOf(a))+1;if(t&8)return i.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),d=t&32?{preventScroll:!0}:{},m=0,c=i.length,y;do{if(m>=c||m+c<=0)return 0;let g=s+m;if(t&16)g=(g+c)%c;else{if(g<0)return 3;if(g>=c)return 1}y=i[g],y==null||y.focus(d),m+=u}while(y!==l.activeElement);return t&6&&Yu(y)&&y.select(),y.hasAttribute("tabindex")||y.setAttribute("tabindex","0"),2}function xr(e,t,n){Io||r.watchEffect(a=>{document.addEventListener(e,t,n),a(()=>document.removeEventListener(e,t,n))})}function jo(e,t,n=r.computed(()=>!0)){function a(l,i){if(!n.value||l.defaultPrevented)return;let u=i(l);if(u===null||!u.getRootNode().contains(u))return;let s=function d(m){return typeof m=="function"?d(m()):Array.isArray(m)||m instanceof Set?m:[m]}(e);for(let d of s){if(d===null)continue;let m=d instanceof HTMLElement?d:Q(d);if(m!=null&&m.contains(u))return}return!Et(u,Rt.Loose)&&u.tabIndex!==-1&&l.preventDefault(),t(l,u)}let o=r.ref(null);xr("mousedown",l=>{var i,u;n.value&&(o.value=((u=(i=l.composedPath)==null?void 0:i.call(l))==null?void 0:u[0])||l.target)},!0),xr("click",l=>{!o.value||(a(l,()=>o.value),o.value=null)},!0),xr("blur",l=>a(l,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}var $r=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))($r||{});let Yo=r.defineComponent({name:"Hidden",props:{as:{type:[Object,String],default:"div"},features:{type:Number,default:1}},setup(e,{slots:t,attrs:n}){return()=>{let{features:a,...o}=e,l={"aria-hidden":(a&2)===2?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(a&4)===4&&(a&2)!==2&&{display:"none"}}};return $e({ourProps:l,theirProps:o,slot:{},attrs:n,slots:t,name:"Hidden"})}}});function zo(e={},t=null,n=[]){for(let[a,o]of Object.entries(e))Ho(n,Fo(t,a),o);return n}function Fo(e,t){return e?e+"["+t+"]":t}function Ho(e,t,n){if(Array.isArray(n))for(let[a,o]of n.entries())Ho(e,Fo(t,a.toString()),o);else n instanceof Date?e.push([t,n.toISOString()]):typeof n=="boolean"?e.push([t,n?"1":"0"]):typeof n=="string"?e.push([t,n]):typeof n=="number"?e.push([t,`${n}`]):n==null?e.push([t,""]):zo(n,t,e)}function Hu(e){var t;let n=(t=e==null?void 0:e.form)!=null?t:e.closest("form");if(n){for(let a of n.elements)if(a.tagName==="INPUT"&&a.type==="submit"||a.tagName==="BUTTON"&&a.type==="submit"||a.nodeName==="INPUT"&&a.type==="image"){a.click();return}}}function Uo(e,t,n){let a=r.ref(n==null?void 0:n.value),o=r.computed(()=>e.value!==void 0);return[r.computed(()=>o.value?e.value:a.value),function(l){return o.value||(a.value=l),t==null?void 0:t(l)}]}let Wo=Symbol("DescriptionContext");function Uu(){let e=r.inject(Wo,null);if(e===null)throw new Error("Missing parent");return e}function Wu({slot:e=r.ref({}),name:t="Description",props:n={}}={}){let a=r.ref([]);function o(l){return a.value.push(l),()=>{let i=a.value.indexOf(l);i!==-1&&a.value.splice(i,1)}}return r.provide(Wo,{register:o,slot:e,name:t,props:n}),r.computed(()=>a.value.length>0?a.value.join(" "):void 0)}let Ku=r.defineComponent({name:"Description",props:{as:{type:[Object,String],default:"p"}},setup(e,{attrs:t,slots:n}){let a=Uu(),o=`headlessui-description-${Ae()}`;return r.onMounted(()=>r.onUnmounted(a.register(o))),()=>{let{name:l="Description",slot:i=r.ref({}),props:u={}}=a,s=e,d={...Object.entries(u).reduce((m,[c,y])=>Object.assign(m,{[c]:r.unref(y)}),{}),id:o};return $e({ourProps:d,theirProps:s,slot:i.value,attrs:t,slots:n,name:l})}}});function qu(e,t){return e===t}var Gu=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Gu||{}),Xu=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(Xu||{}),Qu=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(Qu||{});function Zu(e){requestAnimationFrame(()=>requestAnimationFrame(e))}let Ko=Symbol("ListboxContext");function kt(e){let t=r.inject(Ko,null);if(t===null){let n=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,kt),n}return t}let qo=r.defineComponent({name:"Listbox",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"template"},disabled:{type:[Boolean],default:!1},by:{type:[String,Function],default:()=>qu},horizontal:{type:[Boolean],default:!1},modelValue:{type:[Object,String,Number,Boolean],default:void 0},defaultValue:{type:[Object,String,Number,Boolean],default:void 0},name:{type:String,optional:!0},multiple:{type:[Boolean],default:!1}},inheritAttrs:!1,setup(e,{slots:t,attrs:n,emit:a}){let o=r.ref(1),l=r.ref(null),i=r.ref(null),u=r.ref(null),s=r.ref([]),d=r.ref(""),m=r.ref(null),c=r.ref(1);function y(f=w=>w){let w=m.value!==null?s.value[m.value]:null,B=Pr(f(s.value.slice()),p=>Q(p.dataRef.domRef)),R=w?B.indexOf(w):null;return R===-1&&(R=null),{options:B,activeOptionIndex:R}}let g=r.computed(()=>e.multiple?1:0),[O,S]=Uo(r.computed(()=>e.modelValue),f=>a("update:modelValue",f),r.computed(()=>e.defaultValue)),x={listboxState:o,value:O,mode:g,compare(f,w){if(typeof e.by=="string"){let B=e.by;return(f==null?void 0:f[B])===(w==null?void 0:w[B])}return e.by(f,w)},orientation:r.computed(()=>e.horizontal?"horizontal":"vertical"),labelRef:l,buttonRef:i,optionsRef:u,disabled:r.computed(()=>e.disabled),options:s,searchQuery:d,activeOptionIndex:m,activationTrigger:c,closeListbox(){e.disabled||o.value!==1&&(o.value=1,m.value=null)},openListbox(){e.disabled||o.value!==0&&(o.value=0)},goToOption(f,w,B){if(e.disabled||o.value===1)return;let R=y(),p=Bo(f===ue.Specific?{focus:ue.Specific,id:w}:{focus:f},{resolveItems:()=>R.options,resolveActiveIndex:()=>R.activeOptionIndex,resolveId:P=>P.id,resolveDisabled:P=>P.dataRef.disabled});d.value="",m.value=p,c.value=B!=null?B:1,s.value=R.options},search(f){if(e.disabled||o.value===1)return;let w=d.value!==""?0:1;d.value+=f.toLowerCase();let B=(m.value!==null?s.value.slice(m.value+w).concat(s.value.slice(0,m.value+w)):s.value).find(p=>p.dataRef.textValue.startsWith(d.value)&&!p.dataRef.disabled),R=B?s.value.indexOf(B):-1;R===-1||R===m.value||(m.value=R,c.value=1)},clearSearch(){e.disabled||o.value!==1&&d.value!==""&&(d.value="")},registerOption(f,w){let B=y(R=>[...R,{id:f,dataRef:w}]);s.value=B.options,m.value=B.activeOptionIndex},unregisterOption(f){let w=y(B=>{let R=B.findIndex(p=>p.id===f);return R!==-1&&B.splice(R,1),B});s.value=w.options,m.value=w.activeOptionIndex,c.value=1},select(f){e.disabled||S(Me(g.value,{[0]:()=>f,[1]:()=>{let w=r.toRaw(x.value.value).slice(),B=r.toRaw(f),R=w.findIndex(p=>x.compare(B,r.toRaw(p)));return R===-1?w.push(B):w.splice(R,1),w}}))}};return jo([i,u],(f,w)=>{var B;x.closeListbox(),Et(w,Rt.Loose)||(f.preventDefault(),(B=Q(i))==null||B.focus())},r.computed(()=>o.value===0)),r.provide(Ko,x),Mo(r.computed(()=>Me(o.value,{[0]:rt.Open,[1]:rt.Closed}))),()=>{let{name:f,modelValue:w,disabled:B,...R}=e,p={open:o.value===0,disabled:B,value:O.value};return r.h(r.Fragment,[...f!=null&&O.value!=null?zo({[f]:O.value}).map(([P,M])=>r.h(Yo,No({features:$r.Hidden,key:P,as:"input",type:"hidden",hidden:!0,readOnly:!0,name:P,value:M}))):[],$e({ourProps:{},theirProps:{...n,...Bt(R,["defaultValue","onUpdate:modelValue","horizontal","multiple","by"])},slot:p,slots:t,attrs:n,name:"Listbox"})])}}});r.defineComponent({name:"ListboxLabel",props:{as:{type:[Object,String],default:"label"}},setup(e,{attrs:t,slots:n}){let a=kt("ListboxLabel"),o=`headlessui-listbox-label-${Ae()}`;function l(){var i;(i=Q(a.buttonRef))==null||i.focus({preventScroll:!0})}return()=>{let i={open:a.listboxState.value===0,disabled:a.disabled.value},u={id:o,ref:a.labelRef,onClick:l};return $e({ourProps:u,theirProps:e,slot:i,attrs:t,slots:n,name:"ListboxLabel"})}}});let Go=r.defineComponent({name:"ListboxButton",props:{as:{type:[Object,String],default:"button"}},setup(e,{attrs:t,slots:n,expose:a}){let o=kt("ListboxButton"),l=`headlessui-listbox-button-${Ae()}`;a({el:o.buttonRef,$el:o.buttonRef});function i(m){switch(m.key){case J.Space:case J.Enter:case J.ArrowDown:m.preventDefault(),o.openListbox(),r.nextTick(()=>{var c;(c=Q(o.optionsRef))==null||c.focus({preventScroll:!0}),o.value.value||o.goToOption(ue.First)});break;case J.ArrowUp:m.preventDefault(),o.openListbox(),r.nextTick(()=>{var c;(c=Q(o.optionsRef))==null||c.focus({preventScroll:!0}),o.value.value||o.goToOption(ue.Last)});break}}function u(m){switch(m.key){case J.Space:m.preventDefault();break}}function s(m){o.disabled.value||(o.listboxState.value===0?(o.closeListbox(),r.nextTick(()=>{var c;return(c=Q(o.buttonRef))==null?void 0:c.focus({preventScroll:!0})})):(m.preventDefault(),o.openListbox(),Zu(()=>{var c;return(c=Q(o.optionsRef))==null?void 0:c.focus({preventScroll:!0})})))}let d=_r(r.computed(()=>({as:e.as,type:t.type})),o.buttonRef);return()=>{var m,c;let y={open:o.listboxState.value===0,disabled:o.disabled.value,value:o.value.value},g={ref:o.buttonRef,id:l,type:d.value,"aria-haspopup":!0,"aria-controls":(m=Q(o.optionsRef))==null?void 0:m.id,"aria-expanded":o.disabled.value?void 0:o.listboxState.value===0,"aria-labelledby":o.labelRef.value?[(c=Q(o.labelRef))==null?void 0:c.id,l].join(" "):void 0,disabled:o.disabled.value===!0?!0:void 0,onKeydown:i,onKeyup:u,onClick:s};return $e({ourProps:g,theirProps:e,slot:y,attrs:t,slots:n,name:"ListboxButton"})}}}),Xo=r.defineComponent({name:"ListboxOptions",props:{as:{type:[Object,String],default:"ul"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},setup(e,{attrs:t,slots:n,expose:a}){let o=kt("ListboxOptions"),l=`headlessui-listbox-options-${Ae()}`,i=r.ref(null);a({el:o.optionsRef,$el:o.optionsRef});function u(m){switch(i.value&&clearTimeout(i.value),m.key){case J.Space:if(o.searchQuery.value!=="")return m.preventDefault(),m.stopPropagation(),o.search(m.key);case J.Enter:if(m.preventDefault(),m.stopPropagation(),o.activeOptionIndex.value!==null){let c=o.options.value[o.activeOptionIndex.value];o.select(c.dataRef.value)}o.mode.value===0&&(o.closeListbox(),r.nextTick(()=>{var c;return(c=Q(o.buttonRef))==null?void 0:c.focus({preventScroll:!0})}));break;case Me(o.orientation.value,{vertical:J.ArrowDown,horizontal:J.ArrowRight}):return m.preventDefault(),m.stopPropagation(),o.goToOption(ue.Next);case Me(o.orientation.value,{vertical:J.ArrowUp,horizontal:J.ArrowLeft}):return m.preventDefault(),m.stopPropagation(),o.goToOption(ue.Previous);case J.Home:case J.PageUp:return m.preventDefault(),m.stopPropagation(),o.goToOption(ue.First);case J.End:case J.PageDown:return m.preventDefault(),m.stopPropagation(),o.goToOption(ue.Last);case J.Escape:m.preventDefault(),m.stopPropagation(),o.closeListbox(),r.nextTick(()=>{var c;return(c=Q(o.buttonRef))==null?void 0:c.focus({preventScroll:!0})});break;case J.Tab:m.preventDefault(),m.stopPropagation();break;default:m.key.length===1&&(o.search(m.key),i.value=setTimeout(()=>o.clearSearch(),350));break}}let s=Eo(),d=r.computed(()=>s!==null?s.value===rt.Open:o.listboxState.value===0);return()=>{var m,c,y,g;let O={open:o.listboxState.value===0},S={"aria-activedescendant":o.activeOptionIndex.value===null||(m=o.options.value[o.activeOptionIndex.value])==null?void 0:m.id,"aria-multiselectable":o.mode.value===1?!0:void 0,"aria-labelledby":(g=(c=Q(o.labelRef))==null?void 0:c.id)!=null?g:(y=Q(o.buttonRef))==null?void 0:y.id,"aria-orientation":o.orientation.value,id:l,onKeydown:u,role:"listbox",tabIndex:0,ref:o.optionsRef};return $e({ourProps:S,theirProps:e,slot:O,attrs:t,slots:n,features:_t.RenderStrategy|_t.Static,visible:d.value,name:"ListboxOptions"})}}}),Mt=r.defineComponent({name:"ListboxOption",props:{as:{type:[Object,String],default:"li"},value:{type:[Object,String,Number,Boolean]},disabled:{type:Boolean,default:!1}},setup(e,{slots:t,attrs:n,expose:a}){let o=kt("ListboxOption"),l=`headlessui-listbox-option-${Ae()}`,i=r.ref(null);a({el:i,$el:i});let u=r.computed(()=>o.activeOptionIndex.value!==null?o.options.value[o.activeOptionIndex.value].id===l:!1),s=r.computed(()=>Me(o.mode.value,{[0]:()=>o.compare(r.toRaw(o.value.value),r.toRaw(e.value)),[1]:()=>r.toRaw(o.value.value).some(S=>o.compare(r.toRaw(S),r.toRaw(e.value)))})),d=r.computed(()=>Me(o.mode.value,{[1]:()=>{var S;let x=r.toRaw(o.value.value);return((S=o.options.value.find(f=>x.some(w=>o.compare(r.toRaw(w),r.toRaw(f.dataRef.value)))))==null?void 0:S.id)===l},[0]:()=>s.value})),m=r.computed(()=>({disabled:e.disabled,value:e.value,textValue:"",domRef:i}));r.onMounted(()=>{var S,x;let f=(x=(S=Q(i))==null?void 0:S.textContent)==null?void 0:x.toLowerCase().trim();f!==void 0&&(m.value.textValue=f)}),r.onMounted(()=>o.registerOption(l,m)),r.onUnmounted(()=>o.unregisterOption(l)),r.onMounted(()=>{r.watch([o.listboxState,s],()=>{o.listboxState.value===0&&(!s.value||Me(o.mode.value,{[1]:()=>{d.value&&o.goToOption(ue.Specific,l)},[0]:()=>{o.goToOption(ue.Specific,l)}}))},{immediate:!0})}),r.watchEffect(()=>{o.listboxState.value===0&&(!u.value||o.activationTrigger.value!==0&&r.nextTick(()=>{var S,x;return(x=(S=Q(i))==null?void 0:S.scrollIntoView)==null?void 0:x.call(S,{block:"nearest"})}))});function c(S){if(e.disabled)return S.preventDefault();o.select(e.value),o.mode.value===0&&(o.closeListbox(),r.nextTick(()=>{var x;return(x=Q(o.buttonRef))==null?void 0:x.focus({preventScroll:!0})}))}function y(){if(e.disabled)return o.goToOption(ue.Nothing);o.goToOption(ue.Specific,l)}function g(){e.disabled||u.value||o.goToOption(ue.Specific,l,0)}function O(){e.disabled||!u.value||o.goToOption(ue.Nothing)}return()=>{let{disabled:S}=e,x={active:u.value,selected:s.value,disabled:S},f={id:l,ref:i,role:"option",tabIndex:S===!0?void 0:-1,"aria-disabled":S===!0?!0:void 0,"aria-selected":s.value,disabled:void 0,onClick:c,onFocus:y,onPointermove:g,onMousemove:g,onPointerleave:O,onMouseleave:O};return $e({ourProps:f,theirProps:Bt(e,["value","disabled"]),slot:x,attrs:n,slots:t,name:"ListboxOption"})}}});var Ju=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ju||{}),es=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(es||{});function ts(e){requestAnimationFrame(()=>requestAnimationFrame(e))}let Qo=Symbol("MenuContext");function Vt(e){let t=r.inject(Qo,null);if(t===null){let n=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,Vt),n}return t}let ns=r.defineComponent({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup(e,{slots:t,attrs:n}){let a=r.ref(1),o=r.ref(null),l=r.ref(null),i=r.ref([]),u=r.ref(""),s=r.ref(null),d=r.ref(1);function m(y=g=>g){let g=s.value!==null?i.value[s.value]:null,O=Pr(y(i.value.slice()),x=>Q(x.dataRef.domRef)),S=g?O.indexOf(g):null;return S===-1&&(S=null),{items:O,activeItemIndex:S}}let c={menuState:a,buttonRef:o,itemsRef:l,items:i,searchQuery:u,activeItemIndex:s,activationTrigger:d,closeMenu:()=>{a.value=1,s.value=null},openMenu:()=>a.value=0,goToItem(y,g,O){let S=m(),x=Bo(y===ue.Specific?{focus:ue.Specific,id:g}:{focus:y},{resolveItems:()=>S.items,resolveActiveIndex:()=>S.activeItemIndex,resolveId:f=>f.id,resolveDisabled:f=>f.dataRef.disabled});u.value="",s.value=x,d.value=O!=null?O:1,i.value=S.items},search(y){let g=u.value!==""?0:1;u.value+=y.toLowerCase();let O=(s.value!==null?i.value.slice(s.value+g).concat(i.value.slice(0,s.value+g)):i.value).find(x=>x.dataRef.textValue.startsWith(u.value)&&!x.dataRef.disabled),S=O?i.value.indexOf(O):-1;S===-1||S===s.value||(s.value=S,d.value=1)},clearSearch(){u.value=""},registerItem(y,g){let O=m(S=>[...S,{id:y,dataRef:g}]);i.value=O.items,s.value=O.activeItemIndex,d.value=1},unregisterItem(y){let g=m(O=>{let S=O.findIndex(x=>x.id===y);return S!==-1&&O.splice(S,1),O});i.value=g.items,s.value=g.activeItemIndex,d.value=1}};return jo([o,l],(y,g)=>{var O;c.closeMenu(),Et(g,Rt.Loose)||(y.preventDefault(),(O=Q(o))==null||O.focus())},r.computed(()=>a.value===0)),r.provide(Qo,c),Mo(r.computed(()=>Me(a.value,{[0]:rt.Open,[1]:rt.Closed}))),()=>{let y={open:a.value===0,close:c.closeMenu};return $e({ourProps:{},theirProps:e,slot:y,slots:t,attrs:n,name:"Menu"})}}}),rs=r.defineComponent({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"}},setup(e,{attrs:t,slots:n,expose:a}){let o=Vt("MenuButton"),l=`headlessui-menu-button-${Ae()}`;a({el:o.buttonRef,$el:o.buttonRef});function i(m){switch(m.key){case J.Space:case J.Enter:case J.ArrowDown:m.preventDefault(),m.stopPropagation(),o.openMenu(),r.nextTick(()=>{var c;(c=Q(o.itemsRef))==null||c.focus({preventScroll:!0}),o.goToItem(ue.First)});break;case J.ArrowUp:m.preventDefault(),m.stopPropagation(),o.openMenu(),r.nextTick(()=>{var c;(c=Q(o.itemsRef))==null||c.focus({preventScroll:!0}),o.goToItem(ue.Last)});break}}function u(m){switch(m.key){case J.Space:m.preventDefault();break}}function s(m){e.disabled||(o.menuState.value===0?(o.closeMenu(),r.nextTick(()=>{var c;return(c=Q(o.buttonRef))==null?void 0:c.focus({preventScroll:!0})})):(m.preventDefault(),o.openMenu(),ts(()=>{var c;return(c=Q(o.itemsRef))==null?void 0:c.focus({preventScroll:!0})})))}let d=_r(r.computed(()=>({as:e.as,type:t.type})),o.buttonRef);return()=>{var m;let c={open:o.menuState.value===0},y={ref:o.buttonRef,id:l,type:d.value,"aria-haspopup":!0,"aria-controls":(m=Q(o.itemsRef))==null?void 0:m.id,"aria-expanded":e.disabled?void 0:o.menuState.value===0,onKeydown:i,onKeyup:u,onClick:s};return $e({ourProps:y,theirProps:e,slot:c,attrs:t,slots:n,name:"MenuButton"})}}}),as=r.defineComponent({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},setup(e,{attrs:t,slots:n,expose:a}){let o=Vt("MenuItems"),l=`headlessui-menu-items-${Ae()}`,i=r.ref(null);a({el:o.itemsRef,$el:o.itemsRef}),Vu({container:r.computed(()=>Q(o.itemsRef)),enabled:r.computed(()=>o.menuState.value===0),accept(c){return c.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:c.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(c){c.setAttribute("role","none")}});function u(c){var y;switch(i.value&&clearTimeout(i.value),c.key){case J.Space:if(o.searchQuery.value!=="")return c.preventDefault(),c.stopPropagation(),o.search(c.key);case J.Enter:if(c.preventDefault(),c.stopPropagation(),o.activeItemIndex.value!==null){let g=o.items.value[o.activeItemIndex.value];(y=Q(g.dataRef.domRef))==null||y.click()}o.closeMenu(),Lo(Q(o.buttonRef));break;case J.ArrowDown:return c.preventDefault(),c.stopPropagation(),o.goToItem(ue.Next);case J.ArrowUp:return c.preventDefault(),c.stopPropagation(),o.goToItem(ue.Previous);case J.Home:case J.PageUp:return c.preventDefault(),c.stopPropagation(),o.goToItem(ue.First);case J.End:case J.PageDown:return c.preventDefault(),c.stopPropagation(),o.goToItem(ue.Last);case J.Escape:c.preventDefault(),c.stopPropagation(),o.closeMenu(),r.nextTick(()=>{var g;return(g=Q(o.buttonRef))==null?void 0:g.focus({preventScroll:!0})});break;case J.Tab:c.preventDefault(),c.stopPropagation(),o.closeMenu(),r.nextTick(()=>zu(Q(o.buttonRef),c.shiftKey?Sr.Previous:Sr.Next));break;default:c.key.length===1&&(o.search(c.key),i.value=setTimeout(()=>o.clearSearch(),350));break}}function s(c){switch(c.key){case J.Space:c.preventDefault();break}}let d=Eo(),m=r.computed(()=>d!==null?d.value===rt.Open:o.menuState.value===0);return()=>{var c,y;let g={open:o.menuState.value===0},O={"aria-activedescendant":o.activeItemIndex.value===null||(c=o.items.value[o.activeItemIndex.value])==null?void 0:c.id,"aria-labelledby":(y=Q(o.buttonRef))==null?void 0:y.id,id:l,onKeydown:u,onKeyup:s,role:"menu",tabIndex:0,ref:o.itemsRef};return $e({ourProps:O,theirProps:e,slot:g,attrs:t,slots:n,features:_t.RenderStrategy|_t.Static,visible:m.value,name:"MenuItems"})}}}),os=r.defineComponent({name:"MenuItem",props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1}},setup(e,{slots:t,attrs:n,expose:a}){let o=Vt("MenuItem"),l=`headlessui-menu-item-${Ae()}`,i=r.ref(null);a({el:i,$el:i});let u=r.computed(()=>o.activeItemIndex.value!==null?o.items.value[o.activeItemIndex.value].id===l:!1),s=r.computed(()=>({disabled:e.disabled,textValue:"",domRef:i}));r.onMounted(()=>{var g,O;let S=(O=(g=Q(i))==null?void 0:g.textContent)==null?void 0:O.toLowerCase().trim();S!==void 0&&(s.value.textValue=S)}),r.onMounted(()=>o.registerItem(l,s)),r.onUnmounted(()=>o.unregisterItem(l)),r.watchEffect(()=>{o.menuState.value===0&&(!u.value||o.activationTrigger.value!==0&&r.nextTick(()=>{var g,O;return(O=(g=Q(i))==null?void 0:g.scrollIntoView)==null?void 0:O.call(g,{block:"nearest"})}))});function d(g){if(e.disabled)return g.preventDefault();o.closeMenu(),Lo(Q(o.buttonRef))}function m(){if(e.disabled)return o.goToItem(ue.Nothing);o.goToItem(ue.Specific,l)}function c(){e.disabled||u.value||o.goToItem(ue.Specific,l,0)}function y(){e.disabled||!u.value||o.goToItem(ue.Nothing)}return()=>{let{disabled:g}=e,O={active:u.value,disabled:g,close:o.closeMenu};return $e({ourProps:{id:l,ref:i,role:"menuitem",tabIndex:g===!0?void 0:-1,"aria-disabled":g===!0?!0:void 0,onClick:d,onFocus:m,onPointermove:c,onMousemove:c,onPointerleave:y,onMouseleave:y},theirProps:e,slot:O,attrs:n,slots:t,name:"MenuItem"})}}}),Zo=Symbol("LabelContext");function Jo(){let e=r.inject(Zo,null);if(e===null){let t=new Error("You used a <Label /> component, but it is not inside a parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Jo),t}return e}function ls({slot:e={},name:t="Label",props:n={}}={}){let a=r.ref([]);function o(l){return a.value.push(l),()=>{let i=a.value.indexOf(l);i!==-1&&a.value.splice(i,1)}}return r.provide(Zo,{register:o,slot:e,name:t,props:n}),r.computed(()=>a.value.length>0?a.value.join(" "):void 0)}let is=r.defineComponent({name:"Label",props:{as:{type:[Object,String],default:"label"},passive:{type:[Boolean],default:!1}},setup(e,{slots:t,attrs:n}){let a=Jo(),o=`headlessui-label-${Ae()}`;return r.onMounted(()=>r.onUnmounted(a.register(o))),()=>{let{name:l="Label",slot:i={},props:u={}}=a,{passive:s,...d}=e,m={...Object.entries(u).reduce((c,[y,g])=>Object.assign(c,{[y]:r.unref(g)}),{}),id:o};return s&&(delete m.onClick,delete d.onClick),$e({ourProps:m,theirProps:d,slot:i,attrs:n,slots:t,name:l})}}}),el=Symbol("GroupContext"),us=r.defineComponent({name:"SwitchGroup",props:{as:{type:[Object,String],default:"template"}},setup(e,{slots:t,attrs:n}){let a=r.ref(null),o=ls({name:"SwitchLabel",props:{onClick(){!a.value||(a.value.click(),a.value.focus({preventScroll:!0}))}}}),l=Wu({name:"SwitchDescription"});return r.provide(el,{switchRef:a,labelledby:o,describedby:l}),()=>$e({theirProps:e,ourProps:{},slot:{},slots:t,attrs:n,name:"SwitchGroup"})}}),ss=r.defineComponent({name:"Switch",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"button"},modelValue:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},name:{type:String,optional:!0},value:{type:String,optional:!0}},inheritAttrs:!1,setup(e,{emit:t,attrs:n,slots:a,expose:o}){let l=r.inject(el,null),i=`headlessui-switch-${Ae()}`,[u,s]=Uo(r.computed(()=>e.modelValue),x=>t("update:modelValue",x),r.computed(()=>e.defaultChecked));function d(){s(!u.value)}let m=r.ref(null),c=l===null?m:l.switchRef,y=_r(r.computed(()=>({as:e.as,type:n.type})),c);o({el:c,$el:c});function g(x){x.preventDefault(),d()}function O(x){x.key===J.Space?(x.preventDefault(),d()):x.key===J.Enter&&Hu(x.currentTarget)}function S(x){x.preventDefault()}return()=>{let{name:x,value:f,...w}=e,B={checked:u.value},R={id:i,ref:c,role:"switch",type:y.value,tabIndex:0,"aria-checked":u.value,"aria-labelledby":l==null?void 0:l.labelledby.value,"aria-describedby":l==null?void 0:l.describedby.value,onClick:g,onKeyup:O,onKeypress:S};return r.h(r.Fragment,[x!=null&&u.value!=null?r.h(Yo,No({features:$r.Hidden,as:"input",type:"checkbox",hidden:!0,readOnly:!0,checked:u.value,name:x,value:f})):null,$e({ourProps:R,theirProps:{...n,...Bt(w,["modelValue","defaultChecked"])},slot:B,attrs:n,slots:a,name:"Switch"})])}}}),cs=is;const fs={class:"px-3 py-2 flex items-center"},ds={key:1},ms={inheritAttrs:!1},tl=r.defineComponent({...ms,__name:"Swatch",props:{options:null,modelValue:null,error:null,noSelectionLabel:{default:"Choose color\u2026"}},emits:["change","update:modelValue"],setup(e,{emit:t}){const n=e,a=r.computed(()=>!!n.error),o=r.ref(n.modelValue);return r.watch(o,l=>{t("change",l),t("update:modelValue",l)}),r.watch(n,l=>{o.value!=l.modelValue&&(o.value=l.modelValue)}),(l,i)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createVNode(r.unref(qo),{modelValue:o.value,"onUpdate:modelValue":i[0]||(i[0]=u=>o.value=u)},{default:r.withCtx(({open:u})=>[r.createElementVNode("div",{class:r.normalizeClass(["relative w-full select",{open:u}])},[r.createVNode(r.unref(Go),{class:r.normalizeClass(["w-full relative text-left select-button",{open:u,"has-error":r.unref(a)}])},{default:r.withCtx(()=>[r.createElementVNode("div",fs,[o.value?(r.openBlock(),r.createElementBlock("div",{key:0,class:"h-6 w-full inline-flex rounded-md",style:r.normalizeStyle({backgroundColor:o.value})},null,4)):(r.openBlock(),r.createElementBlock("span",ds,r.toDisplayString(e.noSelectionLabel),1))])]),_:2},1032,["class"]),r.createVNode(r.Transition,{"enter-from-class":"opacity-0","enter-to-class":"opacity-100","enter-active-class":"transition-opacity duration-150","leave-active-class":"transition-opacity duration-150","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:r.withCtx(()=>[r.createVNode(r.unref(Xo),{class:r.normalizeClass(["w-full focus:outline-none shadow-lg bg-white z-10 absolute max-h-60 overflow-x-hidden overflow-y-auto w-full border rounded-b-lg -mt-0.5 select-option-list",[r.unref(a)?"border-danger-300":"border-gray-300"]])},{default:r.withCtx(()=>[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.options,s=>(r.openBlock(),r.createBlock(r.unref(Mt),{as:"template",key:s,value:s},{default:r.withCtx(({active:d,selected:m})=>[r.createElementVNode("li",{class:r.normalizeClass(["relative px-3 py-2 cursor-pointer flex items-center justify-center",{"bg-primary-100 text-primary-900":d}])},[r.createElementVNode("div",{class:"w-full h-8 rounded-lg",style:r.normalizeStyle({backgroundColor:s})},null,4)],2)]),_:2},1032,["value"]))),128))]),_:1},8,["class"])]),_:1})],2)]),_:1},8,["modelValue"]),r.createVNode(vt,{error:e.error},null,8,["error"])],64))}}),ps=Object.freeze(Object.defineProperty({__proto__:null,default:tl},Symbol.toStringTag,{value:"Module"})),nl=r.defineComponent({props:{as:{type:String,default:"span"},value:{type:String,required:!1},asHtml:{type:Boolean,required:!1,default:!1},color:{type:String,required:!1},size:{type:String,required:!1}},setup(e,{slots:t}){return()=>{let{as:n,asHtml:a,value:o,color:l,size:i,...u}=e;const s=()=>l=="primary"?"text-gray-900":l=="secondary"?"text-gray-600":{},d=()=>i==="small"?"text-sm":{},m=r.mergeProps(u,{class:[s(),d()]});return o?a?r.h(n,r.mergeProps({innerHTML:o},m)):r.h(n,m,o):r.h(n,m,t)}}}),ys=Object.freeze(Object.defineProperty({__proto__:null,default:nl},Symbol.toStringTag,{value:"Module"})),hs=["value","type","placeholder","name","id"],bs={key:0,class:"input-error"},rl=r.defineComponent({__name:"TextInput",props:{id:null,name:null,modelValue:null,error:null,type:{default:"text"},placeholder:null,fullWidth:{type:Boolean}},emits:["update:modelValue","input"],setup(e,{emit:t}){const n=e,a=r.computed(()=>!!n.error);function o(l){var i,u;t("input",(i=l.target)==null?void 0:i.value),t("update:modelValue",(u=l.target)==null?void 0:u.value)}return(l,i)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("input",r.mergeProps({value:e.modelValue,onInput:o,class:["form-input",{"has-error":r.unref(a),"max-w-md":!e.fullWidth}],type:e.type,placeholder:e.placeholder||void 0,name:e.name,id:e.id},l.$attrs),null,16,hs),e.error?(r.openBlock(),r.createElementBlock("p",bs,r.toDisplayString(e.error),1)):r.createCommentVNode("",!0)],64))}}),gs=Object.freeze(Object.defineProperty({__proto__:null,default:rl},Symbol.toStringTag,{value:"Module"})),ws={install(e,t){Ke.registerComponents(Object.assign({"./View/Components/Button.vue":Su,"./View/Components/Link.vue":xu,"./View/Components/Pressable.vue":$u,"./View/Components/Stack.vue":Tu,"./View/Components/Swatch.vue":ps,"./View/Components/Text.vue":ys,"./View/Components/TextInput.vue":gs}),"insight-elements")}},vs=(e,t)=>{const n=e.__vccOpts||e;for(const[a,o]of t)n[a]=o;return n},_s={},ks={class:"w-4 h-4 text-gray-600 mt-0.5 mx-2",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},Os=[r.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"},null,-1)];function Ss(e,t){return r.openBlock(),r.createElementBlock("svg",ks,Os)}const Ps=vs(_s,[["render",Ss]]),xs=r.defineComponent({props:{skipFirst:{type:Boolean,default:!1},items:{type:Object,required:!1}},setup(e,{slots:t}){const n=[],{items:a,...o}=e,l=()=>t.separator?r.h(t.separator):r.h(Ps);if(Array.isArray(a))a.forEach((u,s)=>{const d={};s+1==a.length&&(d["data-breadcrumb-current"]="current"),s<a.length-1&&!(s==0&&e.skipFirst)?n.push(r.h("li",d,[r.h(Ke.Portal,{component:u}),l()])):n.push(r.h("li",d,r.h(Ke.Portal,{component:u})))});else if(t.default){const u=t.default();if(Array.isArray(u)){const s=Array.from(u);s.forEach((d,m)=>{const c={};m+1==s.length&&(c["data-breadcrumb-current"]="current"),m<s.length-1&&!(m==0&&e.skipFirst)?n.push(r.h("li",c,[d,l()])):n.push(r.h("li",c,d))})}}const i=o;return i.class?i.class=["breadcrumbs",i.class]:i.class="breadcrumbs",()=>r.h("ul",i,n)}}),$s={key:0,class:"banner flex flex-row relative"},Ts=["onClick"],Cs=[r.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[r.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)],Ds={key:1,class:"mr-3"},Ns={class:"flex flex-col"},Bs=r.defineComponent({__name:"Banner",props:{dismissable:{type:Boolean},static:{type:Boolean}},emits:["dismiss"],setup(e,{emit:t}){const n=e,a=r.useSlots(),o=r.ref(!0),l=r.computed(()=>!!a.icon),i=r.computed(()=>n.static===!0?!0:o.value);function u(){n.static?t("dismiss"):o.value=!1}return(s,d)=>r.unref(i)?(r.openBlock(),r.createElementBlock("div",$s,[e.dismissable?r.renderSlot(s.$slots,"dismiss",r.normalizeProps(r.mergeProps({key:0},{dismiss:u})),()=>[r.createElementVNode("button",{onClick:r.withModifiers(u,["prevent"]),class:"absolute top-2 right-2 z-10"},Cs,8,Ts)]):r.createCommentVNode("",!0),r.unref(l)?(r.openBlock(),r.createElementBlock("div",Ds,[r.renderSlot(s.$slots,"icon")])):r.createCommentVNode("",!0),r.createElementVNode("div",Ns,[r.renderSlot(s.$slots,"default")])])):r.createCommentVNode("",!0)}}),Rs={class:"inline-flex items-center text-sm text-gray-700 processing-indicator"},Es={key:0,class:"processing-animation-ping flex mx-[3px] h-2.5 w-2.5 relative"},Ms=[r.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),r.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)],Vs={key:0,class:"ml-2"},al=r.defineComponent({__name:"ProcessingIndicator",props:{label:null,ping:{type:Boolean,default:!1},colorClass:null},setup(e){return(t,n)=>(r.openBlock(),r.createElementBlock("span",Rs,[r.renderSlot(t.$slots,"icon",{},()=>[e.ping?(r.openBlock(),r.createElementBlock("span",Es,[r.createElementVNode("span",{class:r.normalizeClass(["animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",[e.colorClass||"bg-gray-700"]])},null,2),r.createElementVNode("span",{class:r.normalizeClass(["relative inline-flex rounded-full h-2.5 w-2.5",[e.colorClass||"bg-gray-700"]])},null,2)])):(r.openBlock(),r.createElementBlock("svg",{key:1,class:r.normalizeClass(["processing-animation-spin animate-spin w-4 h-4",[e.colorClass||"text-gray-700"]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},Ms,2))]),t.$slots.default||e.label?(r.openBlock(),r.createElementBlock("span",Vs,[r.renderSlot(t.$slots,"default",{},()=>[r.createTextVNode(r.toDisplayString(e.label),1)])])):r.createCommentVNode("",!0)]))}}),Is=r.defineComponent({__name:"Button",props:{processing:{type:Boolean,default:!1},processingLabel:null,processingColor:null,ping:{type:Boolean,default:!1}},setup(e){return(t,n)=>(r.openBlock(),r.createElementBlock("button",r.mergeProps(t.$attrs,{class:{processing:e.processing}}),[e.processing?(r.openBlock(),r.createBlock(al,{key:0,ping:e.ping,"color-class":e.processingColor,class:"mr-2"},null,8,["ping","color-class"])):r.createCommentVNode("",!0),e.processing&&e.processingLabel?(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[r.createTextVNode(r.toDisplayString(e.processingLabel),1)],64)):r.renderSlot(t.$slots,"default",{key:2})],16))}}),As=["for"],Ls=["id","name"],js={key:0,class:"text-sm mr-1"},Ys={key:0,class:"text-danger-500"},zs={key:0,class:"mt-1 text-xs text-danger-600"},Fs=r.defineComponent({__name:"Checkbox",props:{id:null,name:null,modelValue:{type:Boolean},error:null,label:null,required:{type:Boolean}},emits:["update:modelValue","input"],setup(e,{emit:t}){const n=e,a=r.computed(()=>!!n.error),o=r.ref(n.modelValue);return r.watch(o,l=>{t("input",l),t("update:modelValue",l)}),r.watch(n,l=>{l.modelValue!=o.value&&(o.value=l.modelValue)}),(l,i)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("label",{for:e.name,class:"inline-flex items-start"},[r.withDirectives(r.createElementVNode("input",{type:"checkbox",id:e.id,name:e.name,class:r.normalizeClass([l.$attrs.class,{"has-error":r.unref(a)}]),"onUpdate:modelValue":i[0]||(i[0]=u=>o.value=u)},null,10,Ls),[[r.vModelCheckbox,o.value]]),r.createElementVNode("span",{class:r.normalizeClass(["text-sm ml-2 -mt-[2.5px]",{"text-red-600":r.unref(a)}])},[r.renderSlot(l.$slots,"default",{},()=>[e.label?(r.openBlock(),r.createElementBlock("span",js,r.toDisplayString(e.label),1)):r.createCommentVNode("",!0)]),e.required?(r.openBlock(),r.createElementBlock("span",Ys,"*")):r.createCommentVNode("",!0)],2)],8,As),e.error?(r.openBlock(),r.createElementBlock("p",zs,r.toDisplayString(e.error),1)):r.createCommentVNode("",!0)],64))}}),Hs=["value","name","id"],Us={key:0,class:"input-error"},Ws=r.defineComponent({__name:"Color",props:{id:null,name:null,modelValue:null,error:null},emits:["update:modelValue","input"],setup(e,{emit:t}){const n=e,a=r.computed(()=>!!n.error);function o(l){var i,u;t("input",(i=l.target)==null?void 0:i.value),t("update:modelValue",(u=l.target)==null?void 0:u.value)}return(l,i)=>(r.openBlock(),r.createElementBlock(r.Fragment,null,[r.createElementVNode("input",r.mergeProps({value:e.modelValue,onInput:o,class:["h-8 p-2 bg-white border rounded-lg ring-4 ring-transparent",[r.unref(a)?"border-danger-300 focus:border-danger-300 focus:ring-danger-100":"border-gray-200 focus:ring-primary-100 focus:border-primary-300"]],name:e.name,id:e.id,type:"color"},l.$attrs),null,16,Hs),e.error?(r.openBlock(),r.createElementBlock("p",Us,r.toDisplayString(e.error),1)):r.createCommentVNode("",!0)],64))}});function U(e){if(e===null||e===!0||e===!1)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}function Y(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function It(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?It=function(n){return typeof n}:It=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},It(e)}function W(e){Y(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||It(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}function at(e,t){Y(2,arguments);var n=W(e),a=U(t);return isNaN(a)?new Date(NaN):(a&&n.setDate(n.getDate()+a),n)}function Le(e,t){Y(2,arguments);var n=W(e),a=U(t);if(isNaN(a))return new Date(NaN);if(!a)return n;var o=n.getDate(),l=new Date(n.getTime());l.setMonth(n.getMonth()+a+1,0);var i=l.getDate();return o>=i?l:(n.setFullYear(l.getFullYear(),l.getMonth(),o),n)}function At(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?At=function(n){return typeof n}:At=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},At(e)}function ol(e,t){if(Y(2,arguments),!t||At(t)!=="object")return new Date(NaN);var n=t.years?U(t.years):0,a=t.months?U(t.months):0,o=t.weeks?U(t.weeks):0,l=t.days?U(t.days):0,i=t.hours?U(t.hours):0,u=t.minutes?U(t.minutes):0,s=t.seconds?U(t.seconds):0,d=W(e),m=a||n?Le(d,a+n*12):d,c=l||o?at(m,l+o*7):m,y=u+i*60,g=s+y*60,O=g*1e3,S=new Date(c.getTime()+O);return S}function Ks(e,t){Y(2,arguments);var n=W(e).getTime(),a=U(t);return new Date(n+a)}var qs={};function qe(){return qs}function Tr(e,t){var n,a,o,l,i,u,s,d;Y(1,arguments);var m=qe(),c=U((n=(a=(o=(l=t==null?void 0:t.weekStartsOn)!==null&&l!==void 0?l:t==null||(i=t.locale)===null||i===void 0||(u=i.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&o!==void 0?o:m.weekStartsOn)!==null&&a!==void 0?a:(s=m.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&n!==void 0?n:0);if(!(c>=0&&c<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var y=W(e),g=y.getDay(),O=(g<c?7:0)+g-c;return y.setDate(y.getDate()-O),y.setHours(0,0,0,0),y}function Lt(e){return Y(1,arguments),Tr(e,{weekStartsOn:1})}function Gs(e){Y(1,arguments);var t=W(e),n=t.getFullYear(),a=new Date(0);a.setFullYear(n+1,0,4),a.setHours(0,0,0,0);var o=Lt(a),l=new Date(0);l.setFullYear(n,0,4),l.setHours(0,0,0,0);var i=Lt(l);return t.getTime()>=o.getTime()?n+1:t.getTime()>=i.getTime()?n:n-1}function Xs(e){Y(1,arguments);var t=Gs(e),n=new Date(0);n.setFullYear(t,0,4),n.setHours(0,0,0,0);var a=Lt(n);return a}function jt(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function ll(e){Y(1,arguments);var t=W(e);return t.setHours(0,0,0,0),t}var Qs=864e5;function Zs(e,t){Y(2,arguments);var n=ll(e),a=ll(t),o=n.getTime()-jt(n),l=a.getTime()-jt(a);return Math.round((o-l)/Qs)}function il(e,t){Y(2,arguments);var n=U(t);return Le(e,n*12)}var Cr=6e4,Dr=36e5,Js=1e3;function Yt(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Yt=function(n){return typeof n}:Yt=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Yt(e)}function ul(