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

package/dist/src/ui.mjs

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