@deck9/ui 0.15.2 → 0.15.3

package/dist/src/ui.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as k, openBlock as R, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as L, normalizeClass as $, createElementVNode as T, toDisplayString as H, createVNode as F, ref as C, getCurrentInstance as In, onMounted as ee, watch as Q, Fragment as be, withDirectives as An, vModelText as $n, normalizeStyle as Nt, cloneVNode as Mn, h as Oe, inject as he, provide as ye, watchEffect as xe, nextTick as B, onUnmounted as Ne, toRaw as X, shallowRef as Vn, getCurrentScope as Fn, onScopeDispose as Nn, shallowReadonly as me, withCtx as W, renderSlot as ht, Teleport as Bn, Transition as Bt, normalizeProps as jn, guardReactiveProps as zn, resolveDynamicComponent as Hn, isRef as Un, renderList as jt } from "vue";
+import { defineComponent as A, computed as k, openBlock as R, createBlock as W, unref as _, mergeProps as ot, createCommentVNode as M, createElementBlock as L, normalizeClass as $, createElementVNode as T, toDisplayString as G, createVNode as F, ref as C, getCurrentInstance as In, onMounted as ee, watch as Q, Fragment as be, withDirectives as An, vModelText as $n, normalizeStyle as Nt, cloneVNode as Mn, h as Oe, inject as he, provide as ye, watchEffect as xe, nextTick as B, onUnmounted as Ne, toRaw as X, shallowRef as Vn, getCurrentScope as Fn, onScopeDispose as Nn, shallowReadonly as me, withCtx as U, renderSlot as ht, Teleport as Bn, Transition as Bt, normalizeProps as jn, guardReactiveProps as zn, resolveDynamicComponent as Hn, isRef as Un, renderList as jt } from "vue";
 import { FontAwesomeIcon as Wn } from "@fortawesome/vue-fontawesome";
 import { library as lt } from "@fortawesome/fontawesome-svg-core";
 import * as p from "@fortawesome/free-solid-svg-icons";
@@ -140,7 +140,7 @@ const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       "could not load icon, because it is not available",
       t.name
     ), !1));
