@deck9/ui 0.13.1 → 0.13.3

package/dist/src/ui.mjs

@@ -0,0 +1,2508 @@
+import { defineComponent as _, computed as k, openBlock as E, createBlock as H, unref as I, mergeProps as ze, createCommentVNode as A, createElementBlock as R, normalizeClass as M, createElementVNode as T, toDisplayString as N, createVNode as V, ref as O, getCurrentInstance as ln, onMounted as Z, watch as ne, Fragment as se, withDirectives as sn, vModelText as un, normalizeStyle as cn, cloneVNode as dn, h as ve, inject as ue, provide as ce, watchEffect as oe, nextTick as B, onUnmounted as Ee, toRaw as G, withCtx as U, renderSlot as nt, Teleport as fn, Transition as wt, normalizeProps as pn, guardReactiveProps as vn, resolveDynamicComponent as mn, isRef as bn, renderList as xt, createTextVNode as gn } from "vue";
+import { FontAwesomeIcon as hn } from "@fortawesome/vue-fontawesome";
+import { library as Ue } from "@fortawesome/fontawesome-svg-core";
+import * as b from "@fortawesome/free-solid-svg-icons";
+import * as fe from "@fortawesome/free-brands-svg-icons";
+var kt = "fas", St = "numeric-input", Ot = 512, Et = 512, $e = [], Dt = "", Pt = "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 rt = {
+  prefix: kt,
+  iconName: St,
+  icon: [Ot, Et, $e, Dt, Pt]
+}, yn = {
+  definition: rt,
+  faAlignJustify: rt,
+  prefix: kt,
+  iconName: St,
+  width: Ot,
+  height: Et,
+  ligatures: $e,
+  unicode: Dt,
+  svgPathData: Pt,
+  aliases: $e
+};
+Ue.add(
+  b.faArrowUp19,
+  b.faAt,
+  b.faBold,
+  b.faBolt,
+  b.faCalendar,
+  b.faChartPie,
+  b.faCheck,
+  b.faCheckCircle,
+  b.faChevronDown,
+  b.faChevronLeft,
+  b.faChevronRight,
+  b.faChevronUp,
+  b.faCircleCheck,
+  b.faCircleNotch,
+  b.faClipboard,
+  b.faCloudDownload,
+  b.faCloudUpload,
+  b.faCog,
+  b.faCrown,
+  b.faDoorOpen,
+  b.faDotCircle,
+  b.faEllipsis,
+  b.faEllipsisVertical,
+  b.faEnvelope,
+  b.faExclamationTriangle,
+  b.faExternalLink,
+  b.faEyeDropper,
+  b.faFileLines,
+  b.faFileUpload,
+  b.faFilter,
+  b.faFingerprint,
+  b.faGlobe,
+  b.faGripHorizontal,
+  b.faGripVertical,
+  b.faHandPointRight,
+  b.faHashtag,
+  b.faHeart,
+  b.faInfoCircle,
+  b.faItalic,
+  b.faLink,
+  b.faLock,
+  b.faLockOpen,
+  b.faMedal,
+  b.faMessage,
+  b.faPencilAlt,
+  b.faPenToSquare,
+  b.faPhone,
+  b.faPlayCircle,
+  b.faPlus,
+  b.faPlusCircle,
+  b.faPoo,
+  b.faPuzzlePiece,
+  b.faReply,
+  b.faReplyAll,
+  b.faRobot,
+  b.faSave,
+  b.faShield,
+  b.faSignal,
+  b.faSignature,
+  b.faSquareCheck,
+  b.faStar,
+  b.faTimes,
+  b.faTrash,
+  b.faTree,
+  b.faTrophy,
+  b.faTurnDown,
+  b.faUpload,
+  b.faUser,
+  b.faUserShield,
+  // Brands
+  fe.faTwitter,
+  fe.faInstagram,
+  fe.faGithub,
+  fe.faLinkedin,
+  fe.faFacebook,
+  // Custom
+  yn.definition
+);
+const wn = [...Object.keys(Ue.definitions.fas)].sort(), ot = [...Object.keys(Ue.definitions.fab)].sort(), z = /* @__PURE__ */ _({
+  __name: "Icon",
+  props: {
+    name: { default: "user" }
+  },
+  setup(e) {
+    const t = e, o = k(() => ot.includes(t.name) ? "fab" : "fas"), r = k(() => wn.includes(t.name) || ot.includes(t.name) ? !0 : (console.warn(
+      "could not load icon, because it is not available",
+      t.name
+    ), !1));
+    return (n, a) => r.value ? (E(), H(I(hn), ze({
+      key: 0,
+      icon: [o.value, n.name]
+    }, n.$attrs), null, 16, ["icon"])) : A("", !0);
+  }
+}), xn = ["aria-label", "tabindex"], kn = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center"
+}, ra = /* @__PURE__ */ _({
+  __name: "Button",
+  props: {
+    label: {},
+    size: { default: "medium" },
+    color: { default: "primary" },
+    isLoading: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 },
+    icon: {},
+    iconPosition: { default: "right" }
+  },
+  emits: ["onClick"],
+  setup(e, { emit: t }) {
+    const o = t, r = 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": r.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": r.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": r.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": r.color === "danger"
+      }, c = {
+        "pointer-events-none opacity-75 cursor-not-allowed": r.isDisabled
+      }, s = {
+        "px-4 py-1 text-xs leading-5 mono-100 rounded-lg": r.size === "small",
+        "px-5 py-2 text-sm leading-4 font-medium rounded-lg": r.size === "medium",
+        "px-8 py-3 text-base leading-6 font-medium rounded-lg": r.size === "large"
+      };
+      return {
+        ...u,
+        ...c,
+        ...s
+      };
+    }), a = k(() => {
+      const u = {
+        "mr-2 -ml-1": ["small", "medium"].includes(r.size) && r.iconPosition === "left",
+        "mr-4 -ml-2": ["large"].includes(r.size) && r.iconPosition === "left"
+      }, c = {
+        "ml-3 -mr-1": ["small", "medium"].includes(r.size) && r.iconPosition === "right",
+        "ml-3 -mr-3": ["large"].includes(r.size) && r.iconPosition === "right"
+      }, s = {
+        "text-white": r.color === "primary",
+        "text-blue-600": r.color === "light",
+        "text-grey-50": r.color === "dark"
+      };
+      return {
+        ...u,
+        ...c,
+        ...s
+      };
+    });
+    function i() {
+      r.isDisabled || o("onClick");
+    }
+    return (u, c) => (E(), R("button", {
+      class: M(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out", n.value]),
+      type: "button",
+      "aria-label": u.label,
+      tabindex: u.isDisabled ? "-1" : void 0,
+      onClick: i
+    }, [
+      T("div", {
+        class: M(!u.isLoading || "invisible")
+      }, [
+        u.icon && u.iconPosition === "left" ? (E(), H(z, {
+          key: 0,
+          name: u.icon,
+          class: M(a.value)
+        }, null, 8, ["name", "class"])) : A("", !0),
+        T("span", null, N(u.label), 1),
+        u.icon && u.iconPosition === "right" ? (E(), H(z, {
+          key: 1,
+          name: u.icon,
+          class: M(a.value)
+        }, null, 8, ["name", "class"])) : A("", !0)
+      ], 2),
+      u.isLoading ? (E(), R("span", kn, [
+        V(z, {
+          class: "animate-spin",
+          name: "circle-notch"
+        })
+      ])) : A("", !0)
+    ], 10, xn));
+  }
+});
+let ge;
+const Sn = new Uint8Array(16);
+function On() {
+  if (!ge && (ge = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !ge))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return ge(Sn);
+}
+const j = [];
+for (let e = 0; e < 256; ++e)
+  j.push((e + 256).toString(16).slice(1));
+function En(e, t = 0) {
+  return j[e[t + 0]] + j[e[t + 1]] + j[e[t + 2]] + j[e[t + 3]] + "-" + j[e[t + 4]] + j[e[t + 5]] + "-" + j[e[t + 6]] + j[e[t + 7]] + "-" + j[e[t + 8]] + j[e[t + 9]] + "-" + j[e[t + 10]] + j[e[t + 11]] + j[e[t + 12]] + j[e[t + 13]] + j[e[t + 14]] + j[e[t + 15]];
+}
+const Dn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), at = {
+  randomUUID: Dn
+};
+function Ct(e, t, o) {
+  if (at.randomUUID && !t && !e)
+    return at.randomUUID();
+  e = e || {};
+  const r = e.random || (e.rng || On)();
+  if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, t) {
+    o = o || 0;
+    for (let n = 0; n < 16; ++n)
+      t[o + n] = r[n];
+    return t;
+  }
+  return En(r);
+}
+const Pn = { class: "relative flex items-start" }, Cn = { class: "flex items-center h-5" }, In = ["checked", "id"], Rn = { class: "ml-2 text-sm leading-5" }, Ln = ["for"], Tn = {
+  key: 0,
+  class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
+}, oa = /* @__PURE__ */ _({
+  __name: "Checkbox",
+  props: {
+    id: { default: Ct() },
+    label: {},
+    modelValue: { type: Boolean },
+    description: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = t, r = (n) => {
+      o("update:modelValue", n.target.checked);
+    };
+    return (n, a) => (E(), R("div", Pn, [
+      T("div", Cn, [
+        T("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: r,
+          id: n.id
+        }, null, 40, In)
+      ]),
+      T("div", Rn, [
+        T("label", {
+          for: n.id,
+          class: "font-medium text-grey-700 dark:text-grey-200 casual-25"
+        }, N(n.label), 9, Ln),
+        n.description ? (E(), R("p", Tn, N(n.description), 1)) : A("", !0)
+      ])
+    ]));
+  }
+});
+function _n() {
+  const e = O(!1);
+  return ln() && Z(() => {
+    e.value = !0;
+  }), e;
+}
+function $n(e) {
+  const t = _n();
+  return k(() => (t.value, !!e()));
+}
+function Mn(e = {}) {
+  const { initialValue: t = "" } = e, o = $n(() => typeof window < "u" && "EyeDropper" in window), r = O(t);
+  async function n(a) {
+    if (!o.value)
+      return;
+    const u = await new window.EyeDropper().open(a);
+    return r.value = u.sRGBHex, u;
+  }
+  return { isSupported: o, sRGBHex: r, open: n };
+}
+const An = () => {
+}, jn = Array.isArray, Vn = (e) => typeof e == "function", Nn = (e) => typeof e == "symbol";
+let lt;
+const it = () => lt || (lt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+let Bn;
+function Fn(e, t = Bn) {
+  t && t.active && t.effects.push(e);
+}
+const zn = (e) => {
+  const t = new Set(e);
+  return t.w = 0, t.n = 0, t;
+}, It = (e) => (e.w & te) > 0, Rt = (e) => (e.n & te) > 0, Un = ({ deps: e }) => {
+  if (e.length)
+    for (let t = 0; t < e.length; t++)
+      e[t].w |= te;
+}, Hn = (e) => {
+  const { deps: t } = e;
+  if (t.length) {
+    let o = 0;
+    for (let r = 0; r < t.length; r++) {
+      const n = t[r];
+      It(n) && !Rt(n) ? n.delete(e) : t[o++] = n, n.w &= ~te, n.n &= ~te;
+    }
+    t.length = o;
+  }
+};
+let pe = 0, te = 1;
+const Me = 30;
+let Y;
+class Wn {
+  constructor(t, o = null, r) {
+    this.fn = t, this.scheduler = o, this.active = !0, this.deps = [], this.parent = void 0, Fn(this, r);
+  }
+  run() {
+    if (!this.active)
+      return this.fn();
+    let t = Y, o = we;
+    for (; t; ) {
+      if (t === this)
+        return;
+      t = t.parent;
+    }
+    try {
+      return this.parent = Y, Y = this, we = !0, te = 1 << ++pe, pe <= Me ? Un(this) : st(this), this.fn();
+    } finally {
+      pe <= Me && Hn(this), te = 1 << --pe, Y = this.parent, we = o, this.parent = void 0, this.deferStop && this.stop();
+    }
+  }
+  stop() {
+    Y === this ? this.deferStop = !0 : this.active && (st(this), this.onStop && this.onStop(), this.active = !1);
+  }
+}
+function st(e) {
+  const { deps: t } = e;
+  if (t.length) {
+    for (let o = 0; o < t.length; o++)
+      t[o].delete(e);
+    t.length = 0;
+  }
+}
+let we = !0;
+function Kn(e, t) {
+  let o = !1;
+  pe <= Me ? Rt(e) || (e.n |= te, o = !It(e)) : o = !e.has(Y), o && (e.add(Y), Y.deps.push(e));
+}
+function Gn(e, t) {
+  const o = jn(e) ? e : [...e];
+  for (const r of o)
+    r.computed && ut(r);
+  for (const r of o)
+    r.computed || ut(r);
+}
+function ut(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(Nn)
+);
+function De(e) {
+  const t = e && e.__v_raw;
+  return t ? De(t) : e;
+}
+function qn(e) {
+  we && Y && (e = De(e), Kn(e.dep || (e.dep = zn())));
+}
+function Xn(e, t) {
+  e = De(e);
+  const o = e.dep;
+  o && Gn(o);
+}
+class Yn {
+  constructor(t, o, r, n) {
+    this._setter = o, this.dep = void 0, this.__v_isRef = !0, this.__v_isReadonly = !1, this._dirty = !0, this.effect = new Wn(t, () => {
+      this._dirty || (this._dirty = !0, Xn(this));
+    }), this.effect.computed = this, this.effect.active = this._cacheable = !n, this.__v_isReadonly = r;
+  }
+  get value() {
+    const t = De(this);
+    return qn(t), (t._dirty || !t._cacheable) && (t._dirty = !1, t._value = t.effect.run()), t._value;
+  }
+  set value(t) {
+    this._setter(t);
+  }
+}
+function Zn(e, t, o = !1) {
+  let r, n;
+  const a = Vn(e);
+  return a ? (r = e, n = An) : (r = e.get, n = e.set), new Yn(r, n, a || !n, o);
+}
+let Le, ct = "__VUE_INSTANCE_SETTERS__";
+(Le = it()[ct]) || (Le = it()[ct] = []), Le.push((e) => e);
+let Qn = !1;
+const Te = (e, t) => Zn(e, t, Qn);
+function He(e) {
+  const t = Te(() => ({
+    "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
+  })), o = Te(() => ({
+    "pointer-events-none opacity-50 cursor-not-allowed": e.isDisabled
+  })), r = Te(() => ({
+    "text-xs leading-4": e.size === "small",
+    "text-sm leading-4": e.size === "medium",
+    "text-base leading-5": e.size === "large"
+  }));
+  return {
+    inputClasses: t,
+    disabledClasses: o,
+    textSizeClasses: r
+  };
+}
+const Jn = ["placeholder", "type", "tabindex", "value"], er = { class: "absolute inset-y-2 left-2 w-8 cursor-pointer" }, tr = {
+  inheritAttrs: !1
+}, aa = /* @__PURE__ */ _({
+  ...tr,
+  __name: "Input",
+  props: {
+    modelValue: {},
+    type: { default: "text" },
+    placeholder: {},
+    size: { default: "medium" },
+    icon: {},
+    isDisabled: { type: Boolean, default: !1 },
+    block: { type: Boolean },
+    showColorPicker: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: t, emit: o }) {
+    const r = e, n = O(r.modelValue ?? "");
+    ne(
+      () => r.modelValue,
+      (f) => {
+        typeof f == "string" && f !== n.value && (n.value = f);
+      }
+    );
+    const a = o, { inputClasses: i, disabledClasses: u, textSizeClasses: c } = He(r), s = k(() => r.type === "color" ? "text" : r.type), {
+      isSupported: l,
+      open: m,
+      sRGBHex: v
+    } = Mn(), p = () => {
+      m();
+    };
+    ne(v, (f) => {
+      n.value = f, a("update:modelValue", f);
+    });
+    const h = function(f) {
+      n.value = (f == null ? void 0 : f.target).value, a("update:modelValue", (f == null ? void 0 : f.target).value);
+    }, d = O(null);
+    return t({
+      focus: () => {
+        r.isDisabled || d.value.focus();
+      }
+    }), (f, C) => (E(), R("div", {
+      class: M(["relative", [f.block ? "w-full block" : "inline-block"]])
+    }, [
+      T("input", ze({
+        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", [I(i), I(c), I(u)]],
+        placeholder: f.placeholder,
+        type: s.value,
+        tabindex: f.isDisabled ? "-1" : void 0,
+        value: n.value
+      }, f.$attrs, {
+        ref_key: "input",
+        ref: d,
+        onInput: h
+      }), null, 16, Jn),
+      f.type === "color" ? (E(), R(se, { key: 0 }, [
+        T("label", er, [
+          sn(T("input", {
+            class: "invisible",
+            type: "color",
+            "onUpdate:modelValue": C[0] || (C[0] = (y) => n.value = y),
+            onInput: h
+          }, null, 544), [
+            [un, n.value]
+          ]),
+          T("span", {
+            class: "border-1 absolute inset-0 block rounded border border-grey-600/25 bg-clip-border shadow",
+            style: cn(`background-color: ${n.value}`)
+          }, null, 4)
+        ]),
+        I(l) && f.showColorPicker ? (E(), R("button", {
+          key: 0,
+          type: "button",
+          class: "absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",
+          onClick: p
+        }, [
+          V(z, {
+            size: "xs",
+            name: "eyedropper"
+          })
+        ])) : A("", !0)
+      ], 64)) : f.icon ? (E(), R("span", {
+        key: 1,
+        class: M(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", I(c)])
+      }, [
+        V(z, { name: f.icon }, null, 8, ["name"])
+      ], 2)) : A("", !0)
+    ], 2));
+  }
+}), nr = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, rr = ["for"], or = {
+  key: 0,
+  class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
+}, la = /* @__PURE__ */ _({
+  __name: "Label",
+  props: {
+    id: {},
+    label: {},
+    description: {}
+  },
+  setup(e) {
+    return (t, o) => (E(), R("span", nr, [
+      T("label", { for: t.id }, N(t.label), 9, rr),
+      t.description ? (E(), R("span", or, N(t.description), 1)) : A("", !0)
+    ]));
+  }
+});
+function W(e, t, ...o) {
+  if (e in t) {
+    let n = t[e];
+    return typeof n == "function" ? n(...o) : n;
+  }
+  let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((n) => `"${n}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(r, W), r;
+}
+var me = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(me || {}), ar = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ar || {});
+function F({ visible: e = !0, features: t = 0, ourProps: o, theirProps: r, ...n }) {
+  var a;
+  let i = Tt(r, o), u = Object.assign(n, { props: i });
+  if (e || t & 2 && i.static)
+    return _e(u);
+  if (t & 1) {
+    let c = (a = i.unmount) == null || a ? 0 : 1;
+    return W(c, { 0() {
+      return null;
+    }, 1() {
+      return _e({ ...n, props: { ...i, hidden: !0, style: { display: "none" } } });
+    } });
+  }
+  return _e(u);
+}
+function _e({ props: e, attrs: t, slots: o, slot: r, name: n }) {
+  var a, i;
+  let { as: u, ...c } = We(e, ["unmount", "static"]), s = (a = o.default) == null ? void 0 : a.call(o, r), l = {};
+  if (r) {
+    let m = !1, v = [];
+    for (let [p, h] of Object.entries(r))
+      typeof h == "boolean" && (m = !0), h === !0 && v.push(p);
+    m && (l["data-headlessui-state"] = v.join(" "));
+  }
+  if (u === "template") {
+    if (s = Lt(s ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
+      let [m, ...v] = s ?? [];
+      if (!lr(m) || 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((d) => d.trim()).filter((d, g, f) => f.indexOf(d) === g).sort((d, g) => d.localeCompare(g)).map((d) => `  - ${d}`).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((d) => `  - ${d}`).join(`
+`)].join(`
+`));
+      let p = Tt((i = m.props) != null ? i : {}, c), h = dn(m, p);
+      for (let d in p)
+        d.startsWith("on") && (h.props || (h.props = {}), h.props[d] = p[d]);
+      return h;
+    }
+    return Array.isArray(s) && s.length === 1 ? s[0] : s;
+  }
+  return ve(u, Object.assign({}, c, l), { default: () => s });
+}
+function Lt(e) {
+  return e.flatMap((t) => t.type === se ? Lt(t.children) : [t]);
+}
+function Tt(...e) {
+  if (e.length === 0)
+    return {};
+  if (e.length === 1)
+    return e[0];
+  let t = {}, o = {};
+  for (let r of e)
+    for (let n in r)
+      n.startsWith("on") && typeof r[n] == "function" ? (o[n] != null || (o[n] = []), o[n].push(r[n])) : t[n] = r[n];
+  if (t.disabled || t["aria-disabled"])
+    return Object.assign(t, Object.fromEntries(Object.keys(o).map((r) => [r, void 0])));
+  for (let r in o)
+    Object.assign(t, { [r](n, ...a) {
+      let i = o[r];
+      for (let u of i) {
+        if (n instanceof Event && n.defaultPrevented)
+          return;
+        u(n, ...a);
+      }
+    } });
+  return t;
+}
+function _t(e) {
+  let t = Object.assign({}, e);
+  for (let o in t)
+    t[o] === void 0 && delete t[o];
+  return t;
+}
+function We(e, t = []) {
+  let o = Object.assign({}, e);
+  for (let r of t)
+    r in o && delete o[r];
+  return o;
+}
+function lr(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+let ir = 0;
+function sr() {
+  return ++ir;
+}
+function Q() {
+  return sr();
+}
+var P = ((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))(P || {});
+function ur(e) {
+  throw new Error("Unexpected object: " + e);
+}
+var L = ((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))(L || {});
+function $t(e, t) {
+  let o = t.resolveItems();
+  if (o.length <= 0)
+    return null;
+  let r = t.resolveActiveIndex(), n = r ?? -1, a = (() => {
+    switch (e.focus) {
+      case 0:
+        return o.findIndex((i) => !t.resolveDisabled(i));
+      case 1: {
+        let i = o.slice().reverse().findIndex((u, c, s) => n !== -1 && s.length - c - 1 >= n ? !1 : !t.resolveDisabled(u));
+        return i === -1 ? i : o.length - 1 - i;
+      }
+      case 2:
+        return o.findIndex((i, u) => u <= n ? !1 : !t.resolveDisabled(i));
+      case 3: {
+        let i = o.slice().reverse().findIndex((u) => !t.resolveDisabled(u));
+        return i === -1 ? i : o.length - 1 - i;
+      }
+      case 4:
+        return o.findIndex((i) => t.resolveId(i) === e.id);
+      case 5:
+        return null;
+      default:
+        ur(e);
+    }
+  })();
+  return a === -1 ? r : a;
+}
+function D(e) {
+  var t;
+  return e == null || e.value == null ? null : (t = e.value.$el) != null ? t : e.value;
+}
+let Mt = Symbol("Context");
+var J = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(J || {});
+function At() {
+  return ue(Mt, null);
+}
+function jt(e) {
+  ce(Mt, e);
+}
+function dt(e, t) {
+  if (e)
+    return e;
+  let o = t ?? "button";
+  if (typeof o == "string" && o.toLowerCase() === "button")
+    return "button";
+}
+function Ke(e, t) {
+  let o = O(dt(e.value.type, e.value.as));
+  return Z(() => {
+    o.value = dt(e.value.type, e.value.as);
+  }), oe(() => {
+    var r;
+    o.value || D(t) && D(t) instanceof HTMLButtonElement && !((r = D(t)) != null && r.hasAttribute("type")) && (o.value = "button");
+  }), o;
+}
+var cr = Object.defineProperty, dr = (e, t, o) => t in e ? cr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, ft = (e, t, o) => (dr(e, typeof t != "symbol" ? t + "" : t, o), o);
+class fr {
+  constructor() {
+    ft(this, "current", this.detect()), ft(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 Ge = new fr();
+function qe(e) {
+  if (Ge.isServer)
+    return null;
+  if (e instanceof Node)
+    return e.ownerDocument;
+  if (e != null && e.hasOwnProperty("value")) {
+    let t = D(e);
+    if (t)
+      return t.ownerDocument;
+  }
+  return document;
+}
+function pr({ container: e, accept: t, walk: o, enabled: r }) {
+  oe(() => {
+    let n = e.value;
+    if (!n || r !== void 0 && !r.value)
+      return;
+    let a = qe(e);
+    if (!a)
+      return;
+    let i = Object.assign((c) => t(c), { acceptNode: t }), u = a.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, i, !1);
+    for (; u.nextNode(); )
+      o(u.currentNode);
+  });
+}
+let Ae = ["[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 je = ((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))(je || {}), vr = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(vr || {}), mr = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(mr || {});
+function Vt(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(Ae)).sort((t, o) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (o.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var Pe = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Pe || {});
+function Ce(e, t = 0) {
+  var o;
+  return e === ((o = qe(e)) == null ? void 0 : o.body) ? !1 : W(t, { 0() {
+    return e.matches(Ae);
+  }, 1() {
+    let r = e;
+    for (; r !== null; ) {
+      if (r.matches(Ae))
+        return !0;
+      r = r.parentElement;
+    }
+    return !1;
+  } });
+}
+function Nt(e) {
+  let t = qe(e);
+  B(() => {
+    t && !Ce(t.activeElement, 0) && gr(e);
+  });
+}
+var br = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(br || {});
+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 gr(e) {
+  e == null || e.focus({ preventScroll: !0 });
+}
+let hr = ["textarea", "input"].join(",");
+function yr(e) {
+  var t, o;
+  return (o = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, hr)) != null ? o : !1;
+}
+function Xe(e, t = (o) => o) {
+  return e.slice().sort((o, r) => {
+    let n = t(o), a = t(r);
+    if (n === null || a === null)
+      return 0;
+    let i = n.compareDocumentPosition(a);
+    return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function wr(e, t) {
+  return xr(Vt(), t, { relativeTo: e });
+}
+function xr(e, t, { sorted: o = !0, relativeTo: r = null, skipElements: n = [] } = {}) {
+  var a;
+  let i = (a = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? a : document, u = Array.isArray(e) ? o ? Xe(e) : e : Vt(e);
+  n.length > 0 && u.length > 1 && (u = u.filter((h) => !n.includes(h))), r = r ?? 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");
+  })(), s = (() => {
+    if (t & 1)
+      return 0;
+    if (t & 2)
+      return Math.max(0, u.indexOf(r)) - 1;
+    if (t & 4)
+      return Math.max(0, u.indexOf(r)) + 1;
+    if (t & 8)
+      return u.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), l = t & 32 ? { preventScroll: !0 } : {}, m = 0, v = u.length, p;
+  do {
+    if (m >= v || m + v <= 0)
+      return 0;
+    let h = s + m;
+    if (t & 16)
+      h = (h + v) % v;
+    else {
+      if (h < 0)
+        return 3;
+      if (h >= v)
+        return 1;
+    }
+    p = u[h], p == null || p.focus(l), m += c;
+  } while (p !== i.activeElement);
+  return t & 6 && yr(p) && p.select(), 2;
+}
+function he(e, t, o) {
+  Ge.isServer || oe((r) => {
+    document.addEventListener(e, t, o), r(() => document.removeEventListener(e, t, o));
+  });
+}
+function kr(e, t, o) {
+  Ge.isServer || oe((r) => {
+    window.addEventListener(e, t, o), r(() => window.removeEventListener(e, t, o));
+  });
+}
+function Bt(e, t, o = k(() => !0)) {
+  function r(a, i) {
+    if (!o.value || a.defaultPrevented)
+      return;
+    let u = i(a);
+    if (u === null || !u.getRootNode().contains(u))
+      return;
+    let c = function s(l) {
+      return typeof l == "function" ? s(l()) : Array.isArray(l) || l instanceof Set ? l : [l];
+    }(e);
+    for (let s of c) {
+      if (s === null)
+        continue;
+      let l = s instanceof HTMLElement ? s : D(s);
+      if (l != null && l.contains(u) || a.composed && a.composedPath().includes(l))
+        return;
+    }
+    return !Ce(u, Pe.Loose) && u.tabIndex !== -1 && a.preventDefault(), t(a, u);
+  }
+  let n = O(null);
+  he("pointerdown", (a) => {
+    var i, u;
+    o.value && (n.value = ((u = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : u[0]) || a.target);
+  }, !0), he("mousedown", (a) => {
+    var i, u;
+    o.value && (n.value = ((u = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : u[0]) || a.target);
+  }, !0), he("click", (a) => {
+    n.value && (r(a, () => n.value), n.value = null);
+  }, !0), he("touchend", (a) => r(a, () => a.target instanceof HTMLElement ? a.target : null), !0), kr("blur", (a) => r(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+var Ye = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Ye || {});
+let Ft = _({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: o }) {
+  return () => {
+    let { features: r, ...n } = e, a = { "aria-hidden": (r & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
+    return F({ ourProps: a, theirProps: n, slot: {}, attrs: o, slots: t, name: "Hidden" });
+  };
+} });
+function zt(e = {}, t = null, o = []) {
+  for (let [r, n] of Object.entries(e))
+    Ht(o, Ut(t, r), n);
+  return o;
+}
+function Ut(e, t) {
+  return e ? e + "[" + t + "]" : t;
+}
+function Ht(e, t, o) {
+  if (Array.isArray(o))
+    for (let [r, n] of o.entries())
+      Ht(e, Ut(t, r.toString()), n);
+  else
+    o instanceof Date ? e.push([t, o.toISOString()]) : typeof o == "boolean" ? e.push([t, o ? "1" : "0"]) : typeof o == "string" ? e.push([t, o]) : typeof o == "number" ? e.push([t, `${o}`]) : o == null ? e.push([t, ""]) : zt(o, t, e);
+}
+function Sr(e) {
+  var t, o;
+  let r = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
+  if (r) {
+    for (let n of r.elements)
+      if (n !== e && (n.tagName === "INPUT" && n.type === "submit" || n.tagName === "BUTTON" && n.type === "submit" || n.nodeName === "INPUT" && n.type === "image")) {
+        n.click();
+        return;
+      }
+    (o = r.requestSubmit) == null || o.call(r);
+  }
+}
+function Wt(e, t, o) {
+  let r = O(o == null ? void 0 : o.value), n = k(() => e.value !== void 0);
+  return [k(() => n.value ? e.value : r.value), function(a) {
+    return n.value || (r.value = a), t == null ? void 0 : t(a);
+  }];
+}
+function pt(e) {
+  return [e.screenX, e.screenY];
+}
+function Kt() {
+  let e = O([-1, -1]);
+  return { wasMoved(t) {
+    let o = pt(t);
+    return e.value[0] === o[0] && e.value[1] === o[1] ? !1 : (e.value = o, !0);
+  }, update(t) {
+    e.value = pt(t);
+  } };
+}
+let Gt = Symbol("DescriptionContext");
+function Or() {
+  let e = ue(Gt, null);
+  if (e === null)
+    throw new Error("Missing parent");
+  return e;
+}
+function Er({ slot: e = O({}), name: t = "Description", props: o = {} } = {}) {
+  let r = O([]);
+  function n(a) {
+    return r.value.push(a), () => {
+      let i = r.value.indexOf(a);
+      i !== -1 && r.value.splice(i, 1);
+    };
+  }
+  return ce(Gt, { register: n, slot: e, name: t, props: o }), k(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+}
+_({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Q()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = Or();
+  return Z(() => Ee(r.register(e.id))), () => {
+    let { name: n = "Description", slot: a = O({}), props: i = {} } = r, { id: u, ...c } = e, s = { ...Object.entries(i).reduce((l, [m, v]) => Object.assign(l, { [m]: I(v) }), {}), id: u };
+    return F({ ourProps: s, theirProps: c, slot: a.value, attrs: t, slots: o, name: n });
+  };
+} });
+let vt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function mt(e) {
+  var t, o;
+  let r = (t = e.innerText) != null ? t : "", n = e.cloneNode(!0);
+  if (!(n instanceof HTMLElement))
+    return r;
+  let a = !1;
+  for (let u of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
+    u.remove(), a = !0;
+  let i = a ? (o = n.innerText) != null ? o : "" : r;
+  return vt.test(i) && (i = i.replace(vt, "")), i;
+}
+function Dr(e) {
+  let t = e.getAttribute("aria-label");
+  if (typeof t == "string")
+    return t.trim();
+  let o = e.getAttribute("aria-labelledby");
+  if (o) {
+    let r = o.split(" ").map((n) => {
+      let a = document.getElementById(n);
+      if (a) {
+        let i = a.getAttribute("aria-label");
+        return typeof i == "string" ? i.trim() : mt(a).trim();
+      }
+      return null;
+    }).filter(Boolean);
+    if (r.length > 0)
+      return r.join(", ");
+  }
+  return mt(e).trim();
+}
+function qt(e) {
+  let t = O(""), o = O("");
+  return () => {
+    let r = D(e);
+    if (!r)
+      return "";
+    let n = r.innerText;
+    if (t.value === n)
+      return o.value;
+    let a = Dr(r).trim().toLowerCase();
+    return t.value = n, o.value = a, a;
+  };
+}
+function Pr(e, t) {
+  return e === t;
+}
+var Cr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Cr || {}), Ir = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(Ir || {}), Rr = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Rr || {});
+function Lr(e) {
+  requestAnimationFrame(() => requestAnimationFrame(e));
+}
+let Xt = Symbol("ListboxContext");
+function be(e) {
+  let t = ue(Xt, null);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Listbox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, be), o;
+  }
+  return t;
+}
+let Tr = _({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => Pr }, 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: o, emit: r }) {
+  let n = O(1), a = O(null), i = O(null), u = O(null), c = O([]), s = O(""), l = O(null), m = O(1);
+  function v(y = (w) => w) {
+    let w = l.value !== null ? c.value[l.value] : null, x = Xe(y(c.value.slice()), ($) => D($.dataRef.domRef)), S = w ? x.indexOf(w) : null;
+    return S === -1 && (S = null), { options: x, activeOptionIndex: S };
+  }
+  let p = k(() => e.multiple ? 1 : 0), [h, d] = Wt(k(() => e.modelValue), (y) => r("update:modelValue", y), k(() => e.defaultValue)), g = k(() => h.value === void 0 ? W(p.value, { 1: [], 0: void 0 }) : h.value), f = { listboxState: n, value: g, mode: p, compare(y, w) {
+    if (typeof e.by == "string") {
+      let x = e.by;
+      return (y == null ? void 0 : y[x]) === (w == null ? void 0 : w[x]);
+    }
+    return e.by(y, w);
+  }, orientation: k(() => e.horizontal ? "horizontal" : "vertical"), labelRef: a, buttonRef: i, optionsRef: u, disabled: k(() => e.disabled), options: c, searchQuery: s, activeOptionIndex: l, activationTrigger: m, closeListbox() {
+    e.disabled || n.value !== 1 && (n.value = 1, l.value = null);
+  }, openListbox() {
+    e.disabled || n.value !== 0 && (n.value = 0);
+  }, goToOption(y, w, x) {
+    if (e.disabled || n.value === 1)
+      return;
+    let S = v(), $ = $t(y === L.Specific ? { focus: L.Specific, id: w } : { focus: y }, { resolveItems: () => S.options, resolveActiveIndex: () => S.activeOptionIndex, resolveId: (X) => X.id, resolveDisabled: (X) => X.dataRef.disabled });
+    s.value = "", l.value = $, m.value = x ?? 1, c.value = S.options;
+  }, search(y) {
+    if (e.disabled || n.value === 1)
+      return;
+    let w = s.value !== "" ? 0 : 1;
+    s.value += y.toLowerCase();
+    let x = (l.value !== null ? c.value.slice(l.value + w).concat(c.value.slice(0, l.value + w)) : c.value).find(($) => $.dataRef.textValue.startsWith(s.value) && !$.dataRef.disabled), S = x ? c.value.indexOf(x) : -1;
+    S === -1 || S === l.value || (l.value = S, m.value = 1);
+  }, clearSearch() {
+    e.disabled || n.value !== 1 && s.value !== "" && (s.value = "");
+  }, registerOption(y, w) {
+    let x = v((S) => [...S, { id: y, dataRef: w }]);
+    c.value = x.options, l.value = x.activeOptionIndex;
+  }, unregisterOption(y) {
+    let w = v((x) => {
+      let S = x.findIndex(($) => $.id === y);
+      return S !== -1 && x.splice(S, 1), x;
+    });
+    c.value = w.options, l.value = w.activeOptionIndex, m.value = 1;
+  }, theirOnChange(y) {
+    e.disabled || d(y);
+  }, select(y) {
+    e.disabled || d(W(p.value, { 0: () => y, 1: () => {
+      let w = G(f.value.value).slice(), x = G(y), S = w.findIndex(($) => f.compare(x, G($)));
+      return S === -1 ? w.push(x) : w.splice(S, 1), w;
+    } }));
+  } };
+  Bt([i, u], (y, w) => {
+    var x;
+    f.closeListbox(), Ce(w, Pe.Loose) || (y.preventDefault(), (x = D(i)) == null || x.focus());
+  }, k(() => n.value === 0)), ce(Xt, f), jt(k(() => W(n.value, { 0: J.Open, 1: J.Closed })));
+  let C = k(() => {
+    var y;
+    return (y = D(i)) == null ? void 0 : y.closest("form");
+  });
+  return Z(() => {
+    ne([C], () => {
+      if (!C.value || e.defaultValue === void 0)
+        return;
+      function y() {
+        f.theirOnChange(e.defaultValue);
+      }
+      return C.value.addEventListener("reset", y), () => {
+        var w;
+        (w = C.value) == null || w.removeEventListener("reset", y);
+      };
+    }, { immediate: !0 });
+  }), () => {
+    let { name: y, modelValue: w, disabled: x, form: S, ...$ } = e, X = { open: n.value === 0, disabled: x, value: g.value };
+    return ve(se, [...y != null && g.value != null ? zt({ [y]: g.value }).map(([ae, le]) => ve(Ft, _t({ features: Ye.Hidden, key: ae, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: S, name: ae, value: le }))) : [], F({ ourProps: {}, theirProps: { ...o, ...We($, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: X, slots: t, attrs: o, name: "Listbox" })]);
+  };
+} });
+_({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${Q()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = be("ListboxLabel");
+  function n() {
+    var a;
+    (a = D(r.buttonRef)) == null || a.focus({ preventScroll: !0 });
+  }
+  return () => {
+    let a = { open: r.listboxState.value === 0, disabled: r.disabled.value }, { id: i, ...u } = e, c = { id: i, ref: r.labelRef, onClick: n };
+    return F({ ourProps: c, theirProps: u, slot: a, attrs: t, slots: o, name: "ListboxLabel" });
+  };
+} });
+let _r = _({ name: "ListboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-listbox-button-${Q()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = be("ListboxButton");
+  r({ el: n.buttonRef, $el: n.buttonRef });
+  function a(s) {
+    switch (s.key) {
+      case P.Space:
+      case P.Enter:
+      case P.ArrowDown:
+        s.preventDefault(), n.openListbox(), B(() => {
+          var l;
+          (l = D(n.optionsRef)) == null || l.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.First);
+        });
+        break;
+      case P.ArrowUp:
+        s.preventDefault(), n.openListbox(), B(() => {
+          var l;
+          (l = D(n.optionsRef)) == null || l.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.Last);
+        });
+        break;
+    }
+  }
+  function i(s) {
+    switch (s.key) {
+      case P.Space:
+        s.preventDefault();
+        break;
+    }
+  }
+  function u(s) {
+    n.disabled.value || (n.listboxState.value === 0 ? (n.closeListbox(), B(() => {
+      var l;
+      return (l = D(n.buttonRef)) == null ? void 0 : l.focus({ preventScroll: !0 });
+    })) : (s.preventDefault(), n.openListbox(), Lr(() => {
+      var l;
+      return (l = D(n.optionsRef)) == null ? void 0 : l.focus({ preventScroll: !0 });
+    })));
+  }
+  let c = Ke(k(() => ({ as: e.as, type: t.type })), n.buttonRef);
+  return () => {
+    var s, l;
+    let m = { open: n.listboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: v, ...p } = e, h = { ref: n.buttonRef, id: v, type: c.value, "aria-haspopup": "listbox", "aria-controls": (s = D(n.optionsRef)) == null ? void 0 : s.id, "aria-expanded": n.listboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(l = D(n.labelRef)) == null ? void 0 : l.id, v].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: a, onKeyup: i, onClick: u };
+    return F({ ourProps: h, theirProps: p, slot: m, attrs: t, slots: o, name: "ListboxButton" });
+  };
+} }), $r = _({ 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-${Q()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = be("ListboxOptions"), a = O(null);
+  r({ el: n.optionsRef, $el: n.optionsRef });
+  function i(s) {
+    switch (a.value && clearTimeout(a.value), s.key) {
+      case P.Space:
+        if (n.searchQuery.value !== "")
+          return s.preventDefault(), s.stopPropagation(), n.search(s.key);
+      case P.Enter:
+        if (s.preventDefault(), s.stopPropagation(), n.activeOptionIndex.value !== null) {
+          let l = n.options.value[n.activeOptionIndex.value];
+          n.select(l.dataRef.value);
+        }
+        n.mode.value === 0 && (n.closeListbox(), B(() => {
+          var l;
+          return (l = D(n.buttonRef)) == null ? void 0 : l.focus({ preventScroll: !0 });
+        }));
+        break;
+      case W(n.orientation.value, { vertical: P.ArrowDown, horizontal: P.ArrowRight }):
+        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.Next);
+      case W(n.orientation.value, { vertical: P.ArrowUp, horizontal: P.ArrowLeft }):
+        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.Previous);
+      case P.Home:
+      case P.PageUp:
+        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.First);
+      case P.End:
+      case P.PageDown:
+        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.Last);
+      case P.Escape:
+        s.preventDefault(), s.stopPropagation(), n.closeListbox(), B(() => {
+          var l;
+          return (l = D(n.buttonRef)) == null ? void 0 : l.focus({ preventScroll: !0 });
+        });
+        break;
+      case P.Tab:
+        s.preventDefault(), s.stopPropagation();
+        break;
+      default:
+        s.key.length === 1 && (n.search(s.key), a.value = setTimeout(() => n.clearSearch(), 350));
+        break;
+    }
+  }
+  let u = At(), c = k(() => u !== null ? (u.value & J.Open) === J.Open : n.listboxState.value === 0);
+  return () => {
+    var s, l, m, v;
+    let p = { open: n.listboxState.value === 0 }, { id: h, ...d } = e, g = { "aria-activedescendant": n.activeOptionIndex.value === null || (s = n.options.value[n.activeOptionIndex.value]) == null ? void 0 : s.id, "aria-multiselectable": n.mode.value === 1 ? !0 : void 0, "aria-labelledby": (v = (l = D(n.labelRef)) == null ? void 0 : l.id) != null ? v : (m = D(n.buttonRef)) == null ? void 0 : m.id, "aria-orientation": n.orientation.value, id: h, onKeydown: i, role: "listbox", tabIndex: 0, ref: n.optionsRef };
+    return F({ ourProps: g, theirProps: d, slot: p, attrs: t, slots: o, features: me.RenderStrategy | me.Static, visible: c.value, name: "ListboxOptions" });
+  };
+} }), Mr = _({ 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-${Q()}` } }, setup(e, { slots: t, attrs: o, expose: r }) {
+  let n = be("ListboxOption"), a = O(null);
+  r({ el: a, $el: a });
+  let i = k(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === e.id : !1), u = k(() => W(n.mode.value, { 0: () => n.compare(G(n.value.value), G(e.value)), 1: () => G(n.value.value).some((f) => n.compare(G(f), G(e.value))) })), c = k(() => W(n.mode.value, { 1: () => {
+    var f;
+    let C = G(n.value.value);
+    return ((f = n.options.value.find((y) => C.some((w) => n.compare(G(w), G(y.dataRef.value))))) == null ? void 0 : f.id) === e.id;
+  }, 0: () => u.value })), s = qt(a), l = k(() => ({ disabled: e.disabled, value: e.value, get textValue() {
+    return s();
+  }, domRef: a }));
+  Z(() => n.registerOption(e.id, l)), Ee(() => n.unregisterOption(e.id)), Z(() => {
+    ne([n.listboxState, u], () => {
+      n.listboxState.value === 0 && u.value && W(n.mode.value, { 1: () => {
+        c.value && n.goToOption(L.Specific, e.id);
+      }, 0: () => {
+        n.goToOption(L.Specific, e.id);
+      } });
+    }, { immediate: !0 });
+  }), oe(() => {
+    n.listboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && B(() => {
+      var f, C;
+      return (C = (f = D(a)) == null ? void 0 : f.scrollIntoView) == null ? void 0 : C.call(f, { block: "nearest" });
+    });
+  });
+  function m(f) {
+    if (e.disabled)
+      return f.preventDefault();
+    n.select(e.value), n.mode.value === 0 && (n.closeListbox(), B(() => {
+      var C;
+      return (C = D(n.buttonRef)) == null ? void 0 : C.focus({ preventScroll: !0 });
+    }));
+  }
+  function v() {
+    if (e.disabled)
+      return n.goToOption(L.Nothing);
+    n.goToOption(L.Specific, e.id);
+  }
+  let p = Kt();
+  function h(f) {
+    p.update(f);
+  }
+  function d(f) {
+    p.wasMoved(f) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
+  }
+  function g(f) {
+    p.wasMoved(f) && (e.disabled || i.value && n.goToOption(L.Nothing));
+  }
+  return () => {
+    let { disabled: f } = e, C = { active: i.value, selected: u.value, disabled: f }, { id: y, value: w, disabled: x, ...S } = e, $ = { id: y, ref: a, role: "option", tabIndex: f === !0 ? void 0 : -1, "aria-disabled": f === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: m, onFocus: v, onPointerenter: h, onMouseenter: h, onPointermove: d, onMousemove: d, onPointerleave: g, onMouseleave: g };
+    return F({ ourProps: $, theirProps: S, slot: C, attrs: o, slots: t, name: "ListboxOption" });
+  };
+} });
+var Ar = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ar || {}), jr = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(jr || {});
+function Vr(e) {
+  requestAnimationFrame(() => requestAnimationFrame(e));
+}
+let Yt = Symbol("MenuContext");
+function Ie(e) {
+  let t = ue(Yt, null);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Ie), o;
+  }
+  return t;
+}
+let Nr = _({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: o }) {
+  let r = O(1), n = O(null), a = O(null), i = O([]), u = O(""), c = O(null), s = O(1);
+  function l(v = (p) => p) {
+    let p = c.value !== null ? i.value[c.value] : null, h = Xe(v(i.value.slice()), (g) => D(g.dataRef.domRef)), d = p ? h.indexOf(p) : null;
+    return d === -1 && (d = null), { items: h, activeItemIndex: d };
+  }
+  let m = { menuState: r, buttonRef: n, itemsRef: a, items: i, searchQuery: u, activeItemIndex: c, activationTrigger: s, closeMenu: () => {
+    r.value = 1, c.value = null;
+  }, openMenu: () => r.value = 0, goToItem(v, p, h) {
+    let d = l(), g = $t(v === L.Specific ? { focus: L.Specific, id: p } : { focus: v }, { resolveItems: () => d.items, resolveActiveIndex: () => d.activeItemIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.disabled });
+    u.value = "", c.value = g, s.value = h ?? 1, i.value = d.items;
+  }, search(v) {
+    let p = u.value !== "" ? 0 : 1;
+    u.value += v.toLowerCase();
+    let h = (c.value !== null ? i.value.slice(c.value + p).concat(i.value.slice(0, c.value + p)) : i.value).find((g) => g.dataRef.textValue.startsWith(u.value) && !g.dataRef.disabled), d = h ? i.value.indexOf(h) : -1;
+    d === -1 || d === c.value || (c.value = d, s.value = 1);
+  }, clearSearch() {
+    u.value = "";
+  }, registerItem(v, p) {
+    let h = l((d) => [...d, { id: v, dataRef: p }]);
+    i.value = h.items, c.value = h.activeItemIndex, s.value = 1;
+  }, unregisterItem(v) {
+    let p = l((h) => {
+      let d = h.findIndex((g) => g.id === v);
+      return d !== -1 && h.splice(d, 1), h;
+    });
+    i.value = p.items, c.value = p.activeItemIndex, s.value = 1;
+  } };
+  return Bt([n, a], (v, p) => {
+    var h;
+    m.closeMenu(), Ce(p, Pe.Loose) || (v.preventDefault(), (h = D(n)) == null || h.focus());
+  }, k(() => r.value === 0)), ce(Yt, m), jt(k(() => W(r.value, { 0: J.Open, 1: J.Closed }))), () => {
+    let v = { open: r.value === 0, close: m.closeMenu };
+    return F({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: o, name: "Menu" });
+  };
+} }), Br = _({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${Q()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ie("MenuButton");
+  r({ el: n.buttonRef, $el: n.buttonRef });
+  function a(s) {
+    switch (s.key) {
+      case P.Space:
+      case P.Enter:
+      case P.ArrowDown:
+        s.preventDefault(), s.stopPropagation(), n.openMenu(), B(() => {
+          var l;
+          (l = D(n.itemsRef)) == null || l.focus({ preventScroll: !0 }), n.goToItem(L.First);
+        });
+        break;
+      case P.ArrowUp:
+        s.preventDefault(), s.stopPropagation(), n.openMenu(), B(() => {
+          var l;
+          (l = D(n.itemsRef)) == null || l.focus({ preventScroll: !0 }), n.goToItem(L.Last);
+        });
+        break;
+    }
+  }
+  function i(s) {
+    switch (s.key) {
+      case P.Space:
+        s.preventDefault();
+        break;
+    }
+  }
+  function u(s) {
+    e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), B(() => {
+      var l;
+      return (l = D(n.buttonRef)) == null ? void 0 : l.focus({ preventScroll: !0 });
+    })) : (s.preventDefault(), n.openMenu(), Vr(() => {
+      var l;
+      return (l = D(n.itemsRef)) == null ? void 0 : l.focus({ preventScroll: !0 });
+    })));
+  }
+  let c = Ke(k(() => ({ as: e.as, type: t.type })), n.buttonRef);
+  return () => {
+    var s;
+    let l = { open: n.menuState.value === 0 }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: c.value, "aria-haspopup": "menu", "aria-controls": (s = D(n.itemsRef)) == null ? void 0 : s.id, "aria-expanded": n.menuState.value === 0, onKeydown: a, onKeyup: i, onClick: u };
+    return F({ ourProps: p, theirProps: v, slot: l, attrs: t, slots: o, name: "MenuButton" });
+  };
+} }), Fr = _({ 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-${Q()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ie("MenuItems"), a = O(null);
+  r({ el: n.itemsRef, $el: n.itemsRef }), pr({ container: k(() => D(n.itemsRef)), enabled: k(() => n.menuState.value === 0), accept(l) {
+    return l.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : l.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(l) {
+    l.setAttribute("role", "none");
+  } });
+  function i(l) {
+    var m;
+    switch (a.value && clearTimeout(a.value), l.key) {
+      case P.Space:
+        if (n.searchQuery.value !== "")
+          return l.preventDefault(), l.stopPropagation(), n.search(l.key);
+      case P.Enter:
+        if (l.preventDefault(), l.stopPropagation(), n.activeItemIndex.value !== null) {
+          let v = n.items.value[n.activeItemIndex.value];
+          (m = D(v.dataRef.domRef)) == null || m.click();
+        }
+        n.closeMenu(), Nt(D(n.buttonRef));
+        break;
+      case P.ArrowDown:
+        return l.preventDefault(), l.stopPropagation(), n.goToItem(L.Next);
+      case P.ArrowUp:
+        return l.preventDefault(), l.stopPropagation(), n.goToItem(L.Previous);
+      case P.Home:
+      case P.PageUp:
+        return l.preventDefault(), l.stopPropagation(), n.goToItem(L.First);
+      case P.End:
+      case P.PageDown:
+        return l.preventDefault(), l.stopPropagation(), n.goToItem(L.Last);
+      case P.Escape:
+        l.preventDefault(), l.stopPropagation(), n.closeMenu(), B(() => {
+          var v;
+          return (v = D(n.buttonRef)) == null ? void 0 : v.focus({ preventScroll: !0 });
+        });
+        break;
+      case P.Tab:
+        l.preventDefault(), l.stopPropagation(), n.closeMenu(), B(() => wr(D(n.buttonRef), l.shiftKey ? je.Previous : je.Next));
+        break;
+      default:
+        l.key.length === 1 && (n.search(l.key), a.value = setTimeout(() => n.clearSearch(), 350));
+        break;
+    }
+  }
+  function u(l) {
+    switch (l.key) {
+      case P.Space:
+        l.preventDefault();
+        break;
+    }
+  }
+  let c = At(), s = k(() => c !== null ? (c.value & J.Open) === J.Open : n.menuState.value === 0);
+  return () => {
+    var l, m;
+    let v = { open: n.menuState.value === 0 }, { id: p, ...h } = e, d = { "aria-activedescendant": n.activeItemIndex.value === null || (l = n.items.value[n.activeItemIndex.value]) == null ? void 0 : l.id, "aria-labelledby": (m = D(n.buttonRef)) == null ? void 0 : m.id, id: p, onKeydown: i, onKeyup: u, role: "menu", tabIndex: 0, ref: n.itemsRef };
+    return F({ ourProps: d, theirProps: h, slot: v, attrs: t, slots: o, features: me.RenderStrategy | me.Static, visible: s.value, name: "MenuItems" });
+  };
+} }), zr = _({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${Q()}` } }, setup(e, { slots: t, attrs: o, expose: r }) {
+  let n = Ie("MenuItem"), a = O(null);
+  r({ el: a, $el: a });
+  let i = k(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), u = qt(a), c = k(() => ({ disabled: e.disabled, get textValue() {
+    return u();
+  }, domRef: a }));
+  Z(() => n.registerItem(e.id, c)), Ee(() => n.unregisterItem(e.id)), oe(() => {
+    n.menuState.value === 0 && i.value && n.activationTrigger.value !== 0 && B(() => {
+      var d, g;
+      return (g = (d = D(a)) == null ? void 0 : d.scrollIntoView) == null ? void 0 : g.call(d, { block: "nearest" });
+    });
+  });
+  function s(d) {
+    if (e.disabled)
+      return d.preventDefault();
+    n.closeMenu(), Nt(D(n.buttonRef));
+  }
+  function l() {
+    if (e.disabled)
+      return n.goToItem(L.Nothing);
+    n.goToItem(L.Specific, e.id);
+  }
+  let m = Kt();
+  function v(d) {
+    m.update(d);
+  }
+  function p(d) {
+    m.wasMoved(d) && (e.disabled || i.value || n.goToItem(L.Specific, e.id, 0));
+  }
+  function h(d) {
+    m.wasMoved(d) && (e.disabled || i.value && n.goToItem(L.Nothing));
+  }
+  return () => {
+    let { disabled: d } = e, g = { active: i.value, disabled: d, close: n.closeMenu }, { id: f, ...C } = e;
+    return F({ ourProps: { id: f, ref: a, role: "menuitem", tabIndex: d === !0 ? void 0 : -1, "aria-disabled": d === !0 ? !0 : void 0, disabled: void 0, onClick: s, onFocus: l, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: h, onMouseleave: h }, theirProps: { ...o, ...C }, slot: g, attrs: o, slots: t, name: "MenuItem" });
+  };
+} }), Zt = Symbol("LabelContext");
+function Qt() {
+  let e = ue(Zt, 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, Qt), t;
+  }
+  return e;
+}
+function Ur({ slot: e = {}, name: t = "Label", props: o = {} } = {}) {
+  let r = O([]);
+  function n(a) {
+    return r.value.push(a), () => {
+      let i = r.value.indexOf(a);
+      i !== -1 && r.value.splice(i, 1);
+    };
+  }
+  return ce(Zt, { register: n, slot: e, name: t, props: o }), k(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+}
+_({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${Q()}` } }, setup(e, { slots: t, attrs: o }) {
+  let r = Qt();
+  return Z(() => Ee(r.register(e.id))), () => {
+    let { name: n = "Label", slot: a = {}, props: i = {} } = r, { id: u, passive: c, ...s } = e, l = { ...Object.entries(i).reduce((m, [v, p]) => Object.assign(m, { [v]: I(p) }), {}), id: u };
+    return c && (delete l.onClick, delete l.htmlFor, delete s.onClick), F({ ourProps: l, theirProps: s, slot: a, attrs: o, slots: t, name: n });
+  };
+} });
+let Jt = Symbol("GroupContext");
+_({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: o }) {
+  let r = O(null), n = Ur({ name: "SwitchLabel", props: { htmlFor: k(() => {
+    var i;
+    return (i = r.value) == null ? void 0 : i.id;
+  }), onClick(i) {
+    r.value && (i.currentTarget.tagName === "LABEL" && i.preventDefault(), r.value.click(), r.value.focus({ preventScroll: !0 }));
+  } } }), a = Er({ name: "SwitchDescription" });
+  return ce(Jt, { switchRef: r, labelledby: n, describedby: a }), () => F({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: o, name: "SwitchGroup" });
+} });
+let Hr = _({ 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-${Q()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  let a = ue(Jt, null), [i, u] = Wt(k(() => e.modelValue), (g) => t("update:modelValue", g), k(() => e.defaultChecked));
+  function c() {
+    u(!i.value);
+  }
+  let s = O(null), l = a === null ? s : a.switchRef, m = Ke(k(() => ({ as: e.as, type: o.type })), l);
+  n({ el: l, $el: l });
+  function v(g) {
+    g.preventDefault(), c();
+  }
+  function p(g) {
+    g.key === P.Space ? (g.preventDefault(), c()) : g.key === P.Enter && Sr(g.currentTarget);
+  }
+  function h(g) {
+    g.preventDefault();
+  }
+  let d = k(() => {
+    var g, f;
+    return (f = (g = D(l)) == null ? void 0 : g.closest) == null ? void 0 : f.call(g, "form");
+  });
+  return Z(() => {
+    ne([d], () => {
+      if (!d.value || e.defaultChecked === void 0)
+        return;
+      function g() {
+        u(e.defaultChecked);
+      }
+      return d.value.addEventListener("reset", g), () => {
+        var f;
+        (f = d.value) == null || f.removeEventListener("reset", g);
+      };
+    }, { immediate: !0 });
+  }), () => {
+    let { id: g, name: f, value: C, form: y, ...w } = e, x = { checked: i.value }, S = { id: g, ref: l, role: "switch", type: m.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": a == null ? void 0 : a.labelledby.value, "aria-describedby": a == null ? void 0 : a.describedby.value, onClick: v, onKeyup: p, onKeypress: h };
+    return ve(se, [f != null && i.value != null ? ve(Ft, _t({ features: Ye.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: y, name: f, value: C })) : null, F({ ourProps: S, theirProps: { ...o, ...We(w, ["modelValue", "defaultChecked"]) }, slot: x, attrs: o, slots: r, name: "Switch" })]);
+  };
+} });
+function K(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function Ze(e) {
+  var t = K(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function q(e) {
+  var t = K(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function en(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = K(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+var ie = Math.round;
+function Ve() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function Wr() {
+  return !/^((?!chrome|android).)*safari/i.test(Ve());
+}
+function Oe(e, t, o) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  var r = e.getBoundingClientRect(), n = 1, a = 1;
+  t && q(e) && (n = e.offsetWidth > 0 && ie(r.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && ie(r.height) / e.offsetHeight || 1);
+  var i = Ze(e) ? K(e) : window, u = i.visualViewport, c = !Wr() && o, s = (r.left + (c && u ? u.offsetLeft : 0)) / n, l = (r.top + (c && u ? u.offsetTop : 0)) / a, m = r.width / n, v = r.height / a;
+  return {
+    width: m,
+    height: v,
+    top: l,
+    right: s + m,
+    bottom: l + v,
+    left: s,
+    x: s,
+    y: l
+  };
+}
+function tn(e) {
+  var t = K(e), o = t.pageXOffset, r = t.pageYOffset;
+  return {
+    scrollLeft: o,
+    scrollTop: r
+  };
+}
+function Kr(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function Gr(e) {
+  return e === K(e) || !q(e) ? tn(e) : Kr(e);
+}
+function ee(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function Re(e) {
+  return ((Ze(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function qr(e) {
+  return Oe(Re(e)).left + tn(e).scrollLeft;
+}
+function re(e) {
+  return K(e).getComputedStyle(e);
+}
+function Qe(e) {
+  var t = re(e), o = t.overflow, r = t.overflowX, n = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(o + n + r);
+}
+function Xr(e) {
+  var t = e.getBoundingClientRect(), o = ie(t.width) / e.offsetWidth || 1, r = ie(t.height) / e.offsetHeight || 1;
+  return o !== 1 || r !== 1;
+}
+function Yr(e, t, o) {
+  o === void 0 && (o = !1);
+  var r = q(t), n = q(t) && Xr(t), a = Re(t), i = Oe(e, n, o), u = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !o) && ((ee(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  Qe(a)) && (u = Gr(t)), q(t) ? (c = Oe(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : a && (c.x = qr(a))), {
+    x: i.left + u.scrollLeft - c.x,
+    y: i.top + u.scrollTop - c.y,
+    width: i.width,
+    height: i.height
+  };
+}
+function Zr(e) {
+  var t = Oe(e), o = e.offsetWidth, r = e.offsetHeight;
+  return Math.abs(t.width - o) <= 1 && (o = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: o,
+    height: r
+  };
+}
+function Je(e) {
+  return ee(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (en(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    Re(e)
+  );
+}
+function nn(e) {
+  return ["html", "body", "#document"].indexOf(ee(e)) >= 0 ? e.ownerDocument.body : q(e) && Qe(e) ? e : nn(Je(e));
+}
+function xe(e, t) {
+  var o;
+  t === void 0 && (t = []);
+  var r = nn(e), n = r === ((o = e.ownerDocument) == null ? void 0 : o.body), a = K(r), i = n ? [a].concat(a.visualViewport || [], Qe(r) ? r : []) : r, u = t.concat(i);
+  return n ? u : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    u.concat(xe(Je(i)))
+  );
+}
+function Qr(e) {
+  return ["table", "td", "th"].indexOf(ee(e)) >= 0;
+}
+function bt(e) {
+  return !q(e) || // https://github.com/popperjs/popper-core/issues/837
+  re(e).position === "fixed" ? null : e.offsetParent;
+}
+function Jr(e) {
+  var t = /firefox/i.test(Ve()), o = /Trident/i.test(Ve());
+  if (o && q(e)) {
+    var r = re(e);
+    if (r.position === "fixed")
+      return null;
+  }
+  var n = Je(e);
+  for (en(n) && (n = n.host); q(n) && ["html", "body"].indexOf(ee(n)) < 0; ) {
+    var a = re(n);
+    if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || t && a.willChange === "filter" || t && a.filter && a.filter !== "none")
+      return n;
+    n = n.parentNode;
+  }
+  return null;
+}
+function rn(e) {
+  for (var t = K(e), o = bt(e); o && Qr(o) && re(o).position === "static"; )
+    o = bt(o);
+  return o && (ee(o) === "html" || ee(o) === "body" && re(o).position === "static") ? t : o || Jr(e) || t;
+}
+var ke = "top", Ne = "bottom", Be = "right", Se = "left", eo = "start", Fe = "end", to = "beforeRead", no = "read", ro = "afterRead", oo = "beforeMain", ao = "main", lo = "afterMain", io = "beforeWrite", so = "write", uo = "afterWrite", co = [to, no, ro, oo, ao, lo, io, so, uo];
+function fo(e) {
+  var t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), r = [];
+  e.forEach(function(a) {
+    t.set(a.name, a);
+  });
+  function n(a) {
+    o.add(a.name);
+    var i = [].concat(a.requires || [], a.requiresIfExists || []);
+    i.forEach(function(u) {
+      if (!o.has(u)) {
+        var c = t.get(u);
+        c && n(c);
+      }
+    }), r.push(a);
+  }
+  return e.forEach(function(a) {
+    o.has(a.name) || n(a);
+  }), r;
+}
+function po(e) {
+  var t = fo(e);
+  return co.reduce(function(o, r) {
+    return o.concat(t.filter(function(n) {
+      return n.phase === r;
+    }));
+  }, []);
+}
+function vo(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(o) {
+      Promise.resolve().then(function() {
+        t = void 0, o(e());
+      });
+    })), t;
+  };
+}
+function mo(e) {
+  var t = e.reduce(function(o, r) {
+    var n = o[r.name];
+    return o[r.name] = n ? Object.assign({}, n, r, {
+      options: Object.assign({}, n.options, r.options),
+      data: Object.assign({}, n.data, r.data)
+    }) : r, o;
+  }, {});
+  return Object.keys(t).map(function(o) {
+    return t[o];
+  });
+}
+function on(e) {
+  return e.split("-")[0];
+}
+function an(e) {
+  return e.split("-")[1];
+}
+function bo(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function go(e) {
+  var t = e.reference, o = e.element, r = e.placement, n = r ? on(r) : null, a = r ? an(r) : null, i = t.x + t.width / 2 - o.width / 2, u = t.y + t.height / 2 - o.height / 2, c;
+  switch (n) {
+    case ke:
+      c = {
+        x: i,
+        y: t.y - o.height
+      };
+      break;
+    case Ne:
+      c = {
+        x: i,
+        y: t.y + t.height
+      };
+      break;
+    case Be:
+      c = {
+        x: t.x + t.width,
+        y: u
+      };
+      break;
+    case Se:
+      c = {
+        x: t.x - o.width,
+        y: u
+      };
+      break;
+    default:
+      c = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var s = n ? bo(n) : null;
+  if (s != null) {
+    var l = s === "y" ? "height" : "width";
+    switch (a) {
+      case eo:
+        c[s] = c[s] - (t[l] / 2 - o[l] / 2);
+        break;
+      case Fe:
+        c[s] = c[s] + (t[l] / 2 - o[l] / 2);
+        break;
+    }
+  }
+  return c;
+}
+var gt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function ht() {
+  for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
+    t[o] = arguments[o];
+  return !t.some(function(r) {
+    return !(r && typeof r.getBoundingClientRect == "function");
+  });
+}
+function ho(e) {
+  e === void 0 && (e = {});
+  var t = e, o = t.defaultModifiers, r = o === void 0 ? [] : o, n = t.defaultOptions, a = n === void 0 ? gt : n;
+  return function(u, c, s) {
+    s === void 0 && (s = a);
+    var l = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, gt, a),
+      modifiersData: {},
+      elements: {
+        reference: u,
+        popper: c
+      },
+      attributes: {},
+      styles: {}
+    }, m = [], v = !1, p = {
+      state: l,
+      setOptions: function(f) {
+        var C = typeof f == "function" ? f(l.options) : f;
+        d(), l.options = Object.assign({}, a, l.options, C), l.scrollParents = {
+          reference: Ze(u) ? xe(u) : u.contextElement ? xe(u.contextElement) : [],
+          popper: xe(c)
+        };
+        var y = po(mo([].concat(r, l.options.modifiers)));
+        return l.orderedModifiers = y.filter(function(w) {
+          return w.enabled;
+        }), h(), p.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!v) {
+          var f = l.elements, C = f.reference, y = f.popper;
+          if (ht(C, y)) {
+            l.rects = {
+              reference: Yr(C, rn(y), l.options.strategy === "fixed"),
+              popper: Zr(y)
+            }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(le) {
+              return l.modifiersData[le.name] = Object.assign({}, le.data);
+            });
+            for (var w = 0; w < l.orderedModifiers.length; w++) {
+              if (l.reset === !0) {
+                l.reset = !1, w = -1;
+                continue;
+              }
+              var x = l.orderedModifiers[w], S = x.fn, $ = x.options, X = $ === void 0 ? {} : $, ae = x.name;
+              typeof S == "function" && (l = S({
+                state: l,
+                options: X,
+                name: ae,
+                instance: p
+              }) || l);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: vo(function() {
+        return new Promise(function(g) {
+          p.forceUpdate(), g(l);
+        });
+      }),
+      destroy: function() {
+        d(), v = !0;
+      }
+    };
+    if (!ht(u, c))
+      return p;
+    p.setOptions(s).then(function(g) {
+      !v && s.onFirstUpdate && s.onFirstUpdate(g);
+    });
+    function h() {
+      l.orderedModifiers.forEach(function(g) {
+        var f = g.name, C = g.options, y = C === void 0 ? {} : C, w = g.effect;
+        if (typeof w == "function") {
+          var x = w({
+            state: l,
+            name: f,
+            instance: p,
+            options: y
+          }), S = function() {
+          };
+          m.push(x || S);
+        }
+      });
+    }
+    function d() {
+      m.forEach(function(g) {
+        return g();
+      }), m = [];
+    }
+    return p;
+  };
+}
+var ye = {
+  passive: !0
+};
+function yo(e) {
+  var t = e.state, o = e.instance, r = e.options, n = r.scroll, a = n === void 0 ? !0 : n, i = r.resize, u = i === void 0 ? !0 : i, c = K(t.elements.popper), s = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return a && s.forEach(function(l) {
+    l.addEventListener("scroll", o.update, ye);
+  }), u && c.addEventListener("resize", o.update, ye), function() {
+    a && s.forEach(function(l) {
+      l.removeEventListener("scroll", o.update, ye);
+    }), u && c.removeEventListener("resize", o.update, ye);
+  };
+}
+const wo = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: yo,
+  data: {}
+};
+function xo(e) {
+  var t = e.state, o = e.name;
+  t.modifiersData[o] = go({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    strategy: "absolute",
+    placement: t.placement
+  });
+}
+const ko = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: xo,
+  data: {}
+};
+var So = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function Oo(e, t) {
+  var o = e.x, r = e.y, n = t.devicePixelRatio || 1;
+  return {
+    x: ie(o * n) / n || 0,
+    y: ie(r * n) / n || 0
+  };
+}
+function yt(e) {
+  var t, o = e.popper, r = e.popperRect, n = e.placement, a = e.variation, i = e.offsets, u = e.position, c = e.gpuAcceleration, s = e.adaptive, l = e.roundOffsets, m = e.isFixed, v = i.x, p = v === void 0 ? 0 : v, h = i.y, d = h === void 0 ? 0 : h, g = typeof l == "function" ? l({
+    x: p,
+    y: d
+  }) : {
+    x: p,
+    y: d
+  };
+  p = g.x, d = g.y;
+  var f = i.hasOwnProperty("x"), C = i.hasOwnProperty("y"), y = Se, w = ke, x = window;
+  if (s) {
+    var S = rn(o), $ = "clientHeight", X = "clientWidth";
+    if (S === K(o) && (S = Re(o), re(S).position !== "static" && u === "absolute" && ($ = "scrollHeight", X = "scrollWidth")), S = S, n === ke || (n === Se || n === Be) && a === Fe) {
+      w = Ne;
+      var ae = m && S === x && x.visualViewport ? x.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        S[$]
+      );
+      d -= ae - r.height, d *= c ? 1 : -1;
+    }
+    if (n === Se || (n === ke || n === Ne) && a === Fe) {
+      y = Be;
+      var le = m && S === x && x.visualViewport ? x.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        S[X]
+      );
+      p -= le - r.width, p *= c ? 1 : -1;
+    }
+  }
+  var et = Object.assign({
+    position: u
+  }, s && So), tt = l === !0 ? Oo({
+    x: p,
+    y: d
+  }, K(o)) : {
+    x: p,
+    y: d
+  };
+  if (p = tt.x, d = tt.y, c) {
+    var de;
+    return Object.assign({}, et, (de = {}, de[w] = C ? "0" : "", de[y] = f ? "0" : "", de.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + d + "px)" : "translate3d(" + p + "px, " + d + "px, 0)", de));
+  }
+  return Object.assign({}, et, (t = {}, t[w] = C ? d + "px" : "", t[y] = f ? p + "px" : "", t.transform = "", t));
+}
+function Eo(e) {
+  var t = e.state, o = e.options, r = o.gpuAcceleration, n = r === void 0 ? !0 : r, a = o.adaptive, i = a === void 0 ? !0 : a, u = o.roundOffsets, c = u === void 0 ? !0 : u, s = {
+    placement: on(t.placement),
+    variation: an(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: n,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, yt(Object.assign({}, s, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: i,
+    roundOffsets: c
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, yt(Object.assign({}, s, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: c
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Do = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: Eo,
+  data: {}
+};
+function Po(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(o) {
+    var r = t.styles[o] || {}, n = t.attributes[o] || {}, a = t.elements[o];
+    !q(a) || !ee(a) || (Object.assign(a.style, r), Object.keys(n).forEach(function(i) {
+      var u = n[i];
+      u === !1 ? a.removeAttribute(i) : a.setAttribute(i, u === !0 ? "" : u);
+    }));
+  });
+}
+function Co(e) {
+  var t = e.state, o = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, o.popper), t.styles = o, t.elements.arrow && Object.assign(t.elements.arrow.style, o.arrow), function() {
+    Object.keys(t.elements).forEach(function(r) {
+      var n = t.elements[r], a = t.attributes[r] || {}, i = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : o[r]), u = i.reduce(function(c, s) {
+        return c[s] = "", c;
+      }, {});
+      !q(n) || !ee(n) || (Object.assign(n.style, u), Object.keys(a).forEach(function(c) {
+        n.removeAttribute(c);
+      }));
+    });
+  };
+}
+const Io = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Po,
+  effect: Co,
+  requires: ["computeStyles"]
+};
+var Ro = [wo, ko, Do, Io], Lo = /* @__PURE__ */ ho({
+  defaultModifiers: Ro
+});
+function To(e) {
+  const t = O(null), o = O(null);
+  return Z(() => {
+    oe((r) => {
+      if (!o.value || !t.value)
+        return;
+      const n = o.value.el || o.value, a = t.value.el || t.value;
+      if (!(a instanceof HTMLElement) || !(n instanceof HTMLElement))
+        return;
+      const { destroy: i } = Lo(a, n, e);
+      r(i);
+    });
+  }), [t, o];
+}
+const ia = /* @__PURE__ */ _({
+  __name: "MenuContainer",
+  props: {
+    position: { default: "left" },
+    usePortal: { type: [Boolean, String], default: !1 }
+  },
+  setup(e) {
+    const o = e.position === "left" ? "bottom-end" : "bottom-start", [r, n] = To({ placement: o });
+    return (a, i) => (E(), H(I(Nr), {
+      as: "div",
+      class: "relative inline-block text-left"
+    }, {
+      default: U(({ open: u }) => [
+        V(I(Br), {
+          class: "focus:outline-none",
+          ref_key: "button",
+          ref: r
+        }, {
+          default: U(() => [
+            nt(a.$slots, "button", {}, () => [
+              V(I(z), {
+                class: "fill-current",
+                name: "ellipsis-h"
+              })
+            ])
+          ]),
+          _: 3
+        }, 512),
+        (E(), H(fn, {
+          to: typeof a.usePortal == "string" ? a.usePortal : "body",
+          disabled: !a.usePortal
+        }, [
+          T("div", {
+            ref_key: "container",
+            ref: n,
+            class: M(["w-56", u ? "mt-" : "mt-px"])
+          }, [
+            V(wt, {
+              "enter-active-class": "transition duration-200 ease-in-out",
+              "enter-from-class": "transform -translate-y-4 opacity-0",
+              "enter-to-class": "transform opacity-100",
+              "leave-active-class": "transition duration-100 ease-in-out",
+              "leave-from-class": "transform opacity-100",
+              "leave-to-class": "transform -translate-y-2 opacity-0"
+            }, {
+              default: U(() => [
+                V(I(Fr), {
+                  class: M([
+                    {
+                      "absolute left-0 origin-top-left": !a.usePortal && a.position === "right",
+                      "absolute right-0 origin-top-right": !a.usePortal && a.position === "left"
+                    },
+                    "z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"
+                  ])
+                }, {
+                  default: U(() => [
+                    nt(a.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["class"])
+              ]),
+              _: 3
+            })
+          ], 2)
+        ], 8, ["to", "disabled"]))
+      ]),
+      _: 3
+    }));
+  }
+}), _o = {
+  key: 0,
+  class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
+}, sa = /* @__PURE__ */ _({
+  __name: "MenuLink",
+  props: {
+    label: {},
+    meta: {},
+    disabled: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    return (t, o) => (E(), H(I(zr), pn(vn({ disabled: t.disabled })), {
+      default: U(({ active: r }) => [
+        (E(), H(mn(t.as || "span"), {
+          class: M(["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg", [
+            r ? "bg-grey-200" : "",
+            t.disabled ? "opacity-50 pointer-events-none" : "hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"
+          ]])
+        }, {
+          default: U(() => [
+            T("span", null, N(t.label), 1),
+            t.meta ? (E(), R("span", _o, N(t.meta), 1)) : A("", !0)
+          ]),
+          _: 2
+        }, 1032, ["class"]))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), $o = { class: "relative" }, Mo = {
+  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"
+}, Ao = {
+  key: 1,
+  class: "block truncate"
+}, jo = {
+  key: 2,
+  class: "text-grey-500 truncate"
+}, Vo = { 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" }, No = { class: "absolute right-2 inset-y-0 flex items-center" }, Bo = {
+  key: 0,
+  class: "bg-grey-500 text-grey-100 rounded text-xs px-2 py-1"
+}, ua = /* @__PURE__ */ _({
+  __name: "Select",
+  props: {
+    modelValue: {},
+    size: { default: "medium" },
+    icon: {},
+    placeholder: {},
+    isDisabled: { type: Boolean, default: !1 },
+    options: {},
+    disabledBadge: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, r = o.modelValue ? O(o.modelValue) : O(void 0), n = t, { inputClasses: a, disabledClasses: i, textSizeClasses: u } = He(o);
+    return ne(
+      () => o.modelValue,
+      (c) => {
+        var s;
+        c && c.id !== ((s = r.value) == null ? void 0 : s.id) && (r.value = c);
+      }
+    ), ne(r, (c) => {
+      c && n("update:modelValue", c);
+    }), (c, s) => (E(), H(I(Tr), {
+      as: "div",
+      modelValue: I(r),
+      "onUpdate:modelValue": s[0] || (s[0] = (l) => bn(r) ? r.value = l : null),
+      disabled: c.isDisabled
+    }, {
+      default: U(() => [
+        T("div", $o, [
+          V(I(_r), {
+            class: M(["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", [I(a), I(u), I(i)]])
+          }, {
+            default: U(() => {
+              var l;
+              return [
+                c.icon ? (E(), R("span", Mo, [
+                  V(z, {
+                    name: ((l = I(r)) == null ? void 0 : l.icon) ?? c.icon
+                  }, null, 8, ["name"])
+                ])) : A("", !0),
+                I(r) ? (E(), R("span", Ao, N(I(r).label), 1)) : (E(), R("span", jo, N(c.placeholder), 1)),
+                T("span", Vo, [
+                  V(z, {
+                    class: "text-grey-400",
+                    name: "chevron-down",
+                    "aria-hidden": "true"
+                  })
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["class"]),
+          V(wt, {
+            "leave-active-class": "transition ease-in duration-100",
+            "leave-from-class": "opacity-100",
+            "leave-to-class": "opacity-0"
+          }, {
+            default: U(() => [
+              V(I($r), { 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(() => [
+                  (E(!0), R(se, null, xt(c.options, (l) => (E(), H(I(Mr), {
+                    as: "template",
+                    key: l.id,
+                    value: l,
+                    disabled: l.disabled
+                  }, {
+                    default: U(({ active: m, selected: v }) => [
+                      T("li", {
+                        class: M([
+                          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": l.disabled }
+                        ])
+                      }, [
+                        T("div", No, [
+                          l.disabled && c.disabledBadge ? (E(), R("span", Bo, N(c.disabledBadge), 1)) : A("", !0)
+                        ]),
+                        T("span", {
+                          class: M([
+                            v ? "font-semibold" : "font-normal",
+                            "block truncate"
+                          ])
+                        }, [
+                          l.icon ? (E(), H(z, {
+                            key: 0,
+                            class: "inline-block mr-1",
+                            name: l.icon
+                          }, null, 8, ["name"])) : A("", !0),
+                          gn(" " + N(l.label), 1)
+                        ], 2),
+                        v ? (E(), R("span", {
+                          key: 0,
+                          class: M([
+                            m ? "text-blue-100" : "text-blue-500",
+                            "absolute inset-y-0 right-0 flex items-center pr-4"
+                          ])
+                        }, [
+                          V(z, {
+                            name: "check",
+                            class: "h-5 w-5",
+                            "aria-hidden": "true"
+                          })
+                        ], 2)) : A("", !0)
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "disabled"]))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled"]));
+  }
+}), Fo = { class: "animate-pulse" }, zo = { class: "flex items-center justify-between space-x-4" }, Uo = {
+  key: 0,
+  class: "w-12 h-12 bg-current rounded-full shrink-0"
+}, Ho = {
+  key: 1,
+  class: "w-full h-8 bg-current rounded-lg"
+}, Wo = {
+  key: 0,
+  class: "mt-6 space-y-2"
+}, Ko = {
+  key: 1,
+  class: "w-1/3 h-10 mt-6 bg-current rounded-lg"
+}, ca = /* @__PURE__ */ _({
+  __name: "Skeleton",
+  props: {
+    avatar: { type: Boolean, default: !1 },
+    title: { type: Boolean, default: !0 },
+    lines: { default: 3 },
+    footer: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, o = new Array(t.lines).fill(void 0).map(() => {
+      const r = [4, 5, 6, 8, 10, 16, 24, 32];
+      return {
+        margin: `mr-${r[Math.floor(Math.random() * r.length)]}`
+      };
+    });
+    return (r, n) => (E(), R("div", Fo, [
+      T("div", zo, [
+        r.avatar ? (E(), R("div", Uo)) : A("", !0),
+        r.title ? (E(), R("div", Ho)) : A("", !0)
+      ]),
+      r.lines > 0 ? (E(), R("div", Wo, [
+        (E(!0), R(se, null, xt(I(o), (a, i) => (E(), R("div", {
+          class: M(["h-4 bg-current rounded-lg", a.margin]),
+          key: i
+        }, null, 2))), 128))
+      ])) : A("", !0),
+      r.footer ? (E(), R("div", Ko)) : A("", !0)
+    ]));
+  }
+}), da = /* @__PURE__ */ _({
+  __name: "Spinner",
+  setup(e) {
+    return (t, o) => (E(), H(I(z), {
+      class: "animate-spin",
+      name: "circle-notch"
+    }));
+  }
+}), Go = { class: "relative inline-flex items-center" }, qo = ["aria-label", "tabindex"], Xo = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center"
+}, fa = /* @__PURE__ */ _({
+  __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 o = t, r = e, n = k(() => {
+      const s = {
+        "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": r.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": r.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": r.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": r.color === "danger"
+      }, l = {
+        "px-4 py-1 text-xs leading-5 mono-100": r.size === "small",
+        "px-5 py-2 text-sm leading-4 font-medium": r.size === "medium",
+        "px-8 pr-4 py-3 text-base leading-6 font-medium": r.size === "large"
+      }, m = {
+        "pointer-events-none opacity-75 cursor-not-allowed": r.isDisabled
+      };
+      return {
+        ...s,
+        ...m,
+        ...l
+      };
+    }), a = k(() => {
+      const s = {
+        "border-l-white/50 border-l": r.color === "primary",
+        "border-l-blue-100 border-l": r.color === "light",
+        "border-l-grey-600 border-l": r.color === "dark",
+        "border-l-red-600 border-l": r.color === "danger"
+      }, l = {
+        "pl-2 pr-3": r.size === "small",
+        "pl-3 pr-3": r.size === "medium",
+        "pl-4 pr-5": r.size === "large"
+      };
+      return {
+        ...s,
+        ...l
+      };
+    }), i = k(() => ({
+      ...{
+        "text-white": r.color === "primary",
+        "text-blue-600": r.color === "light",
+        "text-grey-50": r.color === "dark"
+      }
+    }));
+    function u() {
+      r.isDisabled || o("onClick");
+    }
+    function c() {
+      r.isDisabled || o("onClickSplit");
+    }
+    return (s, l) => (E(), R("div", Go, [
+      T("button", {
+        type: "button",
+        "aria-label": s.label,
+        tabindex: s.isDisabled ? "-1" : void 0,
+        class: M(["relative transition duration-150 ease-in-out rounded-l-lg", n.value]),
+        onClick: u
+      }, [
+        T("div", {
+          class: M(!s.isLoading || "invisible")
+        }, [
+          T("span", null, N(s.label), 1)
+        ], 2),
+        s.isLoading ? (E(), R("span", Xo, [
+          V(z, {
+            class: "ml-3 animate-spin",
+            name: "circle-notch"
+          })
+        ])) : A("", !0)
+      ], 10, qo),
+      T("button", {
+        type: "button",
+        class: M(["border-l-white/50 border-l transition duration-150 ease-in-out rounded-r-lg", [n.value, a.value]]),
+        onClick: c
+      }, [
+        V(z, {
+          class: M([i.value]),
+          name: s.icon
+        }, null, 8, ["class", "name"])
+      ], 2)
+    ]));
+  }
+}), Yo = { class: "sr-only" }, pa = /* @__PURE__ */ _({
+  __name: "Switch",
+  props: {
+    id: { default: Ct() },
+    label: {},
+    modelValue: { type: Boolean },
+    description: {},
+    onLabel: { default: "on" },
+    offLabel: { default: "off" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const o = t, r = (n) => {
+      o("update:modelValue", n), o("change", n);
+    };
+    return (n, a) => (E(), H(I(Hr), {
+      modelValue: n.modelValue,
+      label: n.label,
+      class: M([n.modelValue ? "bg-blue-700" : "bg-grey-700", "relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),
+      "onUpdate:modelValue": r
+    }, {
+      default: U(() => [
+        T("span", {
+          class: M(["absolute text-xs text-center text-white inset-x-2", n.modelValue ? "pr-3" : "pl-3"])
+        }, N(n.modelValue === !0 ? n.onLabel : n.offLabel), 3),
+        T("span", Yo, N(n.label), 1),
+        T("span", {
+          class: M([n.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"]));
+  }
+}), Zo = { class: "relative" }, Qo = ["tabindex", "value"], Jo = {
+  inheritAttrs: !1
+}, va = /* @__PURE__ */ _({
+  ...Jo,
+  __name: "Textarea",
+  props: {
+    modelValue: {},
+    size: { default: "medium" },
+    isDisabled: { type: Boolean, default: !1 },
+    block: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: t, emit: o }) {
+    const r = e, n = o, { inputClasses: a, disabledClasses: i, textSizeClasses: u } = He(r), c = function(m) {
+      n("update:modelValue", (m == null ? void 0 : m.target).value);
+    }, s = O(null);
+    return t({
+      focus: () => {
+        r.isDisabled || s.value.focus();
+      }
+    }), (m, v) => (E(), R("div", Zo, [
+      T("textarea", ze({
+        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", [I(a), I(u), I(i)]],
+        tabindex: m.isDisabled ? "-1" : void 0,
+        value: m.modelValue ?? ""
+      }, m.$attrs, {
+        ref_key: "input",
+        ref: s,
+        cols: "56",
+        rows: "8",
+        onInput: c
+      }), `
+    `, 16, Qo)
+    ]));
+  }
+});
+export {
+  ra as D9Button,
+  oa as D9Checkbox,
+  z as D9Icon,
+  aa as D9Input,
+  la as D9Label,
+  ia as D9Menu,
+  sa as D9MenuLink,
+  ua as D9Select,
+  ca as D9Skeleton,
+  da as D9Spinner,
+  fa as D9SplitButton,
+  pa as D9Switch,
+  va as D9Textarea,
+  ot as brands,
+  wn as icons
+};