@hotelinking/ui 1.5.0 → 1.10.0

package/README.md

@@ -6,4 +6,7 @@ cambios:
 
 - Dropdown ahora tiene un label en vez de un slot
 - Input el evento ha cambiado a camelCase, los iconos se tienen que importar como componentes
+- InputFile los iconos se tienen que importar como componentes, el evento ha cambiado a camelCase, cambiado el formato del evento
+- TextArea cambiado el evento a camelCase, añadidos colores y mensaje de error
+- Toggle añadido prop disabled, cambiado enabled por checked
 

package/dist/index.css

@@ -648,6 +648,17 @@ select{
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+.sr-only{
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pointer-events-none{
   pointer-events: none;
 }
@@ -661,6 +672,12 @@ select{
   top: 0px;
   bottom: 0px;
 }
+.bottom-0{
+  bottom: 0px;
+}
+.bottom-0\.5{
+  bottom: 0.125rem;
+}
 .left-0{
   left: 0px;
 }
@@ -679,6 +696,9 @@ select{
 .-mr-1{
   margin-right: -0.25rem;
 }
+.mb-4{
+  margin-bottom: 1rem;
+}
 .ml-2{
   margin-left: 0.5rem;
 }
@@ -721,6 +741,12 @@ select{
 .h-6{
   height: 1.5rem;
 }
+.max-h-60{
+  max-height: 15rem;
+}
+.w-11{
+  width: 2.75rem;
+}
 .w-12{
   width: 3rem;
 }
@@ -742,9 +768,20 @@ select{
 .w-full{
   width: 100%;
 }
+.flex-shrink-0{
+  flex-shrink: 0;
+}
 .origin-top-right{
   transform-origin: top right;
 }
+.translate-x-0{
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.translate-x-5{
+  --tw-translate-x: 1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-100{
   --tw-scale-x: 1;
   --tw-scale-y: 1;
@@ -758,12 +795,23 @@ select{
 .transform{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.cursor-default{
+  cursor: default;
+}
 .cursor-pointer{
   cursor: pointer;
 }
+.select-none{
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .flex-row{
   flex-direction: row;
 }
+.flex-col{
+  flex-direction: column;
+}
 .items-start{
   align-items: flex-start;
 }
@@ -776,12 +824,28 @@ select{
 .justify-between{
   justify-content: space-between;
 }
+.space-y-1 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
 .justify-self-end{
   justify-self: end;
 }
+.overflow-auto{
+  overflow: auto;
+}
+.truncate{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .rounded{
   border-radius: 0.25rem;
 }
+.rounded-full{
+  border-radius: 9999px;
+}
 .rounded-md{
   border-radius: 0.375rem;
 }
@@ -796,28 +860,70 @@ select{
 .border{
   border-width: 1px;
 }
+.border-2{
+  border-width: 2px;
+}
 .border-r-0{
   border-right-width: 0px;
 }
+.border-dashed{
+  border-style: dashed;
+}
+.border-black{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+.border-gray-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
 .border-gray-300{
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
+.border-gray-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+.border-green-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(187 247 208 / var(--tw-border-opacity));
+}
 .border-green-400{
   --tw-border-opacity: 1;
   border-color: rgb(74 222 128 / var(--tw-border-opacity));
 }
+.border-indigo-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(199 210 254 / var(--tw-border-opacity));
+}
+.border-red-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity));
+}
 .border-red-300{
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity));
 }
+.border-red-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(248 113 113 / var(--tw-border-opacity));
+}
 .border-transparent{
   border-color: transparent;
 }
+.border-yellow-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 240 138 / var(--tw-border-opacity));
+}
 .border-yellow-400{
   --tw-border-opacity: 1;
   border-color: rgb(250 204 21 / var(--tw-border-opacity));
 }
+.bg-black{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
 .bg-cyan-300{
   --tw-bg-opacity: 1;
   background-color: rgb(103 232 249 / var(--tw-bg-opacity));
@@ -830,10 +936,22 @@ select{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
+.bg-gray-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+.bg-gray-300{
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
 .bg-gray-50{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
+.bg-green-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
+}
 .bg-green-400{
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity));
@@ -842,6 +960,10 @@ select{
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity));
 }
+.bg-indigo-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
+}
 .bg-indigo-600{
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
@@ -850,6 +972,10 @@ select{
   --tw-bg-opacity: 1;
   background-color: rgb(55 48 163 / var(--tw-bg-opacity));
 }
+.bg-red-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
 .bg-red-400{
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
@@ -862,6 +988,10 @@ select{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
+.bg-yellow-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
+}
 .bg-yellow-400{
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity));
@@ -870,6 +1000,9 @@ select{
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity));
 }
+.p-2{
+  padding: 0.5rem;
+}
 .px-2{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -912,12 +1045,36 @@ select{
 .pb-40{
   padding-bottom: 10rem;
 }
+.pb-6{
+  padding-bottom: 1.5rem;
+}
+.pl-1{
+  padding-left: 0.25rem;
+}
+.pl-3{
+  padding-left: 0.75rem;
+}
+.pr-10{
+  padding-right: 2.5rem;
+}
 .pr-3{
   padding-right: 0.75rem;
 }
+.pr-4{
+  padding-right: 1rem;
+}
+.pr-9{
+  padding-right: 2.25rem;
+}
+.pt-5{
+  padding-top: 1.25rem;
+}
 .text-left{
   text-align: left;
 }
+.text-center{
+  text-align: center;
+}
 .text-\[10px\]{
   font-size: 10px;
 }
@@ -933,9 +1090,15 @@ select{
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.font-bold{
+  font-weight: 700;
+}
 .font-medium{
   font-weight: 500;
 }
+.font-semibold{
+  font-weight: 600;
+}
 .uppercase{
   text-transform: uppercase;
 }
@@ -954,10 +1117,18 @@ select{
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
+.text-gray-400{
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
 .text-gray-500{
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
+.text-gray-600{
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
 .text-gray-700{
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
@@ -970,10 +1141,18 @@ select{
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity));
 }
+.text-green-800{
+  --tw-text-opacity: 1;
+  color: rgb(22 101 52 / var(--tw-text-opacity));
+}
 .text-indigo-600{
   --tw-text-opacity: 1;
   color: rgb(79 70 229 / var(--tw-text-opacity));
 }
+.text-indigo-800{
+  --tw-text-opacity: 1;
+  color: rgb(55 48 163 / var(--tw-text-opacity));
+}
 .text-red-300{
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
@@ -982,6 +1161,10 @@ select{
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity));
 }
+.text-red-800{
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -990,6 +1173,10 @@ select{
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity));
 }
+.text-yellow-800{
+  --tw-text-opacity: 1;
+  color: rgb(133 77 14 / var(--tw-text-opacity));
+}
 .placeholder-gray-300::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(209 213 219 / var(--tw-placeholder-opacity));
@@ -1007,6 +1194,11 @@ select{
 .opacity-25{
   opacity: 0.25;
 }
+.shadow{
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg{
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1017,6 +1209,11 @@ select{
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.ring-0{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .ring-1{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1029,6 +1226,9 @@ select{
 .ring-opacity-5{
   --tw-ring-opacity: 0.05;
 }
+.filter{
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .transition{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -1036,18 +1236,53 @@ select{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-colors{
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .duration-100{
   transition-duration: 100ms;
 }
+.duration-200{
+  transition-duration: 200ms;
+}
 .duration-75{
   transition-duration: 75ms;
 }
 .ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
+.ease-in-out{
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 .ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.focus-within\:outline-none:focus-within{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus-within\:ring-2:focus-within{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.focus-within\:ring-indigo-500:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
+}
+.focus-within\:ring-offset-2:focus-within{
+  --tw-ring-offset-width: 2px;
+}
+.hover\:border-gray-400:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+.hover\:border-red-400:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(248 113 113 / var(--tw-border-opacity));
+}
 .hover\:bg-cyan-500:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(6 182 212 / var(--tw-bg-opacity));
@@ -1072,6 +1307,14 @@ select{
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity));
 }
+.hover\:text-indigo-400:hover{
+  --tw-text-opacity: 1;
+  color: rgb(129 140 248 / var(--tw-text-opacity));
+}
+.hover\:text-indigo-500:hover{
+  --tw-text-opacity: 1;
+  color: rgb(99 102 241 / var(--tw-text-opacity));
+}
 .focus\:border-indigo-500:focus{
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity));
@@ -1080,6 +1323,11 @@ select{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus\:ring-1:focus{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus\:ring-2:focus{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1100,6 +1348,10 @@ select{
 }
 @media (min-width: 640px){
 
+  .sm\:flex-row{
+    flex-direction: row;
+  }
+
   .sm\:text-sm{
     font-size: 0.875rem;
     line-height: 1.25rem;

package/dist/ui.cjs.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ui.cjs2.js"),t=u.default,l={install(o){Object.keys(t).forEach(e=>{o.component(e,t[e])})}};exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),Te={name:"uiIcon"},P=Object.assign(Te,{props:{icon:{type:Function,required:!0},size:{type:String,default:"normal"},color:{type:String,default:"primary"}},setup(e){return(o,l)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.icon),{class:t.normalizeClass({"h-4 w-4":e.size==="normal","h-6 w-6":e.size==="big","h-12 w-12":e.size==="huge","h-20 w-20":e.size==="massive","text-indigo-600":e.color==="primary","text-cyan-300":e.color==="secondary","text-red-400":e.color==="red","text-yellow-400":e.color==="yellow","text-green-400":e.color==="green","text-white":e.color==="white","text-gray-300":e.color==="gray","text-black":e.color==="black"})},null,8,["class"]))}}),Ve=["disabled"],Be={name:"uiButton"},$e=Object.assign(Be,{props:{color:{type:String,default:"primary"},size:{type:String,default:"normal"},icon:{type:Function,default:()=>{}},disabled:{type:Boolean,default:!1}},setup(e){return(o,l)=>(t.openBlock(),t.createElementBlock("button",{disabled:e.disabled,class:t.normalizeClass([{"bg-indigo-600 hover:bg-indigo-800":e.color==="primary","bg-cyan-300 hover:bg-cyan-500":e.color==="secondary","bg-red-400 hover:bg-red-600":e.color==="red","bg-yellow-400 hover:bg-yellow-600":e.color==="yellow","bg-green-400 hover:bg-green-600":e.color==="green","px-4 py-2 text-sm rounded-md":e.size==="normal","px-2.5 py-1.5 text-xs rounded leading-none":e.size==="small","px-6 py-3 text-base rounded-md":e.size==="large"},"inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),type:"button"},[t.createVNode(P,{icon:e.icon,color:"white",class:"-ml-0.5 mr-2"},null,8,["icon"]),t.renderSlot(o.$slots,"default")],10,Ve))}}),Pe={class:"relative flex items-start"},je={class:"flex items-center h-5"},Fe=["checked","value","disabled"],Me={class:"ml-3 text-sm"},Ae={class:"text-gray-500"},Le={name:"uiCheckbox"},ze=Object.assign(Le,{props:{disabled:{type:Boolean,default:!1},value:{type:String},check:{type:Boolean,default:!1}},emits:["checkboxChanged"],setup(e,{emit:o}){const l=e,r=t.ref(l.check),n=()=>{l.disabled||(r.value=!r.value,o("checkboxChanged",{checked:r.value,value:l.value}))};return(a,i)=>(t.openBlock(),t.createElementBlock("div",Pe,[t.createElementVNode("div",je,[t.createElementVNode("input",{checked:e.check,value:e.value,disabled:e.disabled,class:"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25",type:"checkbox",onChange:i[0]||(i[0]=d=>n())},null,40,Fe)]),t.createElementVNode("div",Me,[t.createElementVNode("span",Ae,[t.renderSlot(a.$slots,"default")])])]))}});function T(e,o,...l){if(e in o){let n=o[e];return typeof n=="function"?n(...l):n}let r=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(o).map(n=>`"${n}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,T),r}var F=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(F||{}),Ue=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Ue||{});function D({visible:e=!0,features:o=0,ourProps:l,theirProps:r,...n}){var a;let i=ie(r,l),d=Object.assign(n,{props:i});if(e||o&2&&i.static)return U(d);if(o&1){let f=(a=i.unmount)==null||a?0:1;return T(f,{[0](){return null},[1](){return U({...n,props:{...i,hidden:!0,style:{display:"none"}}})}})}return U(d)}function U({props:e,attrs:o,slots:l,slot:r,name:n}){var a,i;let{as:d,...f}=L(e,["unmount","static"]),s=(a=l.default)==null?void 0:a.call(l,r),u={};if(r){let m=!1,p=[];for(let[b,g]of Object.entries(r))typeof g=="boolean"&&(m=!0),g===!0&&p.push(b);m&&(u["data-headlessui-state"]=p.join(" "))}if(d==="template"){if(s=re(s??[]),Object.keys(f).length>0||Object.keys(o).length>0){let[m,...p]=s??[];if(!He(m)||p.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${n} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(f).concat(Object.keys(o)).map(v=>v.trim()).filter((v,c,h)=>h.indexOf(v)===c).sort((v,c)=>v.localeCompare(c)).map(v=>`  - ${v}`).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(v=>`  - ${v}`).join(`
+`)].join(`
+`));let b=ie((i=m.props)!=null?i:{},f),g=t.cloneVNode(m,b);for(let v in b)v.startsWith("on")&&(g.props||(g.props={}),g.props[v]=b[v]);return g}return Array.isArray(s)&&s.length===1?s[0]:s}return t.h(d,Object.assign({},f,u),{default:()=>s})}function re(e){return e.flatMap(o=>o.type===t.Fragment?re(o.children):[o])}function ie(...e){if(e.length===0)return{};if(e.length===1)return e[0];let o={},l={};for(let r of e)for(let n in r)n.startsWith("on")&&typeof r[n]=="function"?(l[n]!=null||(l[n]=[]),l[n].push(r[n])):o[n]=r[n];if(o.disabled||o["aria-disabled"])return Object.assign(o,Object.fromEntries(Object.keys(l).map(r=>[r,void 0])));for(let r in l)Object.assign(o,{[r](n,...a){let i=l[r];for(let d of i){if(n instanceof Event&&n.defaultPrevented)return;d(n,...a)}}});return o}function ue(e){let o=Object.assign({},e);for(let l in o)o[l]===void 0&&delete o[l];return o}function L(e,o=[]){let l=Object.assign({},e);for(let r of o)r in l&&delete l[r];return l}function He(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}let Ke=0;function qe(){return++Ke}function $(){return qe()}var S=(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))(S||{});function We(e){throw new Error("Unexpected object: "+e)}var E=(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))(E||{});function se(e,o){let l=o.resolveItems();if(l.length<=0)return null;let r=o.resolveActiveIndex(),n=r??-1,a=(()=>{switch(e.focus){case 0:return l.findIndex(i=>!o.resolveDisabled(i));case 1:{let i=l.slice().reverse().findIndex((d,f,s)=>n!==-1&&s.length-f-1>=n?!1:!o.resolveDisabled(d));return i===-1?i:l.length-1-i}case 2:return l.findIndex((i,d)=>d<=n?!1:!o.resolveDisabled(i));case 3:{let i=l.slice().reverse().findIndex(d=>!o.resolveDisabled(d));return i===-1?i:l.length-1-i}case 4:return l.findIndex(i=>o.resolveId(i)===e.id);case 5:return null;default:We(e)}})();return a===-1?r:a}function y(e){var o;return e==null||e.value==null?null:(o=e.value.$el)!=null?o:e.value}let ce=Symbol("Context");var j=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(j||{});function de(){return t.inject(ce,null)}function fe(e){t.provide(ce,e)}function _(e,o){if(e)return e;let l=o??"button";if(typeof l=="string"&&l.toLowerCase()==="button")return"button"}function q(e,o){let l=t.ref(_(e.value.type,e.value.as));return t.onMounted(()=>{l.value=_(e.value.type,e.value.as)}),t.watchEffect(()=>{var r;l.value||y(o)&&y(o)instanceof HTMLButtonElement&&!((r=y(o))!=null&&r.hasAttribute("type"))&&(l.value="button")}),l}var Ge=Object.defineProperty,Ye=(e,o,l)=>o in e?Ge(e,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[o]=l,ee=(e,o,l)=>(Ye(e,typeof o!="symbol"?o+"":o,l),l);let Je=class{constructor(){ee(this,"current",this.detect()),ee(this,"currentId",0)}set(o){this.current!==o&&(this.currentId=0,this.current=o)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}},W=new Je;function G(e){if(W.isServer)return null;if(e instanceof Node)return e.ownerDocument;if(e!=null&&e.hasOwnProperty("value")){let o=y(e);if(o)return o.ownerDocument}return document}function ve({container:e,accept:o,walk:l,enabled:r}){t.watchEffect(()=>{let n=e.value;if(!n||r!==void 0&&!r.value)return;let a=G(e);if(!a)return;let i=Object.assign(f=>o(f),{acceptNode:o}),d=a.createTreeWalker(n,NodeFilter.SHOW_ELEMENT,i,!1);for(;d.nextNode();)l(d.currentNode)})}let H=["[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 K=(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))(K||{}),Xe=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(Xe||{}),Qe=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(Qe||{});function me(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(H)).sort((o,l)=>Math.sign((o.tabIndex||Number.MAX_SAFE_INTEGER)-(l.tabIndex||Number.MAX_SAFE_INTEGER)))}var Y=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Y||{});function J(e,o=0){var l;return e===((l=G(e))==null?void 0:l.body)?!1:T(o,{[0](){return e.matches(H)},[1](){let r=e;for(;r!==null;){if(r.matches(H))return!0;r=r.parentElement}return!1}})}function pe(e){let o=G(e);t.nextTick(()=>{o&&!J(o.activeElement,0)&&_e(e)})}var Ze=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(Ze||{});typeof window<"u"&&typeof document<"u"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));function _e(e){e==null||e.focus({preventScroll:!0})}let et=["textarea","input"].join(",");function tt(e){var o,l;return(l=(o=e==null?void 0:e.matches)==null?void 0:o.call(e,et))!=null?l:!1}function X(e,o=l=>l){return e.slice().sort((l,r)=>{let n=o(l),a=o(r);if(n===null||a===null)return 0;let i=n.compareDocumentPosition(a);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function nt(e,o){return ot(me(),o,{relativeTo:e})}function ot(e,o,{sorted:l=!0,relativeTo:r=null,skipElements:n=[]}={}){var a;let i=(a=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e==null?void 0:e.ownerDocument)!=null?a:document,d=Array.isArray(e)?l?X(e):e:me(e);n.length>0&&d.length>1&&(d=d.filter(g=>!n.includes(g))),r=r??i.activeElement;let f=(()=>{if(o&5)return 1;if(o&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(o&1)return 0;if(o&2)return Math.max(0,d.indexOf(r))-1;if(o&4)return Math.max(0,d.indexOf(r))+1;if(o&8)return d.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),u=o&32?{preventScroll:!0}:{},m=0,p=d.length,b;do{if(m>=p||m+p<=0)return 0;let g=s+m;if(o&16)g=(g+p)%p;else{if(g<0)return 3;if(g>=p)return 1}b=d[g],b==null||b.focus(u),m+=f}while(b!==i.activeElement);return o&6&&tt(b)&&b.select(),2}function te(e,o,l){W.isServer||t.watchEffect(r=>{document.addEventListener(e,o,l),r(()=>document.removeEventListener(e,o,l))})}function lt(e,o,l){W.isServer||t.watchEffect(r=>{window.addEventListener(e,o,l),r(()=>window.removeEventListener(e,o,l))})}function be(e,o,l=t.computed(()=>!0)){function r(a,i){if(!l.value||a.defaultPrevented)return;let d=i(a);if(d===null||!d.getRootNode().contains(d))return;let f=function s(u){return typeof u=="function"?s(u()):Array.isArray(u)||u instanceof Set?u:[u]}(e);for(let s of f){if(s===null)continue;let u=s instanceof HTMLElement?s:y(s);if(u!=null&&u.contains(d)||a.composed&&a.composedPath().includes(u))return}return!J(d,Y.Loose)&&d.tabIndex!==-1&&a.preventDefault(),o(a,d)}let n=t.ref(null);te("mousedown",a=>{var i,d;l.value&&(n.value=((d=(i=a.composedPath)==null?void 0:i.call(a))==null?void 0:d[0])||a.target)},!0),te("click",a=>{n.value&&(r(a,()=>n.value),n.value=null)},!0),lt("blur",a=>r(a,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}var Q=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Q||{});let ge=t.defineComponent({name:"Hidden",props:{as:{type:[Object,String],default:"div"},features:{type:Number,default:1}},setup(e,{slots:o,attrs:l}){return()=>{let{features:r,...n}=e,a={"aria-hidden":(r&2)===2?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(r&4)===4&&(r&2)!==2&&{display:"none"}}};return D({ourProps:a,theirProps:n,slot:{},attrs:l,slots:o,name:"Hidden"})}}});function he(e={},o=null,l=[]){for(let[r,n]of Object.entries(e))ye(l,xe(o,r),n);return l}function xe(e,o){return e?e+"["+o+"]":o}function ye(e,o,l){if(Array.isArray(l))for(let[r,n]of l.entries())ye(e,xe(o,r.toString()),n);else l instanceof Date?e.push([o,l.toISOString()]):typeof l=="boolean"?e.push([o,l?"1":"0"]):typeof l=="string"?e.push([o,l]):typeof l=="number"?e.push([o,`${l}`]):l==null?e.push([o,""]):he(l,o,e)}function at(e){var o;let l=(o=e==null?void 0:e.form)!=null?o:e.closest("form");if(l){for(let r of l.elements)if(r.tagName==="INPUT"&&r.type==="submit"||r.tagName==="BUTTON"&&r.type==="submit"||r.nodeName==="INPUT"&&r.type==="image"){r.click();return}}}function we(e,o,l){let r=t.ref(l==null?void 0:l.value),n=t.computed(()=>e.value!==void 0);return[t.computed(()=>n.value?e.value:r.value),function(a){return n.value||(r.value=a),o==null?void 0:o(a)}]}function ne(e){return[e.screenX,e.screenY]}function ke(){let e=t.ref([-1,-1]);return{wasMoved(o){let l=ne(o);return e.value[0]===l[0]&&e.value[1]===l[1]?!1:(e.value=l,!0)},update(o){e.value=ne(o)}}}function rt(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function it(){return/Android/gi.test(window.navigator.userAgent)}function ut(){return rt()||it()}function Se(){let e=[],o={addEventListener(l,r,n,a){return l.addEventListener(r,n,a),o.add(()=>l.removeEventListener(r,n,a))},requestAnimationFrame(...l){let r=requestAnimationFrame(...l);o.add(()=>cancelAnimationFrame(r))},nextFrame(...l){o.requestAnimationFrame(()=>{o.requestAnimationFrame(...l)})},setTimeout(...l){let r=setTimeout(...l);o.add(()=>clearTimeout(r))},style(l,r,n){let a=l.style.getPropertyValue(r);return Object.assign(l.style,{[r]:n}),this.add(()=>{Object.assign(l.style,{[r]:a})})},group(l){let r=Se();return l(r),this.add(()=>r.dispose())},add(l){return e.push(l),()=>{let r=e.indexOf(l);if(r>=0)for(let n of e.splice(r,1))n()}},dispose(){for(let l of e.splice(0))l()}};return o}function st(e,o){return e===o}var ct=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(ct||{}),dt=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(dt||{}),ft=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(ft||{});let Ce=Symbol("ComboboxContext");function M(e){let o=t.inject(Ce,null);if(o===null){let l=new Error(`<${e} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,M),l}return o}let vt=t.defineComponent({name:"Combobox",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"template"},disabled:{type:[Boolean],default:!1},by:{type:[String,Function],default:()=>st},modelValue:{type:[Object,String,Number,Boolean],default:void 0},defaultValue:{type:[Object,String,Number,Boolean],default:void 0},form:{type:String,optional:!0},name:{type:String,optional:!0},nullable:{type:Boolean,default:!1},multiple:{type:[Boolean],default:!1}},inheritAttrs:!1,setup(e,{slots:o,attrs:l,emit:r}){let n=t.ref(1),a=t.ref(null),i=t.ref(null),d=t.ref(null),f=t.ref(null),s=t.ref({static:!1,hold:!1}),u=t.ref([]),m=t.ref(null),p=t.ref(1),b=t.ref(!1);function g(x=C=>C){let C=m.value!==null?u.value[m.value]:null,I=X(x(u.value.slice()),N=>y(N.dataRef.domRef)),k=C?I.indexOf(C):null;return k===-1&&(k=null),{options:I,activeOptionIndex:k}}let v=t.computed(()=>e.multiple?1:0),c=t.computed(()=>e.nullable),[h,O]=we(t.computed(()=>e.modelValue===void 0?T(v.value,{[1]:[],[0]:void 0}):e.modelValue),x=>r("update:modelValue",x),t.computed(()=>e.defaultValue)),w={comboboxState:n,value:h,mode:v,compare(x,C){if(typeof e.by=="string"){let I=e.by;return(x==null?void 0:x[I])===(C==null?void 0:C[I])}return e.by(x,C)},defaultValue:t.computed(()=>e.defaultValue),nullable:c,inputRef:i,labelRef:a,buttonRef:d,optionsRef:f,disabled:t.computed(()=>e.disabled),options:u,change(x){O(x)},activeOptionIndex:t.computed(()=>{if(b.value&&m.value===null&&u.value.length>0){let x=u.value.findIndex(C=>!C.dataRef.disabled);x!==-1&&(m.value=x)}return m.value}),activationTrigger:p,optionsPropsRef:s,closeCombobox(){b.value=!1,!e.disabled&&n.value!==1&&(n.value=1,m.value=null)},openCombobox(){if(b.value=!0,e.disabled||n.value===0)return;let x=u.value.findIndex(C=>{let I=t.toRaw(C.dataRef.value);return T(v.value,{[0]:()=>w.compare(t.toRaw(w.value.value),t.toRaw(I)),[1]:()=>t.toRaw(w.value.value).some(k=>w.compare(t.toRaw(k),t.toRaw(I)))})});x!==-1&&(m.value=x),n.value=0},goToOption(x,C,I){if(b.value=!1,e.disabled||f.value&&!s.value.static&&n.value===1)return;let k=g();if(k.activeOptionIndex===null){let R=k.options.findIndex(A=>!A.dataRef.disabled);R!==-1&&(k.activeOptionIndex=R)}let N=se(x===E.Specific?{focus:E.Specific,id:C}:{focus:x},{resolveItems:()=>k.options,resolveActiveIndex:()=>k.activeOptionIndex,resolveId:R=>R.id,resolveDisabled:R=>R.dataRef.disabled});m.value=N,p.value=I??1,u.value=k.options},selectOption(x){let C=u.value.find(k=>k.id===x);if(!C)return;let{dataRef:I}=C;O(T(v.value,{[0]:()=>I.value,[1]:()=>{let k=t.toRaw(w.value.value).slice(),N=t.toRaw(I.value),R=k.findIndex(A=>w.compare(N,t.toRaw(A)));return R===-1?k.push(N):k.splice(R,1),k}}))},selectActiveOption(){if(w.activeOptionIndex.value===null)return;let{dataRef:x,id:C}=u.value[w.activeOptionIndex.value];O(T(v.value,{[0]:()=>x.value,[1]:()=>{let I=t.toRaw(w.value.value).slice(),k=t.toRaw(x.value),N=I.findIndex(R=>w.compare(k,t.toRaw(R)));return N===-1?I.push(k):I.splice(N,1),I}})),w.goToOption(E.Specific,C)},registerOption(x,C){let I={id:x,dataRef:C},k=g(N=>[...N,I]);if(m.value===null){let N=C.value.value;T(v.value,{[0]:()=>w.compare(t.toRaw(w.value.value),t.toRaw(N)),[1]:()=>t.toRaw(w.value.value).some(R=>w.compare(t.toRaw(R),t.toRaw(N)))})&&(k.activeOptionIndex=k.options.indexOf(I))}u.value=k.options,m.value=k.activeOptionIndex,p.value=1,k.options.some(N=>!y(N.dataRef.domRef))&&requestAnimationFrame(()=>{let N=g();u.value=N.options,m.value=N.activeOptionIndex})},unregisterOption(x){var C;w.activeOptionIndex.value!==null&&((C=w.options.value[w.activeOptionIndex.value])==null?void 0:C.id)===x&&(b.value=!0);let I=g(k=>{let N=k.findIndex(R=>R.id===x);return N!==-1&&k.splice(N,1),k});u.value=I.options,m.value=I.activeOptionIndex,p.value=1}};be([i,d,f],()=>w.closeCombobox(),t.computed(()=>n.value===0)),t.provide(Ce,w),fe(t.computed(()=>T(n.value,{[0]:j.Open,[1]:j.Closed})));let V=t.computed(()=>w.activeOptionIndex.value===null?null:u.value[w.activeOptionIndex.value].dataRef.value),B=t.computed(()=>{var x;return(x=y(i))==null?void 0:x.closest("form")});return t.onMounted(()=>{t.watch([B],()=>{if(!B.value||e.defaultValue===void 0)return;function x(){w.change(e.defaultValue)}return B.value.addEventListener("reset",x),()=>{var C;(C=B.value)==null||C.removeEventListener("reset",x)}},{immediate:!0})}),()=>{let{name:x,disabled:C,form:I,...k}=e,N={open:n.value===0,disabled:C,activeIndex:w.activeOptionIndex.value,activeOption:V.value,value:h.value};return t.h(t.Fragment,[...x!=null&&h.value!=null?he({[x]:h.value}).map(([R,A])=>t.h(ge,ue({features:Q.Hidden,key:R,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:I,name:R,value:A}))):[],D({theirProps:{...l,...L(k,["modelValue","defaultValue","nullable","multiple","onUpdate:modelValue","by"])},ourProps:{},slot:N,slots:o,attrs:l,name:"Combobox"})])}}}),mt=t.defineComponent({name:"ComboboxLabel",props:{as:{type:[Object,String],default:"label"},id:{type:String,default:()=>`headlessui-combobox-label-${$()}`}},setup(e,{attrs:o,slots:l}){let r=M("ComboboxLabel");function n(){var a;(a=y(r.inputRef))==null||a.focus({preventScroll:!0})}return()=>{let a={open:r.comboboxState.value===0,disabled:r.disabled.value},{id:i,...d}=e,f={id:i,ref:r.labelRef,onClick:n};return D({ourProps:f,theirProps:d,slot:a,attrs:o,slots:l,name:"ComboboxLabel"})}}}),pt=t.defineComponent({name:"ComboboxButton",props:{as:{type:[Object,String],default:"button"},id:{type:String,default:()=>`headlessui-combobox-button-${$()}`}},setup(e,{attrs:o,slots:l,expose:r}){let n=M("ComboboxButton");r({el:n.buttonRef,$el:n.buttonRef});function a(f){n.disabled.value||(n.comboboxState.value===0?n.closeCombobox():(f.preventDefault(),n.openCombobox()),t.nextTick(()=>{var s;return(s=y(n.inputRef))==null?void 0:s.focus({preventScroll:!0})}))}function i(f){switch(f.key){case S.ArrowDown:f.preventDefault(),f.stopPropagation(),n.comboboxState.value===1&&n.openCombobox(),t.nextTick(()=>{var s;return(s=n.inputRef.value)==null?void 0:s.focus({preventScroll:!0})});return;case S.ArrowUp:f.preventDefault(),f.stopPropagation(),n.comboboxState.value===1&&(n.openCombobox(),t.nextTick(()=>{n.value.value||n.goToOption(E.Last)})),t.nextTick(()=>{var s;return(s=n.inputRef.value)==null?void 0:s.focus({preventScroll:!0})});return;case S.Escape:if(n.comboboxState.value!==0)return;f.preventDefault(),n.optionsRef.value&&!n.optionsPropsRef.value.static&&f.stopPropagation(),n.closeCombobox(),t.nextTick(()=>{var s;return(s=n.inputRef.value)==null?void 0:s.focus({preventScroll:!0})});return}}let d=q(t.computed(()=>({as:e.as,type:o.type})),n.buttonRef);return()=>{var f,s;let u={open:n.comboboxState.value===0,disabled:n.disabled.value,value:n.value.value},{id:m,...p}=e,b={ref:n.buttonRef,id:m,type:d.value,tabindex:"-1","aria-haspopup":"listbox","aria-controls":(f=y(n.optionsRef))==null?void 0:f.id,"aria-expanded":n.disabled.value?void 0:n.comboboxState.value===0,"aria-labelledby":n.labelRef.value?[(s=y(n.labelRef))==null?void 0:s.id,m].join(" "):void 0,disabled:n.disabled.value===!0?!0:void 0,onKeydown:i,onClick:a};return D({ourProps:b,theirProps:p,slot:u,attrs:o,slots:l,name:"ComboboxButton"})}}}),bt=t.defineComponent({name:"ComboboxInput",props:{as:{type:[Object,String],default:"input"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},displayValue:{type:Function},defaultValue:{type:String,default:void 0},id:{type:String,default:()=>`headlessui-combobox-input-${$()}`}},emits:{change:e=>!0},setup(e,{emit:o,attrs:l,slots:r,expose:n}){let a=M("ComboboxInput"),i={value:!1};n({el:a.inputRef,$el:a.inputRef});let d=t.computed(()=>{var c;let h=a.value.value;return y(a.inputRef)?typeof e.displayValue<"u"&&h!==void 0?(c=e.displayValue(h))!=null?c:"":typeof h=="string"?h:"":""});t.onMounted(()=>{t.watch([d,a.comboboxState],([c,h],[O,w])=>{if(i.value)return;let V=y(a.inputRef);V&&(w===0&&h===1||c!==O)&&(V.value=c)},{immediate:!0}),t.watch([a.comboboxState],([c],[h])=>{if(c===0&&h===1){let O=y(a.inputRef);if(!O)return;let w=O.value,{selectionStart:V,selectionEnd:B,selectionDirection:x}=O;O.value="",O.value=w,x!==null?O.setSelectionRange(V,B,x):O.setSelectionRange(V,B)}})});let f=t.ref(!1),s=t.ref(null);function u(){f.value=!0}function m(){Se().nextFrame(()=>{f.value=!1,s.value&&(a.openCombobox(),o("change",s.value),s.value=null)})}function p(c){switch(i.value=!0,c.key){case S.Backspace:case S.Delete:if(a.mode.value!==0||!a.nullable.value)return;let h=c.currentTarget;requestAnimationFrame(()=>{if(h.value===""){a.change(null);let O=y(a.optionsRef);O&&(O.scrollTop=0),a.goToOption(E.Nothing)}});break;case S.Enter:if(i.value=!1,a.comboboxState.value!==0||f.value)return;if(c.preventDefault(),c.stopPropagation(),a.activeOptionIndex.value===null){a.closeCombobox();return}a.selectActiveOption(),a.mode.value===0&&a.closeCombobox();break;case S.ArrowDown:return i.value=!1,c.preventDefault(),c.stopPropagation(),T(a.comboboxState.value,{[0]:()=>a.goToOption(E.Next),[1]:()=>a.openCombobox()});case S.ArrowUp:return i.value=!1,c.preventDefault(),c.stopPropagation(),T(a.comboboxState.value,{[0]:()=>a.goToOption(E.Previous),[1]:()=>{a.openCombobox(),t.nextTick(()=>{a.value.value||a.goToOption(E.Last)})}});case S.Home:if(c.shiftKey)break;return i.value=!1,c.preventDefault(),c.stopPropagation(),a.goToOption(E.First);case S.PageUp:return i.value=!1,c.preventDefault(),c.stopPropagation(),a.goToOption(E.First);case S.End:if(c.shiftKey)break;return i.value=!1,c.preventDefault(),c.stopPropagation(),a.goToOption(E.Last);case S.PageDown:return i.value=!1,c.preventDefault(),c.stopPropagation(),a.goToOption(E.Last);case S.Escape:if(i.value=!1,a.comboboxState.value!==0)return;c.preventDefault(),a.optionsRef.value&&!a.optionsPropsRef.value.static&&c.stopPropagation(),a.closeCombobox();break;case S.Tab:if(i.value=!1,a.comboboxState.value!==0)return;a.mode.value===0&&a.selectActiveOption(),a.closeCombobox();break}}function b(c){if(f.value){s.value=c;return}a.openCombobox(),o("change",c)}function g(){i.value=!1}let v=t.computed(()=>{var c,h,O,w;return(w=(O=(h=e.defaultValue)!=null?h:a.defaultValue.value!==void 0?(c=e.displayValue)==null?void 0:c.call(e,a.defaultValue.value):null)!=null?O:a.defaultValue.value)!=null?w:""});return()=>{var c,h,O,w,V,B;let x={open:a.comboboxState.value===0},{id:C,displayValue:I,onChange:k,...N}=e,R={"aria-controls":(c=a.optionsRef.value)==null?void 0:c.id,"aria-expanded":a.disabled.value?void 0:a.comboboxState.value===0,"aria-activedescendant":a.activeOptionIndex.value===null||(h=a.options.value[a.activeOptionIndex.value])==null?void 0:h.id,"aria-labelledby":(V=(O=y(a.labelRef))==null?void 0:O.id)!=null?V:(w=y(a.buttonRef))==null?void 0:w.id,"aria-autocomplete":"list",id:C,onCompositionstart:u,onCompositionend:m,onKeydown:p,onInput:b,onBlur:g,role:"combobox",type:(B=l.type)!=null?B:"text",tabIndex:0,ref:a.inputRef,defaultValue:v.value,disabled:a.disabled.value===!0?!0:void 0};return D({ourProps:R,theirProps:N,slot:x,attrs:l,slots:r,features:F.RenderStrategy|F.Static,name:"ComboboxInput"})}}}),gt=t.defineComponent({name:"ComboboxOptions",props:{as:{type:[Object,String],default:"ul"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},hold:{type:[Boolean],default:!1}},setup(e,{attrs:o,slots:l,expose:r}){let n=M("ComboboxOptions"),a=`headlessui-combobox-options-${$()}`;r({el:n.optionsRef,$el:n.optionsRef}),t.watchEffect(()=>{n.optionsPropsRef.value.static=e.static}),t.watchEffect(()=>{n.optionsPropsRef.value.hold=e.hold});let i=de(),d=t.computed(()=>i!==null?(i.value&j.Open)===j.Open:n.comboboxState.value===0);return ve({container:t.computed(()=>y(n.optionsRef)),enabled:t.computed(()=>n.comboboxState.value===0),accept(f){return f.getAttribute("role")==="option"?NodeFilter.FILTER_REJECT:f.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(f){f.setAttribute("role","none")}}),()=>{var f,s,u;let m={open:n.comboboxState.value===0},p={"aria-labelledby":(u=(f=y(n.labelRef))==null?void 0:f.id)!=null?u:(s=y(n.buttonRef))==null?void 0:s.id,id:a,ref:n.optionsRef,role:"listbox","aria-multiselectable":n.mode.value===1?!0:void 0},b=L(e,["hold"]);return D({ourProps:p,theirProps:b,slot:m,attrs:o,slots:l,features:F.RenderStrategy|F.Static,visible:d.value,name:"ComboboxOptions"})}}}),ht=t.defineComponent({name:"ComboboxOption",props:{as:{type:[Object,String],default:"li"},value:{type:[Object,String,Number,Boolean]},disabled:{type:Boolean,default:!1}},setup(e,{slots:o,attrs:l,expose:r}){let n=M("ComboboxOption"),a=`headlessui-combobox-option-${$()}`,i=t.ref(null);r({el:i,$el:i});let d=t.computed(()=>n.activeOptionIndex.value!==null?n.options.value[n.activeOptionIndex.value].id===a:!1),f=t.computed(()=>T(n.mode.value,{[0]:()=>n.compare(t.toRaw(n.value.value),t.toRaw(e.value)),[1]:()=>t.toRaw(n.value.value).some(c=>n.compare(t.toRaw(c),t.toRaw(e.value)))})),s=t.computed(()=>({disabled:e.disabled,value:e.value,domRef:i}));t.onMounted(()=>n.registerOption(a,s)),t.onUnmounted(()=>n.unregisterOption(a)),t.watchEffect(()=>{n.comboboxState.value===0&&d.value&&n.activationTrigger.value!==0&&t.nextTick(()=>{var c,h;return(h=(c=y(i))==null?void 0:c.scrollIntoView)==null?void 0:h.call(c,{block:"nearest"})})});function u(c){if(e.disabled)return c.preventDefault();n.selectOption(a),n.mode.value===0&&n.closeCombobox(),ut()||requestAnimationFrame(()=>{var h;return(h=y(n.inputRef))==null?void 0:h.focus()})}function m(){if(e.disabled)return n.goToOption(E.Nothing);n.goToOption(E.Specific,a)}let p=ke();function b(c){p.update(c)}function g(c){p.wasMoved(c)&&(e.disabled||d.value||n.goToOption(E.Specific,a,0))}function v(c){p.wasMoved(c)&&(e.disabled||d.value&&(n.optionsPropsRef.value.hold||n.goToOption(E.Nothing)))}return()=>{let{disabled:c}=e,h={active:d.value,selected:f.value,disabled:c},O={id:a,ref:i,role:"option",tabIndex:c===!0?void 0:-1,"aria-disabled":c===!0?!0:void 0,"aria-selected":f.value,disabled:void 0,onClick:u,onFocus:m,onPointerenter:b,onMouseenter:b,onPointermove:g,onMousemove:g,onPointerleave:v,onMouseleave:v};return D({ourProps:O,theirProps:e,slot:h,attrs:l,slots:o,name:"ComboboxOption"})}}}),Ee=Symbol("DescriptionContext");function xt(){let e=t.inject(Ee,null);if(e===null)throw new Error("Missing parent");return e}function yt({slot:e=t.ref({}),name:o="Description",props:l={}}={}){let r=t.ref([]);function n(a){return r.value.push(a),()=>{let i=r.value.indexOf(a);i!==-1&&r.value.splice(i,1)}}return t.provide(Ee,{register:n,slot:e,name:o,props:l}),t.computed(()=>r.value.length>0?r.value.join(" "):void 0)}t.defineComponent({name:"Description",props:{as:{type:[Object,String],default:"p"},id:{type:String,default:()=>`headlessui-description-${$()}`}},setup(e,{attrs:o,slots:l}){let r=xt();return t.onMounted(()=>t.onUnmounted(r.register(e.id))),()=>{let{name:n="Description",slot:a=t.ref({}),props:i={}}=r,{id:d,...f}=e,s={...Object.entries(i).reduce((u,[m,p])=>Object.assign(u,{[m]:t.unref(p)}),{}),id:d};return D({ourProps:s,theirProps:f,slot:a.value,attrs:o,slots:l,name:n})}}});let oe=/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;function le(e){var o,l;let r=(o=e.innerText)!=null?o:"",n=e.cloneNode(!0);if(!(n instanceof HTMLElement))return r;let a=!1;for(let d of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))d.remove(),a=!0;let i=a?(l=n.innerText)!=null?l:"":r;return oe.test(i)&&(i=i.replace(oe,"")),i}function wt(e){let o=e.getAttribute("aria-label");if(typeof o=="string")return o.trim();let l=e.getAttribute("aria-labelledby");if(l){let r=l.split(" ").map(n=>{let a=document.getElementById(n);if(a){let i=a.getAttribute("aria-label");return typeof i=="string"?i.trim():le(a).trim()}return null}).filter(Boolean);if(r.length>0)return r.join(", ")}return le(e).trim()}function kt(e){let o=t.ref(""),l=t.ref("");return()=>{let r=y(e);if(!r)return"";let n=r.innerText;if(o.value===n)return l.value;let a=wt(r).trim().toLowerCase();return o.value=n,l.value=a,a}}var St=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(St||{}),Ct=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(Ct||{});function Et(e){requestAnimationFrame(()=>requestAnimationFrame(e))}let Oe=Symbol("MenuContext");function z(e){let o=t.inject(Oe,null);if(o===null){let l=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,z),l}return o}let Ot=t.defineComponent({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup(e,{slots:o,attrs:l}){let r=t.ref(1),n=t.ref(null),a=t.ref(null),i=t.ref([]),d=t.ref(""),f=t.ref(null),s=t.ref(1);function u(p=b=>b){let b=f.value!==null?i.value[f.value]:null,g=X(p(i.value.slice()),c=>y(c.dataRef.domRef)),v=b?g.indexOf(b):null;return v===-1&&(v=null),{items:g,activeItemIndex:v}}let m={menuState:r,buttonRef:n,itemsRef:a,items:i,searchQuery:d,activeItemIndex:f,activationTrigger:s,closeMenu:()=>{r.value=1,f.value=null},openMenu:()=>r.value=0,goToItem(p,b,g){let v=u(),c=se(p===E.Specific?{focus:E.Specific,id:b}:{focus:p},{resolveItems:()=>v.items,resolveActiveIndex:()=>v.activeItemIndex,resolveId:h=>h.id,resolveDisabled:h=>h.dataRef.disabled});d.value="",f.value=c,s.value=g??1,i.value=v.items},search(p){let b=d.value!==""?0:1;d.value+=p.toLowerCase();let g=(f.value!==null?i.value.slice(f.value+b).concat(i.value.slice(0,f.value+b)):i.value).find(c=>c.dataRef.textValue.startsWith(d.value)&&!c.dataRef.disabled),v=g?i.value.indexOf(g):-1;v===-1||v===f.value||(f.value=v,s.value=1)},clearSearch(){d.value=""},registerItem(p,b){let g=u(v=>[...v,{id:p,dataRef:b}]);i.value=g.items,f.value=g.activeItemIndex,s.value=1},unregisterItem(p){let b=u(g=>{let v=g.findIndex(c=>c.id===p);return v!==-1&&g.splice(v,1),g});i.value=b.items,f.value=b.activeItemIndex,s.value=1}};return be([n,a],(p,b)=>{var g;m.closeMenu(),J(b,Y.Loose)||(p.preventDefault(),(g=y(n))==null||g.focus())},t.computed(()=>r.value===0)),t.provide(Oe,m),fe(t.computed(()=>T(r.value,{[0]:j.Open,[1]:j.Closed}))),()=>{let p={open:r.value===0,close:m.closeMenu};return D({ourProps:{},theirProps:e,slot:p,slots:o,attrs:l,name:"Menu"})}}}),It=t.defineComponent({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"},id:{type:String,default:()=>`headlessui-menu-button-${$()}`}},setup(e,{attrs:o,slots:l,expose:r}){let n=z("MenuButton");r({el:n.buttonRef,$el:n.buttonRef});function a(s){switch(s.key){case S.Space:case S.Enter:case S.ArrowDown:s.preventDefault(),s.stopPropagation(),n.openMenu(),t.nextTick(()=>{var u;(u=y(n.itemsRef))==null||u.focus({preventScroll:!0}),n.goToItem(E.First)});break;case S.ArrowUp:s.preventDefault(),s.stopPropagation(),n.openMenu(),t.nextTick(()=>{var u;(u=y(n.itemsRef))==null||u.focus({preventScroll:!0}),n.goToItem(E.Last)});break}}function i(s){switch(s.key){case S.Space:s.preventDefault();break}}function d(s){e.disabled||(n.menuState.value===0?(n.closeMenu(),t.nextTick(()=>{var u;return(u=y(n.buttonRef))==null?void 0:u.focus({preventScroll:!0})})):(s.preventDefault(),n.openMenu(),Et(()=>{var u;return(u=y(n.itemsRef))==null?void 0:u.focus({preventScroll:!0})})))}let f=q(t.computed(()=>({as:e.as,type:o.type})),n.buttonRef);return()=>{var s;let u={open:n.menuState.value===0},{id:m,...p}=e,b={ref:n.buttonRef,id:m,type:f.value,"aria-haspopup":"menu","aria-controls":(s=y(n.itemsRef))==null?void 0:s.id,"aria-expanded":e.disabled?void 0:n.menuState.value===0,onKeydown:a,onKeyup:i,onClick:d};return D({ourProps:b,theirProps:p,slot:u,attrs:o,slots:l,name:"MenuButton"})}}}),Nt=t.defineComponent({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:()=>`headlessui-menu-items-${$()}`}},setup(e,{attrs:o,slots:l,expose:r}){let n=z("MenuItems"),a=t.ref(null);r({el:n.itemsRef,$el:n.itemsRef}),ve({container:t.computed(()=>y(n.itemsRef)),enabled:t.computed(()=>n.menuState.value===0),accept(u){return u.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:u.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(u){u.setAttribute("role","none")}});function i(u){var m;switch(a.value&&clearTimeout(a.value),u.key){case S.Space:if(n.searchQuery.value!=="")return u.preventDefault(),u.stopPropagation(),n.search(u.key);case S.Enter:if(u.preventDefault(),u.stopPropagation(),n.activeItemIndex.value!==null){let p=n.items.value[n.activeItemIndex.value];(m=y(p.dataRef.domRef))==null||m.click()}n.closeMenu(),pe(y(n.buttonRef));break;case S.ArrowDown:return u.preventDefault(),u.stopPropagation(),n.goToItem(E.Next);case S.ArrowUp:return u.preventDefault(),u.stopPropagation(),n.goToItem(E.Previous);case S.Home:case S.PageUp:return u.preventDefault(),u.stopPropagation(),n.goToItem(E.First);case S.End:case S.PageDown:return u.preventDefault(),u.stopPropagation(),n.goToItem(E.Last);case S.Escape:u.preventDefault(),u.stopPropagation(),n.closeMenu(),t.nextTick(()=>{var p;return(p=y(n.buttonRef))==null?void 0:p.focus({preventScroll:!0})});break;case S.Tab:u.preventDefault(),u.stopPropagation(),n.closeMenu(),t.nextTick(()=>nt(y(n.buttonRef),u.shiftKey?K.Previous:K.Next));break;default:u.key.length===1&&(n.search(u.key),a.value=setTimeout(()=>n.clearSearch(),350));break}}function d(u){switch(u.key){case S.Space:u.preventDefault();break}}let f=de(),s=t.computed(()=>f!==null?(f.value&j.Open)===j.Open:n.menuState.value===0);return()=>{var u,m;let p={open:n.menuState.value===0},{id:b,...g}=e,v={"aria-activedescendant":n.activeItemIndex.value===null||(u=n.items.value[n.activeItemIndex.value])==null?void 0:u.id,"aria-labelledby":(m=y(n.buttonRef))==null?void 0:m.id,id:b,onKeydown:i,onKeyup:d,role:"menu",tabIndex:0,ref:n.itemsRef};return D({ourProps:v,theirProps:g,slot:p,attrs:o,slots:l,features:F.RenderStrategy|F.Static,visible:s.value,name:"MenuItems"})}}}),Rt=t.defineComponent({name:"MenuItem",inheritAttrs:!1,props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`headlessui-menu-item-${$()}`}},setup(e,{slots:o,attrs:l,expose:r}){let n=z("MenuItem"),a=t.ref(null);r({el:a,$el:a});let i=t.computed(()=>n.activeItemIndex.value!==null?n.items.value[n.activeItemIndex.value].id===e.id:!1),d=kt(a),f=t.computed(()=>({disabled:e.disabled,get textValue(){return d()},domRef:a}));t.onMounted(()=>n.registerItem(e.id,f)),t.onUnmounted(()=>n.unregisterItem(e.id)),t.watchEffect(()=>{n.menuState.value===0&&i.value&&n.activationTrigger.value!==0&&t.nextTick(()=>{var v,c;return(c=(v=y(a))==null?void 0:v.scrollIntoView)==null?void 0:c.call(v,{block:"nearest"})})});function s(v){if(e.disabled)return v.preventDefault();n.closeMenu(),pe(y(n.buttonRef))}function u(){if(e.disabled)return n.goToItem(E.Nothing);n.goToItem(E.Specific,e.id)}let m=ke();function p(v){m.update(v)}function b(v){m.wasMoved(v)&&(e.disabled||i.value||n.goToItem(E.Specific,e.id,0))}function g(v){m.wasMoved(v)&&(e.disabled||i.value&&n.goToItem(E.Nothing))}return()=>{let{disabled:v}=e,c={active:i.value,disabled:v,close:n.closeMenu},{id:h,...O}=e;return D({ourProps:{id:h,ref:a,role:"menuitem",tabIndex:v===!0?void 0:-1,"aria-disabled":v===!0?!0:void 0,disabled:void 0,onClick:s,onFocus:u,onPointerenter:p,onMouseenter:p,onPointermove:b,onMousemove:b,onPointerleave:g,onMouseleave:g},theirProps:{...l,...O},slot:c,attrs:l,slots:o,name:"MenuItem"})}}}),Ie=Symbol("LabelContext");function Ne(){let e=t.inject(Ie,null);if(e===null){let o=new Error("You used a <Label /> component, but it is not inside a parent.");throw Error.captureStackTrace&&Error.captureStackTrace(o,Ne),o}return e}function Dt({slot:e={},name:o="Label",props:l={}}={}){let r=t.ref([]);function n(a){return r.value.push(a),()=>{let i=r.value.indexOf(a);i!==-1&&r.value.splice(i,1)}}return t.provide(Ie,{register:n,slot:e,name:o,props:l}),t.computed(()=>r.value.length>0?r.value.join(" "):void 0)}let Tt=t.defineComponent({name:"Label",props:{as:{type:[Object,String],default:"label"},passive:{type:[Boolean],default:!1},id:{type:String,default:()=>`headlessui-label-${$()}`}},setup(e,{slots:o,attrs:l}){let r=Ne();return t.onMounted(()=>t.onUnmounted(r.register(e.id))),()=>{let{name:n="Label",slot:a={},props:i={}}=r,{id:d,passive:f,...s}=e,u={...Object.entries(i).reduce((m,[p,b])=>Object.assign(m,{[p]:t.unref(b)}),{}),id:d};return f&&(delete u.onClick,delete u.htmlFor,delete s.onClick),D({ourProps:u,theirProps:s,slot:a,attrs:l,slots:o,name:n})}}}),Re=Symbol("GroupContext"),Vt=t.defineComponent({name:"SwitchGroup",props:{as:{type:[Object,String],default:"template"}},setup(e,{slots:o,attrs:l}){let r=t.ref(null),n=Dt({name:"SwitchLabel",props:{htmlFor:t.computed(()=>{var i;return(i=r.value)==null?void 0:i.id}),onClick(i){r.value&&(i.currentTarget.tagName==="LABEL"&&i.preventDefault(),r.value.click(),r.value.focus({preventScroll:!0}))}}}),a=yt({name:"SwitchDescription"});return t.provide(Re,{switchRef:r,labelledby:n,describedby:a}),()=>D({theirProps:e,ourProps:{},slot:{},slots:o,attrs:l,name:"SwitchGroup"})}}),Bt=t.defineComponent({name:"Switch",emits:{"update:modelValue":e=>!0},props:{as:{type:[Object,String],default:"button"},modelValue:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,optional:!0},form:{type:String,optional:!0},name:{type:String,optional:!0},value:{type:String,optional:!0},id:{type:String,default:()=>`headlessui-switch-${$()}`}},inheritAttrs:!1,setup(e,{emit:o,attrs:l,slots:r,expose:n}){let a=t.inject(Re,null),[i,d]=we(t.computed(()=>e.modelValue),c=>o("update:modelValue",c),t.computed(()=>e.defaultChecked));function f(){d(!i.value)}let s=t.ref(null),u=a===null?s:a.switchRef,m=q(t.computed(()=>({as:e.as,type:l.type})),u);n({el:u,$el:u});function p(c){c.preventDefault(),f()}function b(c){c.key===S.Space?(c.preventDefault(),f()):c.key===S.Enter&&at(c.currentTarget)}function g(c){c.preventDefault()}let v=t.computed(()=>{var c,h;return(h=(c=y(u))==null?void 0:c.closest)==null?void 0:h.call(c,"form")});return t.onMounted(()=>{t.watch([v],()=>{if(!v.value||e.defaultChecked===void 0)return;function c(){d(e.defaultChecked)}return v.value.addEventListener("reset",c),()=>{var h;(h=v.value)==null||h.removeEventListener("reset",c)}},{immediate:!0})}),()=>{let{id:c,name:h,value:O,form:w,...V}=e,B={checked:i.value},x={id:c,ref:u,role:"switch",type:m.value,tabIndex:0,"aria-checked":i.value,"aria-labelledby":a==null?void 0:a.labelledby.value,"aria-describedby":a==null?void 0:a.describedby.value,onClick:p,onKeyup:b,onKeypress:g};return t.h(t.Fragment,[h!=null&&i.value!=null?t.h(ge,ue({features:Q.Hidden,as:"input",type:"checkbox",hidden:!0,readOnly:!0,checked:i.value,form:w,name:h,value:O})):null,D({ourProps:x,theirProps:{...l,...L(V,["modelValue","defaultChecked"])},slot:B,attrs:l,slots:r,name:"Switch"})])}}}),$t=Tt;function Pt(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M7.5 7.5h-.75A2.25 2.25 0 004.5 9.75v7.5a2.25 2.25 0 002.25 2.25h7.5a2.25 2.25 0 002.25-2.25v-7.5a2.25 2.25 0 00-2.25-2.25h-.75m0-3l-3-3m0 0l-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 012.25 2.25v7.5a2.25 2.25 0 01-2.25 2.25h-7.5a2.25 2.25 0 01-2.25-2.25v-.75"})])}function De(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})])}function jt(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function Ft(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}function Mt(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"})])}function At(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"})])}function Z(e,o){return t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})])}const Lt={class:"py-1"},zt=["onClick"],Ut={name:"uiDropdown"},Ht=Object.assign(Ut,{props:{items:{type:Array,required:!0},position:{type:String,default:"left"},disabled:Boolean,label:{type:String,required:!0}},emits:["optionSelected"],setup(e,{emit:o}){const l=e,r=t.computed(()=>{let a=l.items.find(i=>i.active===!0);return a?a.name:l.label}),n=a=>{l.disabled||o("optionSelected",a.value)};return(a,i)=>(t.openBlock(),t.createBlock(t.unref(Ot),{as:"div",class:t.normalizeClass(["relative inline-block text-left",{"opacity-25":e.disabled}])},{default:t.withCtx(()=>[t.createElementVNode("div",null,[t.createVNode(t.unref(It),{class:"inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(r.value)+" ",1),t.createVNode(t.unref(jt),{"aria-hidden":"true",class:"-mr-1 ml-2 h-5 w-5"})]),_:1})]),t.createVNode(t.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:t.withCtx(()=>[e.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.unref(Nt),{key:0,class:t.normalizeClass([{"right-0":e.position==="right","left-0":e.position==="left"},"origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])},{default:t.withCtx(()=>[t.createElementVNode("div",Lt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(d,f)=>(t.openBlock(),t.createBlock(t.unref(Rt),{key:f},{default:t.withCtx(()=>[t.createElementVNode("a",{onClick:s=>n(d),class:t.normalizeClass([d.active?"bg-gray-100 text-gray-900":"text-gray-700","block px-4 py-2 text-sm cursor-pointer"])},t.toDisplayString(d.name),11,zt)]),_:2},1024))),128))])]),_:1},8,["class"]))]),_:1})]),_:1},8,["class"]))}}),Kt={class:"flex justify-between"},qt={key:0,class:"block text-sm font-medium text-gray-700"},Wt={key:1,class:"text-[10px] text-gray-500 uppercase justify-self-end"},Gt={key:0,class:"inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm"},Yt=["disabled","name","placeholder","type"],Jt={key:1,class:"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"},Xt={name:"uiInput"},Qt=Object.assign(Xt,{props:{label:String,type:{type:String,default:"text"},name:String,placeholder:{type:String,default:"..."},icon:{type:Function,default:()=>{}},disabled:Boolean,color:{type:String,default:"gray"},value:{type:String,default:""},error:String,optional:String,addOn:String},emits:["inputChanged"],setup(e,{emit:o}){const l=e,r=a=>{o("inputChanged",{value:a.target.value,name:a.target.name})},n=t.ref(l.value);return(a,i)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",Kt,[e.label?(t.openBlock(),t.createElementBlock("label",qt,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),e.optional?(t.openBlock(),t.createElementBlock("span",Wt,t.toDisplayString(e.optional),1)):t.createCommentVNode("",!0)]),t.createElementVNode("div",{class:t.normalizeClass([{"mt-1":e.label},"relative flex"])},[e.addOn?(t.openBlock(),t.createElementBlock("span",Gt,t.toDisplayString(e.addOn),1)):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=d=>n.value=d),class:t.normalizeClass([{"border-gray-300":e.color!=="danger"||e.color!=="warning"||e.color!=="success","border-red-300":e.color==="danger","border-yellow-400":e.color==="warning","border-green-400":e.color==="success","bg-gray-100":e.disabled,"text-black":e.color!=="danger"||e.color!=="warning"||e.color!=="success","text-red-300":e.color==="danger","text-yellow-400":e.color==="warning","text-green-400":e.color==="success","rounded-md":!e.addOn,"rounded-r-md":e.addOn},"shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]),disabled:e.disabled,name:e.name,placeholder:e.placeholder,type:e.type,onInput:r},null,42,Yt),[[t.vModelDynamic,n.value]]),e.icon?(t.openBlock(),t.createElementBlock("div",Jt,[t.createVNode(P,{icon:e.icon,color:e.color},null,8,["icon","color"]),t.withDirectives(t.createVNode(P,{icon:t.unref(De),color:"green"},null,8,["icon"]),[[t.vShow,e.color==="success"]]),t.withDirectives(t.createVNode(P,{icon:t.unref(At),color:"yellow"},null,8,["icon"]),[[t.vShow,e.color==="warning"]]),t.withDirectives(t.createVNode(P,{icon:t.unref(Mt),color:"red"},null,8,["icon"]),[[t.vShow,e.color==="danger"]])])):t.createCommentVNode("",!0)],2),t.withDirectives(t.createElementVNode("p",{class:t.normalizeClass([{"text-gray-300":e.color!=="danger"||e.color!=="warning"||e.color!=="success","text-red-300":e.color==="danger","text-yellow-400":e.color==="warning","text-green-400":e.color==="success"},"mt-2 text-xs flex flex-row items-center"])},[t.createVNode(P,{icon:t.unref(Z),color:"red",class:"mr-2"},null,8,["icon"]),t.createTextVNode(t.toDisplayString(e.error),1)],2),[[t.vShow,e.error]])]))}}),Zt={class:"flex justify-between"},_t={key:0,class:"block text-sm font-medium text-gray-700"},en={key:1,class:"text-[10px] text-gray-500 uppercase"},tn=["onDrop"],nn={class:"space-y-1 flex flex-col items-center justify-center"},on={class:"flex text-sm text-gray-600 flex flex-col sm:flex-row text-center"},ln={for:"file-upload",class:"relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500"},an=["accept"],rn={class:"pl-1"},un={class:"text-xs text-gray-500 pb-4"},sn={class:"mt-2 text-xs flex flex-row items-center text-red-300"},cn={name:"uiInputFile"},dn=Object.assign(cn,{props:{name:String,label:String,optional:String,placeholder:String,dragAndDrop:String,fileTypesAndSizes:String,error:String,accept:String,icon:{type:Function,default:Pt}},emits:["filesUploaded"],setup(e,{emit:o}){const l=e,r=t.ref(""),n=i=>{let f=i.dataTransfer.files;o("filesUploaded",f),l.filename=f[0].name},a=i=>{o("filesUploaded",i.target.files),l.filename=i.target.files[0].name};return(i,d)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",Zt,[e.label?(t.openBlock(),t.createElementBlock("label",_t,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),e.optional?(t.openBlock(),t.createElementBlock("span",en,t.toDisplayString(e.optional),1)):t.createCommentVNode("",!0)]),t.createElementVNode("div",{class:t.normalizeClass([[{"mt-1":e.label},{"border-gray-300 hover:border-gray-400":!e.error},{"border-red-300 hover:border-red-400":e.error}],"dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]),onDragover:d[0]||(d[0]=t.withModifiers(()=>{},["prevent"])),onDrop:t.withModifiers(n,["prevent"])},[t.createElementVNode("div",nn,[t.createVNode(P,{icon:e.icon,size:"massive",color:"gray","aria-hidden":"true",class:"mb-4"},null,8,["icon"]),t.createElementVNode("div",on,[t.createElementVNode("label",ln,[t.createElementVNode("span",null,t.toDisplayString(e.placeholder),1),t.createElementVNode("input",{id:"file-upload",name:"file-upload",type:"file",class:"sr-only",accept:e.accept,onChange:a},null,40,an)]),t.createElementVNode("p",rn,t.toDisplayString(e.dragAndDrop),1)]),t.createElementVNode("p",un,t.toDisplayString(e.fileTypesAndSizes),1),t.withDirectives(t.createElementVNode("p",{class:"font-bold text-xs uppercase block p-2 bg-gray-200 rounded"},t.toDisplayString(r.value),513),[[t.vShow,r.value!==""]])])],42,tn),t.withDirectives(t.createElementVNode("p",sn,[t.createVNode(P,{icon:t.unref(Z),color:"red",class:"mr-2"},null,8,["icon"]),t.createTextVNode(t.toDisplayString(e.error),1)],512),[[t.vShow,e.error]])]))}}),fn={class:"relative mt-1"},vn={name:"uiSelect"},mn=Object.assign(vn,{props:{items:{type:Array,required:!0},label:String,select:Object},emits:["selectChanged"],setup(e,{emit:o}){const l=e,r=t.ref(""),n=t.ref(l.select),a=t.computed(()=>r.value===""?l.items:l.items.filter(d=>d.name.toLowerCase().includes(r.value.toLowerCase()))),i=()=>{o("selectChanged",n.value)};return(d,f)=>(t.openBlock(),t.createBlock(t.unref(vt),{modelValue:n.value,"onUpdate:modelValue":[f[1]||(f[1]=s=>n.value=s),f[3]||(f[3]=s=>i())],as:"div",onClick:f[2]||(f[2]=s=>i())},{default:t.withCtx(()=>[t.createVNode(t.unref(mt),{class:"block text-sm font-medium text-gray-700"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.label),1)]),_:1}),t.createElementVNode("div",fn,[t.createVNode(t.unref(bt),{"display-value":s=>s==null?void 0:s.name,class:"w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm",onChange:f[0]||(f[0]=s=>r.value=s.target.value)},null,8,["display-value"]),t.createVNode(t.unref(pt),{class:"absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"},{default:t.withCtx(()=>[t.createVNode(t.unref(Ft),{"aria-hidden":"true",class:"h-5 w-5 text-gray-400"})]),_:1}),a.value.length>0?(t.openBlock(),t.createBlock(t.unref(gt),{key:0,class:"absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.value,s=>(t.openBlock(),t.createBlock(t.unref(ht),{key:s.id,value:s,as:"template"},{default:t.withCtx(({active:u,selected:m})=>[t.createElementVNode("li",{class:t.normalizeClass(["relative cursor-default select-none py-2 pl-3 pr-9",u?"bg-indigo-600 text-white":"text-gray-900"])},[t.createElementVNode("span",{class:t.normalizeClass(["block truncate",m&&"font-semibold"])},t.toDisplayString(s.name),3),m?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["absolute inset-y-0 right-0 flex items-center pr-4",u?"text-white":"text-indigo-600"])},[t.createVNode(t.unref(De),{"aria-hidden":"true",class:"h-5 w-5"})],2)):t.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})):t.createCommentVNode("",!0)])]),_:1},8,["modelValue"]))}}),pn={name:"uiTag"},bn=Object.assign(pn,{props:{color:{type:String,default:"primary"}},setup(e){return(o,l)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass([{"bg-indigo-100 text-indigo-800 border border-indigo-200":e.color==="primary","bg-red-100 text-red-800 border border-red-200":e.color==="danger","bg-yellow-100 text-yellow-800 border border-yellow-200":e.color==="warning","bg-green-100 text-green-800 border border-green-200":e.color==="success","bg-black text-white border border-black":e.color==="black","text-black border border-gray-200":e.color==="white"},"inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"])},[t.renderSlot(o.$slots,"default")],2))}}),gn={key:0,class:"block text-sm font-medium text-gray-700"},hn=["disabled","placeholder"],xn={name:"uiTextArea"},yn=Object.assign(xn,{props:{label:String,placeholder:{type:String,default:"..."},value:String,color:String,disabled:{type:Boolean,default:!1},error:String},emits:["inputChanged"],setup(e,{emit:o}){const l=e,r=a=>{o("inputChanged",{value:a.target.value,name:a.target.value})},n=t.ref(l.value);return(a,i)=>(t.openBlock(),t.createElementBlock("div",null,[e.label?(t.openBlock(),t.createElementBlock("label",gn,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass({"mt-1":e.label})},[t.withDirectives(t.createElementVNode("textarea",{disabled:e.disabled,rows:"4","onUpdate:modelValue":i[0]||(i[0]=d=>n.value=d),placeholder:e.placeholder,class:t.normalizeClass(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md",{"border-gray-300":e.color!=="danger"||e.color!=="warning"||e.color!=="success","border-red-300":e.color==="danger","border-yellow-400":e.color==="warning","border-green-400":e.color==="success","bg-gray-100":e.disabled,"text-black":e.color!=="danger"||e.color!=="warning"||e.color!=="success","text-red-300":e.color==="danger","text-yellow-400":e.color==="warning","text-green-400":e.color==="success"}]),onChange:r},null,42,hn),[[t.vModelText,n.value]])],2),t.withDirectives(t.createElementVNode("p",{class:t.normalizeClass([{"text-gray-300":e.color!=="danger"||e.color!=="warning"||e.color!=="success","text-red-300":e.color==="danger","text-yellow-400":e.color==="warning","text-green-400":e.color==="success"},"mt-2 text-xs flex flex-row items-center"])},[t.createVNode(P,{icon:t.unref(Z),color:"red",class:"mr-2"},null,8,["icon"]),t.createTextVNode(t.toDisplayString(e.error),1)],2),[[t.vShow,e.error]])]))}}),wn={class:"text-sm font-medium text-gray-900"},kn={key:0,class:"text-sm text-gray-500 ml-2"},Sn={name:"uiToggle"},Cn=Object.assign(Sn,{props:{item:{type:Object,required:!0},checked:{type:Boolean,default:!1},disabled:Boolean},setup(e){const o=e,l=t.ref(o.checked);return(r,n)=>(t.openBlock(),t.createBlock(t.unref(Vt),{as:"div",class:"flex items-center relative"},{default:t.withCtx(()=>[t.createVNode(t.unref(Bt),{disabled:e.disabled,onClick:n[0]||(n[0]=a=>r.$emit("toggleChanged",{item:e.item,active:!l.value})),modelValue:l.value,"onUpdate:modelValue":n[1]||(n[1]=a=>l.value=a),class:t.normalizeClass([l.value?"bg-indigo-600":"bg-gray-200","relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"])},{default:t.withCtx(()=>[t.createElementVNode("span",{"aria-hidden":"true",class:t.normalizeClass([l.value?"translate-x-5":"translate-x-0",e.disabled?"bg-gray-300":"","pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"])},null,2)]),_:1},8,["disabled","modelValue","class"]),t.createVNode(t.unref($t),{as:"span",class:"ml-3"},{default:t.withCtx(()=>[t.createElementVNode("span",wn,t.toDisplayString(e.item.title),1),e.item.subtitle?(t.openBlock(),t.createElementBlock("span",kn,t.toDisplayString(e.item.subtitle),1)):t.createCommentVNode("",!0)]),_:1}),e.item.action?(t.openBlock(),t.createElementBlock("span",{key:0,class:"cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5",onClick:n[2]||(n[2]=a=>r.$emit("toggleClicked",e.item))},t.toDisplayString(e.item.action),1)):t.createCommentVNode("",!0)]),_:1}))}}),En={uiButton:$e,uiIcon:P,uiCheckbox:ze,uiDropdown:Ht,uiInput:Qt,uiInputFile:dn,uiSelect:mn,uiTag:bn,uiTextArea:yn,uiToggle:Cn},ae=En,On={install(e){Object.keys(ae).forEach(o=>{e.component(o,ae[o])})}};exports.default=On;