-    return (n, r) => o.value ? (R(), K(P(Wn), ot({
+    return (n, r) => o.value ? (R(), W(_(Wn), ot({
       key: 0,
       icon: [l.value, n.name]
     }, n.$attrs), null, 16, ["icon"])) : M("", !0);
@@ -148,7 +148,7 @@ const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
 }), qn = ["aria-label", "tabindex"], Xn = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Rr = /* @__PURE__ */ A({
+}, Er = /* @__PURE__ */ A({
   __name: "Button",
   props: {
     label: {},
@@ -210,13 +210,13 @@ const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       T("div", {
         class: $(!u.isLoading || "invisible")
       }, [
-        u.icon && u.iconPosition === "left" ? (R(), K(z, {
+        u.icon && u.iconPosition === "left" ? (R(), W(z, {
           key: 0,
           name: u.icon,
           class: $(r.value)
         }, null, 8, ["name", "class"])) : M("", !0),
-        T("span", null, H(u.label), 1),
-        u.icon && u.iconPosition === "right" ? (R(), K(z, {
+        T("span", null, G(u.label), 1),
+        u.icon && u.iconPosition === "right" ? (R(), W(z, {
           key: 1,
           name: u.icon,
           class: $(r.value)
@@ -263,7 +263,7 @@ function qt(e, t, l) {
 const eo = { class: "relative flex items-start" }, to = { class: "flex items-center h-5" }, no = ["checked", "id"], oo = { class: "ml-2 text-sm leading-5" }, lo = ["for"], ro = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
-}, Er = /* @__PURE__ */ A({
+}, Dr = /* @__PURE__ */ A({
   __name: "Checkbox",
   props: {
     id: { default: qt() },
@@ -290,8 +290,8 @@ const eo = { class: "relative flex items-start" }, to = { class: "flex items-cen
         T("label", {
           for: n.id,
           class: "font-medium text-grey-700 dark:text-grey-200 casual-25"
-        }, H(n.label), 9, lo),
-        n.description ? (R(), L("p", ro, H(n.description), 1)) : M("", !0)
+        }, G(n.label), 9, lo),
+        n.description ? (R(), L("p", ro, G(n.description), 1)) : M("", !0)
       ])
     ]));
   }
@@ -450,10 +450,10 @@ function rt(e) {
     textSizeClasses: o
   };
 }
-const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute inset-y-2 left-2 w-8 cursor-pointer" }, Po = {
+const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute inset-y-2 left-2 w-8 cursor-pointer" }, _o = {
   inheritAttrs: !1
-}, Dr = /* @__PURE__ */ A({
-  ...Po,
+}, _r = /* @__PURE__ */ A({
+  ..._o,
   __name: "Input",
   props: {
     modelValue: {},
@@ -506,7 +506,7 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
       class: $(["relative", [y.block ? "w-full block" : "inline-block"]])
     }, [
       T("input", ot({
-        class: ["relative mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [P(u), P(a), P(c)]],
+        class: ["relative mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [_(u), _(a), _(c)]],
         placeholder: y.placeholder,
         type: s.value,
         tabindex: y.isDisabled ? "-1" : void 0,
@@ -531,7 +531,7 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
             style: Nt(`background-color: ${r.value}`)
           }, null, 4)
         ]),
-        P(d) && y.showColorPicker ? (R(), L("button", {
+        _(d) && y.showColorPicker ? (R(), L("button", {
           key: 0,
           type: "button",
           class: "absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",
@@ -544,13 +544,13 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
         ])) : M("", !0)
       ], 64)) : y.icon ? (R(), L("span", {
         key: 1,
-        class: $(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", P(a)])
+        class: $(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", _(a)])
       }, [
         F(z, { name: y.icon }, null, 8, ["name"])
       ], 2)) : M("", !0)
     ], 2));
   }
-}), _o = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, To = ["for"], Lo = {
+}), Po = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, To = ["for"], Lo = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
 }, Pr = /* @__PURE__ */ A({
@@ -561,19 +561,19 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
     description: {}
   },
   setup(e) {
-    return (t, l) => (R(), L("span", _o, [
-      T("label", { for: t.id }, H(t.label), 9, To),
-      t.description ? (R(), L("span", Lo, H(t.description), 1)) : M("", !0)
+    return (t, l) => (R(), L("span", Po, [
+      T("label", { for: t.id }, G(t.label), 9, To),
+      t.description ? (R(), L("span", Lo, G(t.description), 1)) : M("", !0)
     ]));
   }
 });
-function G(e, t, ...l) {
+function K(e, t, ...l) {
   if (e in t) {
     let n = t[e];
     return typeof n == "function" ? n(...l) : n;
   }
   let o = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((n) => `"${n}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(o, G), o;
+  throw Error.captureStackTrace && Error.captureStackTrace(o, K), o;
 }
 var Re = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Re || {}), Io = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Io || {});
 function j({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n }) {
@@ -583,7 +583,7 @@ function j({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n
     return Qe(u);
   if (t & 1) {
     let c = (r = i.unmount) == null || r ? 0 : 1;
-    return G(c, { 0() {
+    return K(c, { 0() {
       return null;
     }, 1() {
       return Qe({ ...n, props: { ...i, hidden: !0, style: { display: "none" } } });
@@ -783,7 +783,7 @@ function ln(e = document.body) {
 var je = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(je || {});
 function ze(e, t = 0) {
   var l;
-  return e === ((l = ut(e)) == null ? void 0 : l.body) ? !1 : G(t, { 0() {
+  return e === ((l = ut(e)) == null ? void 0 : l.body) ? !1 : K(t, { 0() {
     return e.matches(et);
   }, 1() {
     let o = e;
@@ -944,16 +944,16 @@ function fn(e, t, l) {
     return n.value || (o.value = r), t == null ? void 0 : t(r);
   }];
 }
-function Pt(e) {
+function _t(e) {
   return [e.screenX, e.screenY];
 }
 function pn() {
   let e = C([-1, -1]);
   return { wasMoved(t) {
-    let l = Pt(t);
+    let l = _t(t);
     return e.value[0] === l[0] && e.value[1] === l[1] ? !1 : (e.value = l, !0);
   }, update(t) {
-    e.value = Pt(t);
+    e.value = _t(t);
   } };
 }
 let mn = Symbol("DescriptionContext");
@@ -976,11 +976,11 @@ function Jo({ slot: e = C({}), name: t = "Description", props: l = {} } = {}) {
 A({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${J()}` } }, setup(e, { attrs: t, slots: l }) {
   let o = Zo();
   return ee(() => Ne(o.register(e.id))), () => {
-    let { name: n = "Description", slot: r = C({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [d, v]) => Object.assign(s, { [d]: P(v) }), {}), id: u };
+    let { name: n = "Description", slot: r = C({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [d, v]) => Object.assign(s, { [d]: _(v) }), {}), id: u };
     return j({ ourProps: a, theirProps: c, slot: r.value, attrs: t, slots: l, name: n });
   };
 } });
-let _t = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+let Pt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
 function Tt(e) {
   var t, l;
   let o = (t = e.innerText) != null ? t : "", n = e.cloneNode(!0);
@@ -990,7 +990,7 @@ function Tt(e) {
   for (let u of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
     u.remove(), r = !0;
   let i = r ? (l = n.innerText) != null ? l : "" : o;
-  return _t.test(i) && (i = i.replace(_t, "")), i;
+  return Pt.test(i) && (i = i.replace(Pt, "")), i;
 }
 function el(e) {
   let t = e.getAttribute("aria-label");
@@ -1043,10 +1043,10 @@ function De(e) {
 let il = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => tl }, horizontal: { type: [Boolean], default: !1 }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: l, emit: o }) {
   let n = C(1), r = C(null), i = C(null), u = C(null), c = C([]), a = C(""), s = C(null), d = C(1);
   function v(x = (w) => w) {
-    let w = s.value !== null ? c.value[s.value] : null, S = ct(x(c.value.slice()), (O) => E(O.dataRef.domRef)), _ = w ? S.indexOf(w) : null;
-    return _ === -1 && (_ = null), { options: S, activeOptionIndex: _ };
+    let w = s.value !== null ? c.value[s.value] : null, S = ct(x(c.value.slice()), (O) => E(O.dataRef.domRef)), P = w ? S.indexOf(w) : null;
+    return P === -1 && (P = null), { options: S, activeOptionIndex: P };
   }
-  let f = k(() => e.multiple ? 1 : 0), [g, m] = fn(k(() => e.modelValue), (x) => o("update:modelValue", x), k(() => e.defaultValue)), h = k(() => g.value === void 0 ? G(f.value, { 1: [], 0: void 0 }) : g.value), b = { listboxState: n, value: h, mode: f, compare(x, w) {
+  let f = k(() => e.multiple ? 1 : 0), [g, m] = fn(k(() => e.modelValue), (x) => o("update:modelValue", x), k(() => e.defaultValue)), h = k(() => g.value === void 0 ? K(f.value, { 1: [], 0: void 0 }) : g.value), b = { listboxState: n, value: h, mode: f, compare(x, w) {
     if (typeof e.by == "string") {
       let S = e.by;
       return (x == null ? void 0 : x[S]) === (w == null ? void 0 : w[S]);
@@ -1059,38 +1059,38 @@ let il = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
   }, goToOption(x, w, S) {
     if (e.disabled || n.value === 1)
       return;
-    let _ = v(), O = en(x === I.Specific ? { focus: I.Specific, id: w } : { focus: x }, { resolveItems: () => _.options, resolveActiveIndex: () => _.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
-    a.value = "", s.value = O, d.value = S ?? 1, c.value = _.options;
+    let P = v(), O = en(x === I.Specific ? { focus: I.Specific, id: w } : { focus: x }, { resolveItems: () => P.options, resolveActiveIndex: () => P.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
+    a.value = "", s.value = O, d.value = S ?? 1, c.value = P.options;
   }, search(x) {
     if (e.disabled || n.value === 1)
       return;
     let w = a.value !== "" ? 0 : 1;
     a.value += x.toLowerCase();
-    let S = (s.value !== null ? c.value.slice(s.value + w).concat(c.value.slice(0, s.value + w)) : c.value).find((O) => O.dataRef.textValue.startsWith(a.value) && !O.dataRef.disabled), _ = S ? c.value.indexOf(S) : -1;
-    _ === -1 || _ === s.value || (s.value = _, d.value = 1);
+    let S = (s.value !== null ? c.value.slice(s.value + w).concat(c.value.slice(0, s.value + w)) : c.value).find((O) => O.dataRef.textValue.startsWith(a.value) && !O.dataRef.disabled), P = S ? c.value.indexOf(S) : -1;
+    P === -1 || P === s.value || (s.value = P, d.value = 1);
   }, clearSearch() {
     e.disabled || n.value !== 1 && a.value !== "" && (a.value = "");
   }, registerOption(x, w) {
-    let S = v((_) => [..._, { id: x, dataRef: w }]);
+    let S = v((P) => [...P, { id: x, dataRef: w }]);
     c.value = S.options, s.value = S.activeOptionIndex;
   }, unregisterOption(x) {
     let w = v((S) => {
-      let _ = S.findIndex((O) => O.id === x);
-      return _ !== -1 && S.splice(_, 1), S;
+      let P = S.findIndex((O) => O.id === x);
+      return P !== -1 && S.splice(P, 1), S;
     });
     c.value = w.options, s.value = w.activeOptionIndex, d.value = 1;
   }, theirOnChange(x) {
     e.disabled || m(x);
   }, select(x) {
-    e.disabled || m(G(f.value, { 0: () => x, 1: () => {
-      let w = X(b.value.value).slice(), S = X(x), _ = w.findIndex((O) => b.compare(S, X(O)));
-      return _ === -1 ? w.push(S) : w.splice(_, 1), w;
+    e.disabled || m(K(f.value, { 0: () => x, 1: () => {
+      let w = X(b.value.value).slice(), S = X(x), P = w.findIndex((O) => b.compare(S, X(O)));
+      return P === -1 ? w.push(S) : w.splice(P, 1), w;
     } }));
   } };
   an([i, u], (x, w) => {
     var S;
     b.closeListbox(), ze(w, je.Loose) || (x.preventDefault(), (S = E(i)) == null || S.focus());
-  }, k(() => n.value === 0)), ye(gn, b), on(k(() => G(n.value, { 0: te.Open, 1: te.Closed })));
+  }, k(() => n.value === 0)), ye(gn, b), on(k(() => K(n.value, { 0: te.Open, 1: te.Closed })));
   let y = k(() => {
     var x;
     return (x = E(i)) == null ? void 0 : x.closest("form");
@@ -1108,8 +1108,8 @@ let il = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: x, modelValue: w, disabled: S, form: _, ...O } = e, N = { open: n.value === 0, disabled: S, value: h.value };
-    return Oe(be, [...x != null && h.value != null ? un({ [x]: h.value }).map(([re, _e]) => Oe(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: _, name: re, value: _e }))) : [], j({ ourProps: {}, theirProps: { ...l, ...it(O, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
+    let { name: x, modelValue: w, disabled: S, form: P, ...O } = e, N = { open: n.value === 0, disabled: S, value: h.value };
+    return Oe(be, [...x != null && h.value != null ? un({ [x]: h.value }).map(([re, Pe]) => Oe(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: P, name: re, value: Pe }))) : [], j({ ourProps: {}, theirProps: { ...l, ...it(O, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
   };
 } });
 A({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${J()}` } }, setup(e, { attrs: t, slots: l }) {
@@ -1184,9 +1184,9 @@ let al = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
           return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         }));
         break;
-      case G(n.orientation.value, { vertical: D.ArrowDown, horizontal: D.ArrowRight }):
+      case K(n.orientation.value, { vertical: D.ArrowDown, horizontal: D.ArrowRight }):
         return a.preventDefault(), a.stopPropagation(), n.goToOption(I.Next);
-      case G(n.orientation.value, { vertical: D.ArrowUp, horizontal: D.ArrowLeft }):
+      case K(n.orientation.value, { vertical: D.ArrowUp, horizontal: D.ArrowLeft }):
         return a.preventDefault(), a.stopPropagation(), n.goToOption(I.Previous);
       case D.Home:
       case D.PageUp:
@@ -1217,7 +1217,7 @@ let al = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
 } }), ul = A({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-listbox.option-${J()}` } }, setup(e, { slots: t, attrs: l, expose: o }) {
   let n = De("ListboxOption"), r = C(null);
   o({ el: r, $el: r });
-  let i = k(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === e.id : !1), u = k(() => G(n.mode.value, { 0: () => n.compare(X(n.value.value), X(e.value)), 1: () => X(n.value.value).some((b) => n.compare(X(b), X(e.value))) })), c = k(() => G(n.mode.value, { 1: () => {
+  let i = k(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === e.id : !1), u = k(() => K(n.mode.value, { 0: () => n.compare(X(n.value.value), X(e.value)), 1: () => X(n.value.value).some((b) => n.compare(X(b), X(e.value))) })), c = k(() => K(n.mode.value, { 1: () => {
     var b;
     let y = X(n.value.value);
     return ((b = n.options.value.find((x) => y.some((w) => n.compare(X(w), X(x.dataRef.value))))) == null ? void 0 : b.id) === e.id;
@@ -1226,7 +1226,7 @@ let al = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   }, domRef: r }));
   ee(() => n.registerOption(e.id, s)), Ne(() => n.unregisterOption(e.id)), ee(() => {
     Q([n.listboxState, u], () => {
-      n.listboxState.value === 0 && u.value && G(n.mode.value, { 1: () => {
+      n.listboxState.value === 0 && u.value && K(n.mode.value, { 1: () => {
         c.value && n.goToOption(I.Specific, e.id);
       }, 0: () => {
         n.goToOption(I.Specific, e.id);
@@ -1262,8 +1262,8 @@ let al = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     f.wasMoved(b) && (e.disabled || i.value && n.goToOption(I.Nothing));
   }
   return () => {
-    let { disabled: b } = e, y = { active: i.value, selected: u.value, disabled: b }, { id: x, value: w, disabled: S, ..._ } = e, O = { id: x, ref: r, role: "option", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: d, onFocus: v, onPointerenter: g, onMouseenter: g, onPointermove: m, onMousemove: m, onPointerleave: h, onMouseleave: h };
-    return j({ ourProps: O, theirProps: _, slot: y, attrs: l, slots: t, name: "ListboxOption" });
+    let { disabled: b } = e, y = { active: i.value, selected: u.value, disabled: b }, { id: x, value: w, disabled: S, ...P } = e, O = { id: x, ref: r, role: "option", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: d, onFocus: v, onPointerenter: g, onMouseenter: g, onPointermove: m, onMousemove: m, onPointerleave: h, onMouseleave: h };
+    return j({ ourProps: O, theirProps: P, slot: y, attrs: l, slots: t, name: "ListboxOption" });
   };
 } });
 var cl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(cl || {}), dl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(dl || {});
@@ -1310,7 +1310,7 @@ let pl = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return an([n, r], (v, f) => {
     var g;
     d.closeMenu(), ze(f, je.Loose) || (v.preventDefault(), (g = E(n)) == null || g.focus());
-  }, k(() => o.value === 0)), ye(bn, d), on(k(() => G(o.value, { 0: te.Open, 1: te.Closed }))), () => {
+  }, k(() => o.value === 0)), ye(bn, d), on(k(() => K(o.value, { 0: te.Open, 1: te.Closed }))), () => {
     let v = { open: o.value === 0, close: d.closeMenu };
     return j({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: l, name: "Menu" });
   };
@@ -1472,7 +1472,7 @@ function bl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
 A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${J()}` } }, setup(e, { slots: t, attrs: l }) {
   let o = yn();
   return ee(() => Ne(o.register(e.id))), () => {
-    let { name: n = "Label", slot: r = {}, props: i = {} } = o, { id: u, passive: c, ...a } = e, s = { ...Object.entries(i).reduce((d, [v, f]) => Object.assign(d, { [v]: P(f) }), {}), id: u };
+    let { name: n = "Label", slot: r = {}, props: i = {} } = o, { id: u, passive: c, ...a } = e, s = { ...Object.entries(i).reduce((d, [v, f]) => Object.assign(d, { [v]: _(f) }), {}), id: u };
     return c && (delete s.onClick, delete s.htmlFor, delete a.onClick), j({ ourProps: s, theirProps: a, slot: r, attrs: l, slots: t, name: n });
   };
 } });
@@ -1519,8 +1519,8 @@ let hl = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: {
       };
     }, { immediate: !0 });
   }), () => {
-    let { id: h, name: b, value: y, form: x, ...w } = e, S = { checked: i.value }, _ = { id: h, ref: s, role: "switch", type: d.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": r == null ? void 0 : r.labelledby.value, "aria-describedby": r == null ? void 0 : r.describedby.value, onClick: v, onKeyup: f, onKeypress: g };
-    return Oe(be, [b != null && i.value != null ? Oe(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: x, name: b, value: y })) : null, j({ ourProps: _, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
+    let { id: h, name: b, value: y, form: x, ...w } = e, S = { checked: i.value }, P = { id: h, ref: s, role: "switch", type: d.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": r == null ? void 0 : r.labelledby.value, "aria-describedby": r == null ? void 0 : r.describedby.value, onClick: v, onKeyup: f, onKeypress: g };
+    return Oe(be, [b != null && i.value != null ? Oe(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: x, name: b, value: y })) : null, j({ ourProps: P, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
   };
 } });
 const $e = Math.min, ue = Math.max, Me = Math.round, Ie = Math.floor, ae = (e) => ({
@@ -1800,17 +1800,17 @@ const Dl = function(e) {
         return {};
       const b = ce(n), y = ce(u) === u, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), w = v || (y || !m ? [Ve(u)] : kl(u));
       !v && g !== "none" && w.push(...Cl(u, m, g, x));
-      const S = [u, ...w], _ = await Cn(t, h), O = [];
+      const S = [u, ...w], P = await Cn(t, h), O = [];
       let N = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (s && O.push(_[b]), d) {
+      if (s && O.push(P[b]), d) {
         const se = wl(n, i, x);
-        O.push(_[se[0]], _[se[1]]);
+        O.push(P[se[0]], P[se[1]]);
       }
       if (N = [...N, {
         placement: n,
         overflows: O
       }], !O.every((se) => se <= 0)) {
-        var re, _e;
+        var re, Pe;
         const se = (((re = r.flip) == null ? void 0 : re.index) || 0) + 1, bt = S[se];
         if (bt)
           return {
@@ -1822,7 +1822,7 @@ const Dl = function(e) {
               placement: bt
             }
           };
-        let we = (_e = N.filter((fe) => fe.overflows[0] <= 0).sort((fe, pe) => fe.overflows[1] - pe.overflows[1])[0]) == null ? void 0 : _e.placement;
+        let we = (Pe = N.filter((fe) => fe.overflows[0] <= 0).sort((fe, pe) => fe.overflows[1] - pe.overflows[1])[0]) == null ? void 0 : Pe.placement;
         if (!we)
           switch (f) {
             case "bestFit": {
@@ -1846,7 +1846,7 @@ const Dl = function(e) {
     }
   };
 };
-async function Pl(e, t) {
+async function _l(e, t) {
   const {
     placement: l,
     platform: o,
@@ -1874,7 +1874,7 @@ async function Pl(e, t) {
     y: f * s
   };
 }
-const _l = function(e) {
+const Pl = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1885,7 +1885,7 @@ const _l = function(e) {
         y: r,
         placement: i,
         middlewareData: u
-      } = t, c = await Pl(t, e);
+      } = t, c = await _l(t, e);
       return i === ((l = u.offset) == null ? void 0 : l.placement) && (o = u.arrow) != null && o.alignmentOffset ? {} : {
         x: n + c.x,
         y: r + c.y,
@@ -1952,7 +1952,7 @@ const _l = function(e) {
 function ne(e) {
   return ft(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function U(e) {
+function H(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -1961,18 +1961,18 @@ function le(e) {
   return (t = (ft(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function ft(e) {
-  return e instanceof Node || e instanceof U(e).Node;
+  return e instanceof Node || e instanceof H(e).Node;
 }
 function oe(e) {
-  return e instanceof Element || e instanceof U(e).Element;
+  return e instanceof Element || e instanceof H(e).Element;
 }
 function Z(e) {
-  return e instanceof HTMLElement || e instanceof U(e).HTMLElement;
+  return e instanceof HTMLElement || e instanceof H(e).HTMLElement;
 }
 function At(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof U(e).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof H(e).ShadowRoot;
 }
-function Pe(e) {
+function _e(e) {
   const {
     overflow: t,
     overflowX: l,
@@ -2004,7 +2004,7 @@ function Ge(e) {
   return ["html", "body", "#document"].includes(ne(e));
 }
 function q(e) {
-  return U(e).getComputedStyle(e);
+  return H(e).getComputedStyle(e);
 }
 function qe(e) {
   return oe(e) ? {
@@ -2029,13 +2029,13 @@ function ge(e) {
 }
 function On(e) {
   const t = ge(e);
-  return Ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Z(t) && Pe(t) ? t : On(t);
+  return Ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Z(t) && _e(t) ? t : On(t);
 }
 function Ee(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
-  const n = On(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = U(n);
-  return r ? t.concat(i, i.visualViewport || [], Pe(n) ? n : [], i.frameElement && l ? Ee(i.frameElement) : []) : t.concat(n, Ee(n, [], l));
+  const n = On(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = H(n);
+  return r ? t.concat(i, i.visualViewport || [], _e(n) ? n : [], i.frameElement && l ? Ee(i.frameElement) : []) : t.concat(n, Ee(n, [], l));
 }
 function Rn(e) {
   const t = q(e);
@@ -2067,14 +2067,14 @@ function ve(e) {
 }
 const Al = /* @__PURE__ */ ae(0);
 function En(e) {
-  const t = U(e);
+  const t = H(e);
   return !mt() || !t.visualViewport ? Al : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function $l(e, t, l) {
-  return t === void 0 && (t = !1), !l || t && l !== U(e) ? !1 : t;
+  return t === void 0 && (t = !1), !l || t && l !== H(e) ? !1 : t;
 }
 function de(e, t, l, o) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
@@ -2084,11 +2084,11 @@ function de(e, t, l, o) {
   const u = $l(r, l, o) ? En(r) : ae(0);
   let c = (n.left + u.x) / i.x, a = (n.top + u.y) / i.y, s = n.width / i.x, d = n.height / i.y;
   if (r) {
-    const v = U(r), f = o && oe(o) ? U(o) : o;
+    const v = H(r), f = o && oe(o) ? H(o) : o;
     let g = v.frameElement;
     for (; g && o && f !== v; ) {
       const m = ve(g), h = g.getBoundingClientRect(), b = q(g), y = h.left + (g.clientLeft + parseFloat(b.paddingLeft)) * m.x, x = h.top + (g.clientTop + parseFloat(b.paddingTop)) * m.y;
-      c *= m.x, a *= m.y, s *= m.x, d *= m.y, c += y, a += x, g = U(g).frameElement;
+      c *= m.x, a *= m.y, s *= m.x, d *= m.y, c += y, a += x, g = H(g).frameElement;
     }
   }
   return Fe({
@@ -2112,7 +2112,7 @@ function Ml(e) {
     scrollTop: 0
   }, u = ae(1);
   const c = ae(0);
-  if ((n || !n && o !== "fixed") && ((ne(l) !== "body" || Pe(r)) && (i = qe(l)), Z(l))) {
+  if ((n || !n && o !== "fixed") && ((ne(l) !== "body" || _e(r)) && (i = qe(l)), Z(l))) {
     const a = de(l);
     u = ve(l), c.x = a.x + l.clientLeft, c.y = a.y + l.clientTop;
   }
@@ -2141,7 +2141,7 @@ function Fl(e) {
   };
 }
 function Nl(e, t) {
-  const l = U(e), o = le(e), n = l.visualViewport;
+  const l = H(e), o = le(e), n = l.visualViewport;
   let r = o.clientWidth, i = o.clientHeight, u = 0, c = 0;
   if (n) {
     r = n.width, i = n.height;
@@ -2182,9 +2182,9 @@ function $t(e, t, l) {
   }
   return Fe(o);
 }
-function Pn(e, t) {
+function _n(e, t) {
   const l = ge(e);
-  return l === t || !oe(l) || Ge(l) ? !1 : q(l).position === "fixed" || Pn(l, t);
+  return l === t || !oe(l) || Ge(l) ? !1 : q(l).position === "fixed" || _n(l, t);
 }
 function jl(e, t) {
   const l = t.get(e);
@@ -2195,7 +2195,7 @@ function jl(e, t) {
   let i = r ? ge(e) : e;
   for (; oe(i) && !Ge(i); ) {
     const u = q(i), c = pt(i);
-    !c && u.position === "fixed" && (n = null), (r ? !c && !n : !c && u.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Pe(i) && !c && Pn(e, i)) ? o = o.filter((s) => s !== i) : n = u, i = ge(i);
+    !c && u.position === "fixed" && (n = null), (r ? !c && !n : !c && u.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || _e(i) && !c && _n(e, i)) ? o = o.filter((s) => s !== i) : n = u, i = ge(i);
   }
   return t.set(e, o), o;
 }
@@ -2235,7 +2235,7 @@ function Ul(e, t, l) {
   };
   const c = ae(0);
   if (o || !o && !r)
-    if ((ne(t) !== "body" || Pe(n)) && (u = qe(t)), o) {
+    if ((ne(t) !== "body" || _e(n)) && (u = qe(t)), o) {
       const a = de(t, !0, r, t);
       c.x = a.x + t.clientLeft, c.y = a.y + t.clientTop;
     } else
@@ -2250,8 +2250,8 @@ function Ul(e, t, l) {
 function Mt(e, t) {
   return !Z(e) || q(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function _n(e, t) {
-  const l = U(e);
+function Pn(e, t) {
+  const l = H(e);
   if (!Z(e))
     return l;
   let o = Mt(e, t);
@@ -2265,7 +2265,7 @@ const Wl = async function(e) {
     floating: l,
     strategy: o
   } = e;
-  const n = this.getOffsetParent || _n, r = this.getDimensions;
+  const n = this.getOffsetParent || Pn, r = this.getDimensions;
   return {
     reference: Ul(t, await n(l), o),
     floating: {
@@ -2282,7 +2282,7 @@ const Gl = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ml,
   getDocumentElement: le,
   getClippingRect: zl,
-  getOffsetParent: _n,
+  getOffsetParent: Pn,
   getElementRects: Wl,
   getClientRects: Vl,
   getDimensions: Hl,
@@ -2312,11 +2312,11 @@ function ql(e, t) {
     };
     let x = !0;
     function w(S) {
-      const _ = S[0].intersectionRatio;
-      if (_ !== c) {
+      const P = S[0].intersectionRatio;
+      if (P !== c) {
         if (!x)
           return i();
-        _ ? i(!1, _) : o = setTimeout(() => {
+        P ? i(!1, P) : o = setTimeout(() => {
           i(!1, 1e-7);
         }, 100);
       }
@@ -2403,16 +2403,16 @@ function er(e, t, l) {
   l === void 0 && (l = {});
   const o = l.whileElementsMounted, n = k(() => {
     var O;
-    return (O = P(l.open)) != null ? O : !0;
-  }), r = k(() => P(l.middleware)), i = k(() => {
+    return (O = _(l.open)) != null ? O : !0;
+  }), r = k(() => _(l.middleware)), i = k(() => {
     var O;
-    return (O = P(l.placement)) != null ? O : "bottom";
+    return (O = _(l.placement)) != null ? O : "bottom";
   }), u = k(() => {
     var O;
-    return (O = P(l.strategy)) != null ? O : "absolute";
+    return (O = _(l.strategy)) != null ? O : "absolute";
   }), c = k(() => {
     var O;
-    return (O = P(l.transform)) != null ? O : !0;
+    return (O = _(l.transform)) != null ? O : !0;
   }), a = k(() => Vt(e.value)), s = k(() => Vt(t.value)), d = C(0), v = C(0), f = C(u.value), g = C(i.value), m = Vn({}), h = C(!1), b = k(() => {
     const O = {
       position: f.value,
@@ -2457,14 +2457,14 @@ function er(e, t, l) {
       return;
     }
   }
-  function _() {
+  function P() {
     n.value || (h.value = !1);
   }
   return Q([r, i, u], x, {
     flush: "sync"
   }), Q([a, s], S, {
     flush: "sync"
-  }), Q(n, _, {
+  }), Q(n, P, {
     flush: "sync"
   }), Fn() && Nn(w), {
     x: me(d),
@@ -2477,7 +2477,7 @@ function er(e, t, l) {
     update: x
   };
 }
-const _r = /* @__PURE__ */ A({
+const Tr = /* @__PURE__ */ A({
   __name: "MenuContainer",
   props: {
     position: { default: "left" },
@@ -2487,21 +2487,21 @@ const _r = /* @__PURE__ */ A({
     const t = e, l = C(null), o = C(null), n = t.position === "left" ? "bottom-end" : "bottom-start", { floatingStyles: r } = er(l, o, {
       placement: n,
       whileElementsMounted: Xl,
-      middleware: [_l(6), Ql(), Yl({ padding: 6 })]
+      middleware: [Pl(6), Ql(), Yl({ padding: 6 })]
     });
-    return (i, u) => (R(), K(P(pl), {
+    return (i, u) => (R(), W(_(pl), {
       as: "div",
       class: "inline-block text-left"
     }, {
-      default: W(() => [
-        F(P(ml), {
+      default: U(() => [
+        F(_(ml), {
           class: "focus:outline-none",
           ref_key: "reference",
           ref: l
         }, {
-          default: W(() => [
+          default: U(() => [
             ht(i.$slots, "button", {}, () => [
-              F(P(z), {
+              F(_(z), {
                 class: "fill-current",
                 name: "ellipsis-h"
               })
@@ -2509,13 +2509,13 @@ const _r = /* @__PURE__ */ A({
           ]),
           _: 3
         }, 512),
-        (R(), K(Bn, {
+        (R(), W(Bn, {
           to: typeof i.usePortal == "string" ? i.usePortal : "body",
           disabled: !i.usePortal
         }, [
           T("div", {
             class: "w-56 z-20",
-            style: Nt(P(r)),
+            style: Nt(_(r)),
             ref_key: "floating",
             ref: o
           }, [
@@ -2527,13 +2527,13 @@ const _r = /* @__PURE__ */ A({
               "leave-from-class": "transform opacity-100",
               "leave-to-class": "transform -translate-y-2 opacity-0"
             }, {
-              default: W(() => [
-                F(P(vl), {
+              default: U(() => [
+                F(_(vl), {
                   class: $([
                     "z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"
                   ])
                 }, {
-                  default: W(() => [
+                  default: U(() => [
                     ht(i.$slots, "default")
                   ]),
                   _: 3
@@ -2550,7 +2550,7 @@ const _r = /* @__PURE__ */ A({
 }), tr = {
   key: 0,
   class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
-}, Tr = /* @__PURE__ */ A({
+}, Lr = /* @__PURE__ */ A({
   __name: "MenuLink",
   props: {
     label: {},
@@ -2559,17 +2559,17 @@ const _r = /* @__PURE__ */ A({
     as: {}
   },
   setup(e) {
-    return (t, l) => (R(), K(P(gl), jn(zn({ disabled: t.disabled })), {
-      default: W(({ active: o }) => [
-        (R(), K(Hn(t.as || "span"), {
+    return (t, l) => (R(), W(_(gl), jn(zn({ disabled: t.disabled })), {
+      default: U(({ active: o }) => [
+        (R(), W(Hn(t.as || "span"), {
           class: $(["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg", [
             o ? "bg-grey-200" : "",
             t.disabled ? "opacity-50 pointer-events-none" : "hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"
           ]])
         }, {
-          default: W(() => [
-            T("span", null, H(t.label), 1),
-            t.meta ? (R(), L("span", tr, H(t.meta), 1)) : M("", !0)
+          default: U(() => [
+            T("span", null, G(t.label), 1),
+            t.meta ? (R(), L("span", tr, G(t.meta), 1)) : M("", !0)
           ]),
           _: 2
         }, 1032, ["class"]))
@@ -2583,13 +2583,13 @@ const _r = /* @__PURE__ */ A({
 }, lr = {
   key: 1,
   class: "block truncate"
-}, rr = {
+}, rr = ["innerHTML"], ir = {
   key: 2,
   class: "text-grey-500 truncate"
-}, ir = { 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" }, ar = { class: "absolute right-2 inset-y-0 flex items-center" }, sr = {
+}, ar = { class: "absolute right-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none" }, sr = { class: "absolute right-2 inset-y-0 flex items-center" }, ur = {
   key: 0,
   class: "bg-grey-500 text-grey-100 rounded text-xs px-2 py-1"
-}, ur = ["innerHTML"], Lr = /* @__PURE__ */ A({
+}, cr = ["innerHTML"], Ir = /* @__PURE__ */ A({
   __name: "Select",
   props: {
     modelValue: {},
@@ -2611,27 +2611,31 @@ const _r = /* @__PURE__ */ A({
       }
     ), Q(o, (c) => {
       c && n("update:modelValue", c);
-    }), (c, a) => (R(), K(P(il), {
+    }), (c, a) => (R(), W(_(il), {
       as: "div",
-      modelValue: P(o),
+      modelValue: _(o),
       "onUpdate:modelValue": a[0] || (a[0] = (s) => Un(o) ? o.value = s : null),
       disabled: c.isDisabled
     }, {
-      default: W(() => [
+      default: U(() => [
         T("div", nr, [
-          F(P(al), {
-            class: $(["w-full mono-50 bg-white text-grey-800 placeholder-grey-600 border border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:ring-2 focus:border-blue-400 focus:ring-blue-400 focus:outline-none dark:focus:border-blue-800 dark:focus:ring-blue-800 cursor-default rounded font-normal text-left", [P(r), P(u), P(i)]])
+          F(_(al), {
+            class: $(["w-full mono-50 bg-white text-grey-800 placeholder-grey-600 border border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:ring-2 focus:border-blue-400 focus:ring-blue-400 focus:outline-none dark:focus:border-blue-800 dark:focus:ring-blue-800 cursor-default rounded font-normal text-left", [_(r), _(u), _(i)]])
           }, {
-            default: W(() => {
+            default: U(() => {
               var s;
               return [
                 c.icon ? (R(), L("span", or, [
                   F(z, {
-                    name: ((s = P(o)) == null ? void 0 : s.icon) ?? c.icon
+                    name: ((s = _(o)) == null ? void 0 : s.icon) ?? c.icon
                   }, null, 8, ["name"])
                 ])) : M("", !0),
-                P(o) ? (R(), L("span", lr, H(P(o).label), 1)) : (R(), L("span", rr, H(c.placeholder), 1)),
-                T("span", ir, [
+                _(o) ? (R(), L("span", lr, [
+                  T("span", {
+                    innerHTML: _(o).label
+                  }, null, 8, rr)
+                ])) : (R(), L("span", ir, G(c.placeholder), 1)),
+                T("span", ar, [
                   F(z, {
                     class: "text-grey-400",
                     name: "chevron-down",
@@ -2647,16 +2651,16 @@ const _r = /* @__PURE__ */ A({
             "leave-from-class": "opacity-100",
             "leave-to-class": "opacity-0"
           }, {
-            default: W(() => [
-              F(P(sl), { class: "absolute z-10 mt-1 w-full bg-white dark:bg-grey-700 dark:text-grey-50 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm" }, {
-                default: W(() => [
-                  (R(!0), L(be, null, jt(c.options, (s) => (R(), K(P(ul), {
+            default: U(() => [
+              F(_(sl), { class: "absolute z-10 mt-1 w-full bg-white dark:bg-grey-700 dark:text-grey-50 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm" }, {
+                default: U(() => [
+                  (R(!0), L(be, null, jt(c.options, (s) => (R(), W(_(ul), {
                     as: "template",
                     key: s.id,
                     value: s,
                     disabled: s.disabled
                   }, {
-                    default: W(({ active: d, selected: v }) => [
+                    default: U(({ active: d, selected: v }) => [
                       T("li", {
                         class: $([
                           d ? "text-white bg-blue-500" : "text-grey-900 dark:text-grey-50",
@@ -2664,8 +2668,8 @@ const _r = /* @__PURE__ */ A({
                           { "opacity-50 bg-grey-100": s.disabled }
                         ])
                       }, [
-                        T("div", ar, [
-                          s.disabled && c.disabledBadge ? (R(), L("span", sr, H(c.disabledBadge), 1)) : M("", !0)
+                        T("div", sr, [
+                          s.disabled && c.disabledBadge ? (R(), L("span", ur, G(c.disabledBadge), 1)) : M("", !0)
                         ]),
                         T("span", {
                           class: $([
@@ -2673,14 +2677,14 @@ const _r = /* @__PURE__ */ A({
                             "block truncate"
                           ])
                         }, [
-                          s.icon ? (R(), K(z, {
+                          s.icon ? (R(), W(z, {
                             key: 0,
                             class: "inline-block mr-1",
                             name: s.icon
                           }, null, 8, ["name"])) : M("", !0),
                           T("span", {
                             innerHTML: s.label
-                          }, null, 8, ur)
+                          }, null, 8, cr)
                         ], 2),
                         v ? (R(), L("span", {
                           key: 0,
@@ -2710,19 +2714,19 @@ const _r = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), cr = { class: "animate-pulse" }, dr = { class: "flex items-center justify-between space-x-4" }, fr = {
+}), dr = { class: "animate-pulse" }, fr = { class: "flex items-center justify-between space-x-4" }, pr = {
   key: 0,
   class: "w-12 h-12 bg-current rounded-full shrink-0"
-}, pr = {
+}, mr = {
   key: 1,
   class: "w-full h-8 bg-current rounded-lg"
-}, mr = {
+}, vr = {
   key: 0,
   class: "mt-6 space-y-2"
-}, vr = {
+}, gr = {
   key: 1,
   class: "w-1/3 h-10 mt-6 bg-current rounded-lg"
-}, Ir = /* @__PURE__ */ A({
+}, Ar = /* @__PURE__ */ A({
   __name: "Skeleton",
   props: {
     avatar: { type: Boolean, default: !1 },
@@ -2737,32 +2741,32 @@ const _r = /* @__PURE__ */ A({
         margin: `mr-${o[Math.floor(Math.random() * o.length)]}`
       };
     });
-    return (o, n) => (R(), L("div", cr, [
-      T("div", dr, [
-        o.avatar ? (R(), L("div", fr)) : M("", !0),
-        o.title ? (R(), L("div", pr)) : M("", !0)
+    return (o, n) => (R(), L("div", dr, [
+      T("div", fr, [
+        o.avatar ? (R(), L("div", pr)) : M("", !0),
+        o.title ? (R(), L("div", mr)) : M("", !0)
       ]),
-      o.lines > 0 ? (R(), L("div", mr, [
-        (R(!0), L(be, null, jt(P(l), (r, i) => (R(), L("div", {
+      o.lines > 0 ? (R(), L("div", vr, [
+        (R(!0), L(be, null, jt(_(l), (r, i) => (R(), L("div", {
           class: $(["h-4 bg-current rounded-lg", r.margin]),
           key: i
         }, null, 2))), 128))
       ])) : M("", !0),
-      o.footer ? (R(), L("div", vr)) : M("", !0)
+      o.footer ? (R(), L("div", gr)) : M("", !0)
     ]));
   }
-}), Ar = /* @__PURE__ */ A({
+}), $r = /* @__PURE__ */ A({
   __name: "Spinner",
   setup(e) {
-    return (t, l) => (R(), K(P(z), {
+    return (t, l) => (R(), W(_(z), {
       class: "animate-spin",
       name: "circle-notch"
     }));
   }
-}), gr = { class: "relative inline-flex items-center" }, br = ["aria-label", "tabindex"], hr = {
+}), br = { class: "relative inline-flex items-center" }, hr = ["aria-label", "tabindex"], yr = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, $r = /* @__PURE__ */ A({
+}, Mr = /* @__PURE__ */ A({
   __name: "SplitButton",
   props: {
     label: {},
@@ -2820,7 +2824,7 @@ const _r = /* @__PURE__ */ A({
     function c() {
       o.isDisabled || l("onClickSplit");
     }
-    return (a, s) => (R(), L("div", gr, [
+    return (a, s) => (R(), L("div", br, [
       T("button", {
         type: "button",
         "aria-label": a.label,
@@ -2831,15 +2835,15 @@ const _r = /* @__PURE__ */ A({
         T("div", {
           class: $(!a.isLoading || "invisible")
         }, [
-          T("span", null, H(a.label), 1)
+          T("span", null, G(a.label), 1)
         ], 2),
-        a.isLoading ? (R(), L("span", hr, [
+        a.isLoading ? (R(), L("span", yr, [
           F(z, {
             class: "ml-3 animate-spin",
             name: "circle-notch"
           })
         ])) : M("", !0)
-      ], 10, br),
+      ], 10, hr),
       T("button", {
         type: "button",
         class: $(["border-l-white/50 border-l transition duration-150 ease-in-out rounded-r-lg", [n.value, r.value]]),
@@ -2852,7 +2856,7 @@ const _r = /* @__PURE__ */ A({
       ], 2)
     ]));
   }
-}), yr = { class: "sr-only" }, Mr = /* @__PURE__ */ A({
+}), xr = { class: "sr-only" }, Vr = /* @__PURE__ */ A({
   __name: "Switch",
   props: {
     id: { default: qt() },
@@ -2867,17 +2871,17 @@ const _r = /* @__PURE__ */ A({
     const l = t, o = (n) => {
       l("update:modelValue", n), l("change", n);
     };
-    return (n, r) => (R(), K(P(hl), {
+    return (n, r) => (R(), W(_(hl), {
       modelValue: n.modelValue,
       label: n.label,
       class: $([n.modelValue ? "bg-blue-700" : "bg-grey-700", "relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),
       "onUpdate:modelValue": o
     }, {
-      default: W(() => [
+      default: U(() => [
         T("span", {
           class: $(["absolute text-xs text-center text-white inset-x-2", n.modelValue ? "pr-3" : "pl-3"])
-        }, H(n.modelValue === !0 ? n.onLabel : n.offLabel), 3),
-        T("span", yr, H(n.label), 1),
+        }, G(n.modelValue === !0 ? n.onLabel : n.offLabel), 3),
+        T("span", xr, G(n.label), 1),
         T("span", {
           class: $([n.modelValue ? "translate-x-9" : "translate-x-1", "inline-block w-4 h-4 transition bg-white rounded-full"])
         }, null, 2)
@@ -2885,10 +2889,10 @@ const _r = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue", "label", "class"]));
   }
-}), xr = { class: "relative" }, wr = ["tabindex", "value"], kr = {
+}), wr = { class: "relative" }, kr = ["tabindex", "value"], Sr = {
   inheritAttrs: !1
-}, Vr = /* @__PURE__ */ A({
-  ...kr,
+}, Fr = /* @__PURE__ */ A({
+  ...Sr,
   __name: "Textarea",
   props: {
     modelValue: {},
@@ -2905,9 +2909,9 @@ const _r = /* @__PURE__ */ A({
       focus: () => {
         o.isDisabled || a.value.focus();
       }
-    }), (d, v) => (R(), L("div", xr, [
+    }), (d, v) => (R(), L("div", wr, [
       T("textarea", ot({
-        class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [P(r), P(u), P(i)]],
+        class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [_(r), _(u), _(i)]],
         tabindex: d.isDisabled ? "-1" : void 0,
         value: d.modelValue ?? ""
       }, d.$attrs, {
@@ -2917,24 +2921,24 @@ const _r = /* @__PURE__ */ A({
         rows: "8",
         onInput: c
       }), `
-    `, 16, wr)
+    `, 16, kr)
     ]));
   }
 });
 export {
-  Rr as D9Button,
-  Er as D9Checkbox,
+  Er as D9Button,
+  Dr as D9Checkbox,
   z as D9Icon,
-  Dr as D9Input,
+  _r as D9Input,
   Pr as D9Label,
-  _r as D9Menu,
-  Tr as D9MenuLink,
-  Lr as D9Select,
-  Ir as D9Skeleton,
-  Ar as D9Spinner,
-  $r as D9SplitButton,
-  Mr as D9Switch,
-  Vr as D9Textarea,
+  Tr as D9Menu,
+  Lr as D9MenuLink,
+  Ir as D9Select,
+  Ar as D9Skeleton,
+  $r as D9Spinner,
+  Mr as D9SplitButton,
+  Vr as D9Switch,
+  Fr as D9Textarea,
   xt as brands,
   Gn as icons
 };