@scalar/components 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,2401 +1,24 @@
-import { defineComponent as C, useCssVars as jt, openBlock as O, createElementBlock as q, normalizeClass as j, createElementVNode as ye, createCommentVNode as J, createStaticVNode as Bt, reactive as Ke, useSlots as Dt, computed as h, unref as _, renderSlot as Oe, createVNode as $e, defineAsyncComponent as Nt, h as P, createBlock as xe, withCtx as he, cloneVNode as It, Fragment as ut, inject as N, watchEffect as te, ref as w, onMounted as $, onUnmounted as I, watch as Q, provide as le, Teleport as Ht, shallowRef as Vt, nextTick as ct, normalizeStyle as dt, createTextVNode as Wt, toDisplayString as De, getCurrentScope as Gt, onScopeDispose as Ut, getCurrentInstance as qt, useAttrs as Kt, resolveDynamicComponent as Zt, mergeProps as Xt, withKeys as Yt } from "vue";
-function pt(e) {
-  var t, r, n = "";
-  if (typeof e == "string" || typeof e == "number")
-    n += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e))
-      for (t = 0; t < e.length; t++)
-        e[t] && (r = pt(e[t])) && (n && (n += " "), n += r);
-    else
-      for (t in e)
-        e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function Re() {
-  for (var e, t, r = 0, n = ""; r < arguments.length; )
-    (e = arguments[r++]) && (t = pt(e)) && (n && (n += " "), n += t);
-  return n;
-}
-const et = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Jt = (e) => {
-  const t = function() {
-    for (var o = arguments.length, l = new Array(o), a = 0; a < o; a++)
-      l[a] = arguments[a];
-    var s, i;
-    return typeof (e == null || (s = e.hooks) === null || s === void 0 ? void 0 : s["cx:done"]) < "u" ? e == null ? void 0 : e.hooks["cx:done"](Re(l)) : typeof (e == null || (i = e.hooks) === null || i === void 0 ? void 0 : i.onComplete) < "u" ? e == null ? void 0 : e.hooks.onComplete(Re(l)) : Re(l);
-  };
-  return { compose: function() {
-    for (var o = arguments.length, l = new Array(o), a = 0; a < o; a++)
-      l[a] = arguments[a];
-    return (s) => {
-      const i = Object.fromEntries(Object.entries(s || {}).filter((u) => {
-        let [d] = u;
-        return !["class", "className"].includes(d);
-      }));
-      return t(l.map((u) => u(i)), s == null ? void 0 : s.class, s == null ? void 0 : s.className);
-    };
-  }, cva: (o) => (l) => {
-    var a;
-    if ((o == null ? void 0 : o.variants) == null)
-      return t(o == null ? void 0 : o.base, l == null ? void 0 : l.class, l == null ? void 0 : l.className);
-    const { variants: s, defaultVariants: i } = o, u = Object.keys(s).map((c) => {
-      const p = l == null ? void 0 : l[c], g = i == null ? void 0 : i[c], v = et(p) || et(g);
-      return s[c][v];
-    }), d = { ...i, ...l && Object.entries(l).reduce((c, p) => {
-      let [g, v] = p;
-      return typeof v > "u" ? c : { ...c, [g]: v };
-    }, {}) }, f = o == null || (a = o.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((c, p) => {
-      let { class: g, className: v, ...S } = p;
-      return Object.entries(S).every((L) => {
-        let [E, B] = L;
-        const H = d[E];
-        return Array.isArray(B) ? B.includes(H) : H === B;
-      }) ? [...c, g, v] : c;
-    }, []);
-    return t(o == null ? void 0 : o.base, u, f, l == null ? void 0 : l.class, l == null ? void 0 : l.className);
-  }, cx: t };
-}, Ze = "-";
-function Qt(e) {
-  const t = tr(e), {
-    conflictingClassGroups: r,
-    conflictingClassGroupModifiers: n
-  } = e;
-  function o(a) {
-    const s = a.split(Ze);
-    return s[0] === "" && s.length !== 1 && s.shift(), ft(s, t) || er(a);
-  }
-  function l(a, s) {
-    const i = r[a] || [];
-    return s && n[a] ? [...i, ...n[a]] : i;
-  }
-  return {
-    getClassGroupId: o,
-    getConflictingClassGroupIds: l
-  };
-}
-function ft(e, t) {
-  var a;
-  if (e.length === 0)
-    return t.classGroupId;
-  const r = e[0], n = t.nextPart.get(r), o = n ? ft(e.slice(1), n) : void 0;
-  if (o)
-    return o;
-  if (t.validators.length === 0)
-    return;
-  const l = e.join(Ze);
-  return (a = t.validators.find(({
-    validator: s
-  }) => s(l))) == null ? void 0 : a.classGroupId;
-}
-const tt = /^\[(.+)\]$/;
-function er(e) {
-  if (tt.test(e)) {
-    const t = tt.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
-    if (r)
-      return "arbitrary.." + r;
-  }
-}
-function tr(e) {
-  const {
-    theme: t,
-    prefix: r
-  } = e, n = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  return nr(Object.entries(e.classGroups), r).forEach(([l, a]) => {
-    Ne(a, n, l, t);
-  }), n;
-}
-function Ne(e, t, r, n) {
-  e.forEach((o) => {
-    if (typeof o == "string") {
-      const l = o === "" ? t : rt(t, o);
-      l.classGroupId = r;
-      return;
-    }
-    if (typeof o == "function") {
-      if (rr(o)) {
-        Ne(o(n), t, r, n);
-        return;
-      }
-      t.validators.push({
-        validator: o,
-        classGroupId: r
-      });
-      return;
-    }
-    Object.entries(o).forEach(([l, a]) => {
-      Ne(a, rt(t, l), r, n);
-    });
-  });
-}
-function rt(e, t) {
-  let r = e;
-  return t.split(Ze).forEach((n) => {
-    r.nextPart.has(n) || r.nextPart.set(n, {
-      nextPart: /* @__PURE__ */ new Map(),
-      validators: []
-    }), r = r.nextPart.get(n);
-  }), r;
-}
-function rr(e) {
-  return e.isThemeGetter;
-}
-function nr(e, t) {
-  return t ? e.map(([r, n]) => {
-    const o = n.map((l) => typeof l == "string" ? t + l : typeof l == "object" ? Object.fromEntries(Object.entries(l).map(([a, s]) => [t + a, s])) : l);
-    return [r, o];
-  }) : e;
-}
-function or(e) {
-  if (e < 1)
-    return {
-      get: () => {
-      },
-      set: () => {
-      }
-    };
-  let t = 0, r = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-  function o(l, a) {
-    r.set(l, a), t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ new Map());
-  }
-  return {
-    get(l) {
-      let a = r.get(l);
-      if (a !== void 0)
-        return a;
-      if ((a = n.get(l)) !== void 0)
-        return o(l, a), a;
-    },
-    set(l, a) {
-      r.has(l) ? r.set(l, a) : o(l, a);
-    }
-  };
-}
-const vt = "!";
-function lr(e) {
-  const t = e.separator, r = t.length === 1, n = t[0], o = t.length;
-  return function(a) {
-    const s = [];
-    let i = 0, u = 0, d;
-    for (let v = 0; v < a.length; v++) {
-      let S = a[v];
-      if (i === 0) {
-        if (S === n && (r || a.slice(v, v + o) === t)) {
-          s.push(a.slice(u, v)), u = v + o;
-          continue;
-        }
-        if (S === "/") {
-          d = v;
-          continue;
-        }
-      }
-      S === "[" ? i++ : S === "]" && i--;
-    }
-    const f = s.length === 0 ? a : a.substring(u), c = f.startsWith(vt), p = c ? f.substring(1) : f, g = d && d > u ? d - u : void 0;
-    return {
-      modifiers: s,
-      hasImportantModifier: c,
-      baseClassName: p,
-      maybePostfixModifierPosition: g
-    };
-  };
-}
-function ar(e) {
-  if (e.length <= 1)
-    return e;
-  const t = [];
-  let r = [];
-  return e.forEach((n) => {
-    n[0] === "[" ? (t.push(...r.sort(), n), r = []) : r.push(n);
-  }), t.push(...r.sort()), t;
-}
-function sr(e) {
-  return {
-    cache: or(e.cacheSize),
-    splitModifiers: lr(e),
-    ...Qt(e)
-  };
-}
-const ir = /\s+/;
-function ur(e, t) {
-  const {
-    splitModifiers: r,
-    getClassGroupId: n,
-    getConflictingClassGroupIds: o
-  } = t, l = /* @__PURE__ */ new Set();
-  return e.trim().split(ir).map((a) => {
-    const {
-      modifiers: s,
-      hasImportantModifier: i,
-      baseClassName: u,
-      maybePostfixModifierPosition: d
-    } = r(a);
-    let f = n(d ? u.substring(0, d) : u), c = !!d;
-    if (!f) {
-      if (!d)
-        return {
-          isTailwindClass: !1,
-          originalClassName: a
-        };
-      if (f = n(u), !f)
-        return {
-          isTailwindClass: !1,
-          originalClassName: a
-        };
-      c = !1;
-    }
-    const p = ar(s).join(":");
-    return {
-      isTailwindClass: !0,
-      modifierId: i ? p + vt : p,
-      classGroupId: f,
-      originalClassName: a,
-      hasPostfixModifier: c
-    };
-  }).reverse().filter((a) => {
-    if (!a.isTailwindClass)
-      return !0;
-    const {
-      modifierId: s,
-      classGroupId: i,
-      hasPostfixModifier: u
-    } = a, d = s + i;
-    return l.has(d) ? !1 : (l.add(d), o(i, u).forEach((f) => l.add(s + f)), !0);
-  }).reverse().map((a) => a.originalClassName).join(" ");
-}
-function cr() {
-  let e = 0, t, r, n = "";
-  for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = gt(t)) && (n && (n += " "), n += r);
-  return n;
-}
-function gt(e) {
-  if (typeof e == "string")
-    return e;
-  let t, r = "";
-  for (let n = 0; n < e.length; n++)
-    e[n] && (t = gt(e[n])) && (r && (r += " "), r += t);
-  return r;
-}
-function nt(e, ...t) {
-  let r, n, o, l = a;
-  function a(i) {
-    const u = t.reduce((d, f) => f(d), e());
-    return r = sr(u), n = r.cache.get, o = r.cache.set, l = s, s(i);
-  }
-  function s(i) {
-    const u = n(i);
-    if (u)
-      return u;
-    const d = ur(i, r);
-    return o(i, d), d;
-  }
-  return function() {
-    return l(cr.apply(null, arguments));
-  };
-}
-function x(e) {
-  const t = (r) => r[e] || [];
-  return t.isThemeGetter = !0, t;
-}
-const mt = /^\[(?:([a-z-]+):)?(.+)\]$/i, dr = /^\d+\/\d+$/, pr = /* @__PURE__ */ new Set(["px", "full", "screen"]), fr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, gr = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, mr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
-function z(e) {
-  return Z(e) || pr.has(e) || dr.test(e);
-}
-function W(e) {
-  return ae(e, "length", _r);
-}
-function Z(e) {
-  return !!e && !Number.isNaN(Number(e));
-}
-function Me(e) {
-  return ae(e, "number", Z);
-}
-function fe(e) {
-  return !!e && Number.isInteger(Number(e));
-}
-function hr(e) {
-  return e.endsWith("%") && Z(e.slice(0, -1));
-}
-function m(e) {
-  return mt.test(e);
-}
-function G(e) {
-  return fr.test(e);
-}
-const br = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
-function wr(e) {
-  return ae(e, br, ht);
-}
-function yr(e) {
-  return ae(e, "position", ht);
-}
-const xr = /* @__PURE__ */ new Set(["image", "url"]);
-function Sr(e) {
-  return ae(e, xr, Er);
-}
-function kr(e) {
-  return ae(e, "", Cr);
-}
-function ve() {
-  return !0;
-}
-function ae(e, t, r) {
-  const n = mt.exec(e);
-  return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
-}
-function _r(e) {
-  return vr.test(e);
-}
-function ht() {
-  return !1;
-}
-function Cr(e) {
-  return gr.test(e);
-}
-function Er(e) {
-  return mr.test(e);
-}
-function ot() {
-  const e = x("colors"), t = x("spacing"), r = x("blur"), n = x("brightness"), o = x("borderColor"), l = x("borderRadius"), a = x("borderSpacing"), s = x("borderWidth"), i = x("contrast"), u = x("grayscale"), d = x("hueRotate"), f = x("invert"), c = x("gap"), p = x("gradientColorStops"), g = x("gradientColorStopPositions"), v = x("inset"), S = x("margin"), L = x("opacity"), E = x("padding"), B = x("saturate"), H = x("scale"), ke = x("sepia"), ue = x("skew"), _e = x("space"), Ce = x("translate"), ce = () => ["auto", "contain", "none"], de = () => ["auto", "hidden", "clip", "visible", "scroll"], pe = () => ["auto", m, t], b = () => [m, t], V = () => ["", z, W], re = () => ["auto", Z, m], Ee = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], ne = () => ["solid", "dashed", "dotted", "double", "none"], y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], k = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], T = () => ["", "0", m], A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [Z, Me], F = () => [Z, m];
-  return {
-    cacheSize: 500,
-    separator: ":",
-    theme: {
-      colors: [ve],
-      spacing: [z, W],
-      blur: ["none", "", G, m],
-      brightness: D(),
-      borderColor: [e],
-      borderRadius: ["none", "", "full", G, m],
-      borderSpacing: b(),
-      borderWidth: V(),
-      contrast: D(),
-      grayscale: T(),
-      hueRotate: F(),
-      invert: T(),
-      gap: b(),
-      gradientColorStops: [e],
-      gradientColorStopPositions: [hr, W],
-      inset: pe(),
-      margin: pe(),
-      opacity: D(),
-      padding: b(),
-      saturate: D(),
-      scale: D(),
-      sepia: T(),
-      skew: F(),
-      space: b(),
-      translate: b()
-    },
-    classGroups: {
-      // Layout
-      /**
-       * Aspect Ratio
-       * @see https://tailwindcss.com/docs/aspect-ratio
-       */
-      aspect: [{
-        aspect: ["auto", "square", "video", m]
-      }],
-      /**
-       * Container
-       * @see https://tailwindcss.com/docs/container
-       */
-      container: ["container"],
-      /**
-       * Columns
-       * @see https://tailwindcss.com/docs/columns
-       */
-      columns: [{
-        columns: [G]
-      }],
-      /**
-       * Break After
-       * @see https://tailwindcss.com/docs/break-after
-       */
-      "break-after": [{
-        "break-after": A()
-      }],
-      /**
-       * Break Before
-       * @see https://tailwindcss.com/docs/break-before
-       */
-      "break-before": [{
-        "break-before": A()
-      }],
-      /**
-       * Break Inside
-       * @see https://tailwindcss.com/docs/break-inside
-       */
-      "break-inside": [{
-        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
-      }],
-      /**
-       * Box Decoration Break
-       * @see https://tailwindcss.com/docs/box-decoration-break
-       */
-      "box-decoration": [{
-        "box-decoration": ["slice", "clone"]
-      }],
-      /**
-       * Box Sizing
-       * @see https://tailwindcss.com/docs/box-sizing
-       */
-      box: [{
-        box: ["border", "content"]
-      }],
-      /**
-       * Display
-       * @see https://tailwindcss.com/docs/display
-       */
-      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
-      /**
-       * Floats
-       * @see https://tailwindcss.com/docs/float
-       */
-      float: [{
-        float: ["right", "left", "none"]
-      }],
-      /**
-       * Clear
-       * @see https://tailwindcss.com/docs/clear
-       */
-      clear: [{
-        clear: ["left", "right", "both", "none"]
-      }],
-      /**
-       * Isolation
-       * @see https://tailwindcss.com/docs/isolation
-       */
-      isolation: ["isolate", "isolation-auto"],
-      /**
-       * Object Fit
-       * @see https://tailwindcss.com/docs/object-fit
-       */
-      "object-fit": [{
-        object: ["contain", "cover", "fill", "none", "scale-down"]
-      }],
-      /**
-       * Object Position
-       * @see https://tailwindcss.com/docs/object-position
-       */
-      "object-position": [{
-        object: [...Ee(), m]
-      }],
-      /**
-       * Overflow
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      overflow: [{
-        overflow: de()
-      }],
-      /**
-       * Overflow X
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-x": [{
-        "overflow-x": de()
-      }],
-      /**
-       * Overflow Y
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-y": [{
-        "overflow-y": de()
-      }],
-      /**
-       * Overscroll Behavior
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      overscroll: [{
-        overscroll: ce()
-      }],
-      /**
-       * Overscroll Behavior X
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-x": [{
-        "overscroll-x": ce()
-      }],
-      /**
-       * Overscroll Behavior Y
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-y": [{
-        "overscroll-y": ce()
-      }],
-      /**
-       * Position
-       * @see https://tailwindcss.com/docs/position
-       */
-      position: ["static", "fixed", "absolute", "relative", "sticky"],
-      /**
-       * Top / Right / Bottom / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      inset: [{
-        inset: [v]
-      }],
-      /**
-       * Right / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-x": [{
-        "inset-x": [v]
-      }],
-      /**
-       * Top / Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-y": [{
-        "inset-y": [v]
-      }],
-      /**
-       * Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      start: [{
-        start: [v]
-      }],
-      /**
-       * End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      end: [{
-        end: [v]
-      }],
-      /**
-       * Top
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      top: [{
-        top: [v]
-      }],
-      /**
-       * Right
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      right: [{
-        right: [v]
-      }],
-      /**
-       * Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      bottom: [{
-        bottom: [v]
-      }],
-      /**
-       * Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      left: [{
-        left: [v]
-      }],
-      /**
-       * Visibility
-       * @see https://tailwindcss.com/docs/visibility
-       */
-      visibility: ["visible", "invisible", "collapse"],
-      /**
-       * Z-Index
-       * @see https://tailwindcss.com/docs/z-index
-       */
-      z: [{
-        z: ["auto", fe, m]
-      }],
-      // Flexbox and Grid
-      /**
-       * Flex Basis
-       * @see https://tailwindcss.com/docs/flex-basis
-       */
-      basis: [{
-        basis: pe()
-      }],
-      /**
-       * Flex Direction
-       * @see https://tailwindcss.com/docs/flex-direction
-       */
-      "flex-direction": [{
-        flex: ["row", "row-reverse", "col", "col-reverse"]
-      }],
-      /**
-       * Flex Wrap
-       * @see https://tailwindcss.com/docs/flex-wrap
-       */
-      "flex-wrap": [{
-        flex: ["wrap", "wrap-reverse", "nowrap"]
-      }],
-      /**
-       * Flex
-       * @see https://tailwindcss.com/docs/flex
-       */
-      flex: [{
-        flex: ["1", "auto", "initial", "none", m]
-      }],
-      /**
-       * Flex Grow
-       * @see https://tailwindcss.com/docs/flex-grow
-       */
-      grow: [{
-        grow: T()
-      }],
-      /**
-       * Flex Shrink
-       * @see https://tailwindcss.com/docs/flex-shrink
-       */
-      shrink: [{
-        shrink: T()
-      }],
-      /**
-       * Order
-       * @see https://tailwindcss.com/docs/order
-       */
-      order: [{
-        order: ["first", "last", "none", fe, m]
-      }],
-      /**
-       * Grid Template Columns
-       * @see https://tailwindcss.com/docs/grid-template-columns
-       */
-      "grid-cols": [{
-        "grid-cols": [ve]
-      }],
-      /**
-       * Grid Column Start / End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start-end": [{
-        col: ["auto", {
-          span: ["full", fe, m]
-        }, m]
-      }],
-      /**
-       * Grid Column Start
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start": [{
-        "col-start": re()
-      }],
-      /**
-       * Grid Column End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-end": [{
-        "col-end": re()
-      }],
-      /**
-       * Grid Template Rows
-       * @see https://tailwindcss.com/docs/grid-template-rows
-       */
-      "grid-rows": [{
-        "grid-rows": [ve]
-      }],
-      /**
-       * Grid Row Start / End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start-end": [{
-        row: ["auto", {
-          span: [fe, m]
-        }, m]
-      }],
-      /**
-       * Grid Row Start
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start": [{
-        "row-start": re()
-      }],
-      /**
-       * Grid Row End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-end": [{
-        "row-end": re()
-      }],
-      /**
-       * Grid Auto Flow
-       * @see https://tailwindcss.com/docs/grid-auto-flow
-       */
-      "grid-flow": [{
-        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
-      }],
-      /**
-       * Grid Auto Columns
-       * @see https://tailwindcss.com/docs/grid-auto-columns
-       */
-      "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", m]
-      }],
-      /**
-       * Grid Auto Rows
-       * @see https://tailwindcss.com/docs/grid-auto-rows
-       */
-      "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", m]
-      }],
-      /**
-       * Gap
-       * @see https://tailwindcss.com/docs/gap
-       */
-      gap: [{
-        gap: [c]
-      }],
-      /**
-       * Gap X
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-x": [{
-        "gap-x": [c]
-      }],
-      /**
-       * Gap Y
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-y": [{
-        "gap-y": [c]
-      }],
-      /**
-       * Justify Content
-       * @see https://tailwindcss.com/docs/justify-content
-       */
-      "justify-content": [{
-        justify: ["normal", ...k()]
-      }],
-      /**
-       * Justify Items
-       * @see https://tailwindcss.com/docs/justify-items
-       */
-      "justify-items": [{
-        "justify-items": ["start", "end", "center", "stretch"]
-      }],
-      /**
-       * Justify Self
-       * @see https://tailwindcss.com/docs/justify-self
-       */
-      "justify-self": [{
-        "justify-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      /**
-       * Align Content
-       * @see https://tailwindcss.com/docs/align-content
-       */
-      "align-content": [{
-        content: ["normal", ...k(), "baseline"]
-      }],
-      /**
-       * Align Items
-       * @see https://tailwindcss.com/docs/align-items
-       */
-      "align-items": [{
-        items: ["start", "end", "center", "baseline", "stretch"]
-      }],
-      /**
-       * Align Self
-       * @see https://tailwindcss.com/docs/align-self
-       */
-      "align-self": [{
-        self: ["auto", "start", "end", "center", "stretch", "baseline"]
-      }],
-      /**
-       * Place Content
-       * @see https://tailwindcss.com/docs/place-content
-       */
-      "place-content": [{
-        "place-content": [...k(), "baseline"]
-      }],
-      /**
-       * Place Items
-       * @see https://tailwindcss.com/docs/place-items
-       */
-      "place-items": [{
-        "place-items": ["start", "end", "center", "baseline", "stretch"]
-      }],
-      /**
-       * Place Self
-       * @see https://tailwindcss.com/docs/place-self
-       */
-      "place-self": [{
-        "place-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      // Spacing
-      /**
-       * Padding
-       * @see https://tailwindcss.com/docs/padding
-       */
-      p: [{
-        p: [E]
-      }],
-      /**
-       * Padding X
-       * @see https://tailwindcss.com/docs/padding
-       */
-      px: [{
-        px: [E]
-      }],
-      /**
-       * Padding Y
-       * @see https://tailwindcss.com/docs/padding
-       */
-      py: [{
-        py: [E]
-      }],
-      /**
-       * Padding Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      ps: [{
-        ps: [E]
-      }],
-      /**
-       * Padding End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pe: [{
-        pe: [E]
-      }],
-      /**
-       * Padding Top
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pt: [{
-        pt: [E]
-      }],
-      /**
-       * Padding Right
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pr: [{
-        pr: [E]
-      }],
-      /**
-       * Padding Bottom
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pb: [{
-        pb: [E]
-      }],
-      /**
-       * Padding Left
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pl: [{
-        pl: [E]
-      }],
-      /**
-       * Margin
-       * @see https://tailwindcss.com/docs/margin
-       */
-      m: [{
-        m: [S]
-      }],
-      /**
-       * Margin X
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mx: [{
-        mx: [S]
-      }],
-      /**
-       * Margin Y
-       * @see https://tailwindcss.com/docs/margin
-       */
-      my: [{
-        my: [S]
-      }],
-      /**
-       * Margin Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ms: [{
-        ms: [S]
-      }],
-      /**
-       * Margin End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      me: [{
-        me: [S]
-      }],
-      /**
-       * Margin Top
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mt: [{
-        mt: [S]
-      }],
-      /**
-       * Margin Right
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mr: [{
-        mr: [S]
-      }],
-      /**
-       * Margin Bottom
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mb: [{
-        mb: [S]
-      }],
-      /**
-       * Margin Left
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ml: [{
-        ml: [S]
-      }],
-      /**
-       * Space Between X
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x": [{
-        "space-x": [_e]
-      }],
-      /**
-       * Space Between X Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x-reverse": ["space-x-reverse"],
-      /**
-       * Space Between Y
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y": [{
-        "space-y": [_e]
-      }],
-      /**
-       * Space Between Y Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y-reverse": ["space-y-reverse"],
-      // Sizing
-      /**
-       * Width
-       * @see https://tailwindcss.com/docs/width
-       */
-      w: [{
-        w: ["auto", "min", "max", "fit", m, t]
-      }],
-      /**
-       * Min-Width
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-w": [{
-        "min-w": ["min", "max", "fit", m, z]
-      }],
-      /**
-       * Max-Width
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-w": [{
-        "max-w": ["0", "none", "full", "min", "max", "fit", "prose", {
-          screen: [G]
-        }, G, m]
-      }],
-      /**
-       * Height
-       * @see https://tailwindcss.com/docs/height
-       */
-      h: [{
-        h: [m, t, "auto", "min", "max", "fit"]
-      }],
-      /**
-       * Min-Height
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-h": [{
-        "min-h": ["min", "max", "fit", z, m]
-      }],
-      /**
-       * Max-Height
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-h": [{
-        "max-h": [m, t, "min", "max", "fit"]
-      }],
-      // Typography
-      /**
-       * Font Size
-       * @see https://tailwindcss.com/docs/font-size
-       */
-      "font-size": [{
-        text: ["base", G, W]
-      }],
-      /**
-       * Font Smoothing
-       * @see https://tailwindcss.com/docs/font-smoothing
-       */
-      "font-smoothing": ["antialiased", "subpixel-antialiased"],
-      /**
-       * Font Style
-       * @see https://tailwindcss.com/docs/font-style
-       */
-      "font-style": ["italic", "not-italic"],
-      /**
-       * Font Weight
-       * @see https://tailwindcss.com/docs/font-weight
-       */
-      "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Me]
-      }],
-      /**
-       * Font Family
-       * @see https://tailwindcss.com/docs/font-family
-       */
-      "font-family": [{
-        font: [ve]
-      }],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-normal": ["normal-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-ordinal": ["ordinal"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-slashed-zero": ["slashed-zero"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-figure": ["lining-nums", "oldstyle-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-spacing": ["proportional-nums", "tabular-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-fraction": ["diagonal-fractions", "stacked-fractons"],
-      /**
-       * Letter Spacing
-       * @see https://tailwindcss.com/docs/letter-spacing
-       */
-      tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", m]
-      }],
-      /**
-       * Line Clamp
-       * @see https://tailwindcss.com/docs/line-clamp
-       */
-      "line-clamp": [{
-        "line-clamp": ["none", Z, Me]
-      }],
-      /**
-       * Line Height
-       * @see https://tailwindcss.com/docs/line-height
-       */
-      leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", z, m]
-      }],
-      /**
-       * List Style Image
-       * @see https://tailwindcss.com/docs/list-style-image
-       */
-      "list-image": [{
-        "list-image": ["none", m]
-      }],
-      /**
-       * List Style Type
-       * @see https://tailwindcss.com/docs/list-style-type
-       */
-      "list-style-type": [{
-        list: ["none", "disc", "decimal", m]
-      }],
-      /**
-       * List Style Position
-       * @see https://tailwindcss.com/docs/list-style-position
-       */
-      "list-style-position": [{
-        list: ["inside", "outside"]
-      }],
-      /**
-       * Placeholder Color
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/placeholder-color
-       */
-      "placeholder-color": [{
-        placeholder: [e]
-      }],
-      /**
-       * Placeholder Opacity
-       * @see https://tailwindcss.com/docs/placeholder-opacity
-       */
-      "placeholder-opacity": [{
-        "placeholder-opacity": [L]
-      }],
-      /**
-       * Text Alignment
-       * @see https://tailwindcss.com/docs/text-align
-       */
-      "text-alignment": [{
-        text: ["left", "center", "right", "justify", "start", "end"]
-      }],
-      /**
-       * Text Color
-       * @see https://tailwindcss.com/docs/text-color
-       */
-      "text-color": [{
-        text: [e]
-      }],
-      /**
-       * Text Opacity
-       * @see https://tailwindcss.com/docs/text-opacity
-       */
-      "text-opacity": [{
-        "text-opacity": [L]
-      }],
-      /**
-       * Text Decoration
-       * @see https://tailwindcss.com/docs/text-decoration
-       */
-      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
-      /**
-       * Text Decoration Style
-       * @see https://tailwindcss.com/docs/text-decoration-style
-       */
-      "text-decoration-style": [{
-        decoration: [...ne(), "wavy"]
-      }],
-      /**
-       * Text Decoration Thickness
-       * @see https://tailwindcss.com/docs/text-decoration-thickness
-       */
-      "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", z, W]
-      }],
-      /**
-       * Text Underline Offset
-       * @see https://tailwindcss.com/docs/text-underline-offset
-       */
-      "underline-offset": [{
-        "underline-offset": ["auto", z, m]
-      }],
-      /**
-       * Text Decoration Color
-       * @see https://tailwindcss.com/docs/text-decoration-color
-       */
-      "text-decoration-color": [{
-        decoration: [e]
-      }],
-      /**
-       * Text Transform
-       * @see https://tailwindcss.com/docs/text-transform
-       */
-      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
-      /**
-       * Text Overflow
-       * @see https://tailwindcss.com/docs/text-overflow
-       */
-      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
-      /**
-       * Text Indent
-       * @see https://tailwindcss.com/docs/text-indent
-       */
-      indent: [{
-        indent: b()
-      }],
-      /**
-       * Vertical Alignment
-       * @see https://tailwindcss.com/docs/vertical-align
-       */
-      "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m]
-      }],
-      /**
-       * Whitespace
-       * @see https://tailwindcss.com/docs/whitespace
-       */
-      whitespace: [{
-        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
-      }],
-      /**
-       * Word Break
-       * @see https://tailwindcss.com/docs/word-break
-       */
-      break: [{
-        break: ["normal", "words", "all", "keep"]
-      }],
-      /**
-       * Hyphens
-       * @see https://tailwindcss.com/docs/hyphens
-       */
-      hyphens: [{
-        hyphens: ["none", "manual", "auto"]
-      }],
-      /**
-       * Content
-       * @see https://tailwindcss.com/docs/content
-       */
-      content: [{
-        content: ["none", m]
-      }],
-      // Backgrounds
-      /**
-       * Background Attachment
-       * @see https://tailwindcss.com/docs/background-attachment
-       */
-      "bg-attachment": [{
-        bg: ["fixed", "local", "scroll"]
-      }],
-      /**
-       * Background Clip
-       * @see https://tailwindcss.com/docs/background-clip
-       */
-      "bg-clip": [{
-        "bg-clip": ["border", "padding", "content", "text"]
-      }],
-      /**
-       * Background Opacity
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/background-opacity
-       */
-      "bg-opacity": [{
-        "bg-opacity": [L]
-      }],
-      /**
-       * Background Origin
-       * @see https://tailwindcss.com/docs/background-origin
-       */
-      "bg-origin": [{
-        "bg-origin": ["border", "padding", "content"]
-      }],
-      /**
-       * Background Position
-       * @see https://tailwindcss.com/docs/background-position
-       */
-      "bg-position": [{
-        bg: [...Ee(), yr]
-      }],
-      /**
-       * Background Repeat
-       * @see https://tailwindcss.com/docs/background-repeat
-       */
-      "bg-repeat": [{
-        bg: ["no-repeat", {
-          repeat: ["", "x", "y", "round", "space"]
-        }]
-      }],
-      /**
-       * Background Size
-       * @see https://tailwindcss.com/docs/background-size
-       */
-      "bg-size": [{
-        bg: ["auto", "cover", "contain", wr]
-      }],
-      /**
-       * Background Image
-       * @see https://tailwindcss.com/docs/background-image
-       */
-      "bg-image": [{
-        bg: ["none", {
-          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Sr]
-      }],
-      /**
-       * Background Color
-       * @see https://tailwindcss.com/docs/background-color
-       */
-      "bg-color": [{
-        bg: [e]
-      }],
-      /**
-       * Gradient Color Stops From Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from-pos": [{
-        from: [g]
-      }],
-      /**
-       * Gradient Color Stops Via Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via-pos": [{
-        via: [g]
-      }],
-      /**
-       * Gradient Color Stops To Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to-pos": [{
-        to: [g]
-      }],
-      /**
-       * Gradient Color Stops From
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from": [{
-        from: [p]
-      }],
-      /**
-       * Gradient Color Stops Via
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via": [{
-        via: [p]
-      }],
-      /**
-       * Gradient Color Stops To
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to": [{
-        to: [p]
-      }],
-      // Borders
-      /**
-       * Border Radius
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      rounded: [{
-        rounded: [l]
-      }],
-      /**
-       * Border Radius Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-s": [{
-        "rounded-s": [l]
-      }],
-      /**
-       * Border Radius End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-e": [{
-        "rounded-e": [l]
-      }],
-      /**
-       * Border Radius Top
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-t": [{
-        "rounded-t": [l]
-      }],
-      /**
-       * Border Radius Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-r": [{
-        "rounded-r": [l]
-      }],
-      /**
-       * Border Radius Bottom
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-b": [{
-        "rounded-b": [l]
-      }],
-      /**
-       * Border Radius Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-l": [{
-        "rounded-l": [l]
-      }],
-      /**
-       * Border Radius Start Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ss": [{
-        "rounded-ss": [l]
-      }],
-      /**
-       * Border Radius Start End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-se": [{
-        "rounded-se": [l]
-      }],
-      /**
-       * Border Radius End End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ee": [{
-        "rounded-ee": [l]
-      }],
-      /**
-       * Border Radius End Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-es": [{
-        "rounded-es": [l]
-      }],
-      /**
-       * Border Radius Top Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tl": [{
-        "rounded-tl": [l]
-      }],
-      /**
-       * Border Radius Top Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tr": [{
-        "rounded-tr": [l]
-      }],
-      /**
-       * Border Radius Bottom Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-br": [{
-        "rounded-br": [l]
-      }],
-      /**
-       * Border Radius Bottom Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-bl": [{
-        "rounded-bl": [l]
-      }],
-      /**
-       * Border Width
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w": [{
-        border: [s]
-      }],
-      /**
-       * Border Width X
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-x": [{
-        "border-x": [s]
-      }],
-      /**
-       * Border Width Y
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-y": [{
-        "border-y": [s]
-      }],
-      /**
-       * Border Width Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-s": [{
-        "border-s": [s]
-      }],
-      /**
-       * Border Width End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-e": [{
-        "border-e": [s]
-      }],
-      /**
-       * Border Width Top
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-t": [{
-        "border-t": [s]
-      }],
-      /**
-       * Border Width Right
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-r": [{
-        "border-r": [s]
-      }],
-      /**
-       * Border Width Bottom
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-b": [{
-        "border-b": [s]
-      }],
-      /**
-       * Border Width Left
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-l": [{
-        "border-l": [s]
-      }],
-      /**
-       * Border Opacity
-       * @see https://tailwindcss.com/docs/border-opacity
-       */
-      "border-opacity": [{
-        "border-opacity": [L]
-      }],
-      /**
-       * Border Style
-       * @see https://tailwindcss.com/docs/border-style
-       */
-      "border-style": [{
-        border: [...ne(), "hidden"]
-      }],
-      /**
-       * Divide Width X
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x": [{
-        "divide-x": [s]
-      }],
-      /**
-       * Divide Width X Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x-reverse": ["divide-x-reverse"],
-      /**
-       * Divide Width Y
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y": [{
-        "divide-y": [s]
-      }],
-      /**
-       * Divide Width Y Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y-reverse": ["divide-y-reverse"],
-      /**
-       * Divide Opacity
-       * @see https://tailwindcss.com/docs/divide-opacity
-       */
-      "divide-opacity": [{
-        "divide-opacity": [L]
-      }],
-      /**
-       * Divide Style
-       * @see https://tailwindcss.com/docs/divide-style
-       */
-      "divide-style": [{
-        divide: ne()
-      }],
-      /**
-       * Border Color
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color": [{
-        border: [o]
-      }],
-      /**
-       * Border Color X
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-x": [{
-        "border-x": [o]
-      }],
-      /**
-       * Border Color Y
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-y": [{
-        "border-y": [o]
-      }],
-      /**
-       * Border Color Top
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-t": [{
-        "border-t": [o]
-      }],
-      /**
-       * Border Color Right
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-r": [{
-        "border-r": [o]
-      }],
-      /**
-       * Border Color Bottom
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-b": [{
-        "border-b": [o]
-      }],
-      /**
-       * Border Color Left
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-l": [{
-        "border-l": [o]
-      }],
-      /**
-       * Divide Color
-       * @see https://tailwindcss.com/docs/divide-color
-       */
-      "divide-color": [{
-        divide: [o]
-      }],
-      /**
-       * Outline Style
-       * @see https://tailwindcss.com/docs/outline-style
-       */
-      "outline-style": [{
-        outline: ["", ...ne()]
-      }],
-      /**
-       * Outline Offset
-       * @see https://tailwindcss.com/docs/outline-offset
-       */
-      "outline-offset": [{
-        "outline-offset": [z, m]
-      }],
-      /**
-       * Outline Width
-       * @see https://tailwindcss.com/docs/outline-width
-       */
-      "outline-w": [{
-        outline: [z, W]
-      }],
-      /**
-       * Outline Color
-       * @see https://tailwindcss.com/docs/outline-color
-       */
-      "outline-color": [{
-        outline: [e]
-      }],
-      /**
-       * Ring Width
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w": [{
-        ring: V()
-      }],
-      /**
-       * Ring Width Inset
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w-inset": ["ring-inset"],
-      /**
-       * Ring Color
-       * @see https://tailwindcss.com/docs/ring-color
-       */
-      "ring-color": [{
-        ring: [e]
-      }],
-      /**
-       * Ring Opacity
-       * @see https://tailwindcss.com/docs/ring-opacity
-       */
-      "ring-opacity": [{
-        "ring-opacity": [L]
-      }],
-      /**
-       * Ring Offset Width
-       * @see https://tailwindcss.com/docs/ring-offset-width
-       */
-      "ring-offset-w": [{
-        "ring-offset": [z, W]
-      }],
-      /**
-       * Ring Offset Color
-       * @see https://tailwindcss.com/docs/ring-offset-color
-       */
-      "ring-offset-color": [{
-        "ring-offset": [e]
-      }],
-      // Effects
-      /**
-       * Box Shadow
-       * @see https://tailwindcss.com/docs/box-shadow
-       */
-      shadow: [{
-        shadow: ["", "inner", "none", G, kr]
-      }],
-      /**
-       * Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow-color
-       */
-      "shadow-color": [{
-        shadow: [ve]
-      }],
-      /**
-       * Opacity
-       * @see https://tailwindcss.com/docs/opacity
-       */
-      opacity: [{
-        opacity: [L]
-      }],
-      /**
-       * Mix Blend Mode
-       * @see https://tailwindcss.com/docs/mix-blend-mode
-       */
-      "mix-blend": [{
-        "mix-blend": y()
-      }],
-      /**
-       * Background Blend Mode
-       * @see https://tailwindcss.com/docs/background-blend-mode
-       */
-      "bg-blend": [{
-        "bg-blend": y()
-      }],
-      // Filters
-      /**
-       * Filter
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/filter
-       */
-      filter: [{
-        filter: ["", "none"]
-      }],
-      /**
-       * Blur
-       * @see https://tailwindcss.com/docs/blur
-       */
-      blur: [{
-        blur: [r]
-      }],
-      /**
-       * Brightness
-       * @see https://tailwindcss.com/docs/brightness
-       */
-      brightness: [{
-        brightness: [n]
-      }],
-      /**
-       * Contrast
-       * @see https://tailwindcss.com/docs/contrast
-       */
-      contrast: [{
-        contrast: [i]
-      }],
-      /**
-       * Drop Shadow
-       * @see https://tailwindcss.com/docs/drop-shadow
-       */
-      "drop-shadow": [{
-        "drop-shadow": ["", "none", G, m]
-      }],
-      /**
-       * Grayscale
-       * @see https://tailwindcss.com/docs/grayscale
-       */
-      grayscale: [{
-        grayscale: [u]
-      }],
-      /**
-       * Hue Rotate
-       * @see https://tailwindcss.com/docs/hue-rotate
-       */
-      "hue-rotate": [{
-        "hue-rotate": [d]
-      }],
-      /**
-       * Invert
-       * @see https://tailwindcss.com/docs/invert
-       */
-      invert: [{
-        invert: [f]
-      }],
-      /**
-       * Saturate
-       * @see https://tailwindcss.com/docs/saturate
-       */
-      saturate: [{
-        saturate: [B]
-      }],
-      /**
-       * Sepia
-       * @see https://tailwindcss.com/docs/sepia
-       */
-      sepia: [{
-        sepia: [ke]
-      }],
-      /**
-       * Backdrop Filter
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/backdrop-filter
-       */
-      "backdrop-filter": [{
-        "backdrop-filter": ["", "none"]
-      }],
-      /**
-       * Backdrop Blur
-       * @see https://tailwindcss.com/docs/backdrop-blur
-       */
-      "backdrop-blur": [{
-        "backdrop-blur": [r]
-      }],
-      /**
-       * Backdrop Brightness
-       * @see https://tailwindcss.com/docs/backdrop-brightness
-       */
-      "backdrop-brightness": [{
-        "backdrop-brightness": [n]
-      }],
-      /**
-       * Backdrop Contrast
-       * @see https://tailwindcss.com/docs/backdrop-contrast
-       */
-      "backdrop-contrast": [{
-        "backdrop-contrast": [i]
-      }],
-      /**
-       * Backdrop Grayscale
-       * @see https://tailwindcss.com/docs/backdrop-grayscale
-       */
-      "backdrop-grayscale": [{
-        "backdrop-grayscale": [u]
-      }],
-      /**
-       * Backdrop Hue Rotate
-       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
-       */
-      "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [d]
-      }],
-      /**
-       * Backdrop Invert
-       * @see https://tailwindcss.com/docs/backdrop-invert
-       */
-      "backdrop-invert": [{
-        "backdrop-invert": [f]
-      }],
-      /**
-       * Backdrop Opacity
-       * @see https://tailwindcss.com/docs/backdrop-opacity
-       */
-      "backdrop-opacity": [{
-        "backdrop-opacity": [L]
-      }],
-      /**
-       * Backdrop Saturate
-       * @see https://tailwindcss.com/docs/backdrop-saturate
-       */
-      "backdrop-saturate": [{
-        "backdrop-saturate": [B]
-      }],
-      /**
-       * Backdrop Sepia
-       * @see https://tailwindcss.com/docs/backdrop-sepia
-       */
-      "backdrop-sepia": [{
-        "backdrop-sepia": [ke]
-      }],
-      // Tables
-      /**
-       * Border Collapse
-       * @see https://tailwindcss.com/docs/border-collapse
-       */
-      "border-collapse": [{
-        border: ["collapse", "separate"]
-      }],
-      /**
-       * Border Spacing
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing": [{
-        "border-spacing": [a]
-      }],
-      /**
-       * Border Spacing X
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-x": [{
-        "border-spacing-x": [a]
-      }],
-      /**
-       * Border Spacing Y
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-y": [{
-        "border-spacing-y": [a]
-      }],
-      /**
-       * Table Layout
-       * @see https://tailwindcss.com/docs/table-layout
-       */
-      "table-layout": [{
-        table: ["auto", "fixed"]
-      }],
-      /**
-       * Caption Side
-       * @see https://tailwindcss.com/docs/caption-side
-       */
-      caption: [{
-        caption: ["top", "bottom"]
-      }],
-      // Transitions and Animation
-      /**
-       * Tranisition Property
-       * @see https://tailwindcss.com/docs/transition-property
-       */
-      transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", m]
-      }],
-      /**
-       * Transition Duration
-       * @see https://tailwindcss.com/docs/transition-duration
-       */
-      duration: [{
-        duration: F()
-      }],
-      /**
-       * Transition Timing Function
-       * @see https://tailwindcss.com/docs/transition-timing-function
-       */
-      ease: [{
-        ease: ["linear", "in", "out", "in-out", m]
-      }],
-      /**
-       * Transition Delay
-       * @see https://tailwindcss.com/docs/transition-delay
-       */
-      delay: [{
-        delay: F()
-      }],
-      /**
-       * Animation
-       * @see https://tailwindcss.com/docs/animation
-       */
-      animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", m]
-      }],
-      // Transforms
-      /**
-       * Transform
-       * @see https://tailwindcss.com/docs/transform
-       */
-      transform: [{
-        transform: ["", "gpu", "none"]
-      }],
-      /**
-       * Scale
-       * @see https://tailwindcss.com/docs/scale
-       */
-      scale: [{
-        scale: [H]
-      }],
-      /**
-       * Scale X
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-x": [{
-        "scale-x": [H]
-      }],
-      /**
-       * Scale Y
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-y": [{
-        "scale-y": [H]
-      }],
-      /**
-       * Rotate
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      rotate: [{
-        rotate: [fe, m]
-      }],
-      /**
-       * Translate X
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-x": [{
-        "translate-x": [Ce]
-      }],
-      /**
-       * Translate Y
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-y": [{
-        "translate-y": [Ce]
-      }],
-      /**
-       * Skew X
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-x": [{
-        "skew-x": [ue]
-      }],
-      /**
-       * Skew Y
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-y": [{
-        "skew-y": [ue]
-      }],
-      /**
-       * Transform Origin
-       * @see https://tailwindcss.com/docs/transform-origin
-       */
-      "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", m]
-      }],
-      // Interactivity
-      /**
-       * Accent Color
-       * @see https://tailwindcss.com/docs/accent-color
-       */
-      accent: [{
-        accent: ["auto", e]
-      }],
-      /**
-       * Appearance
-       * @see https://tailwindcss.com/docs/appearance
-       */
-      appearance: ["appearance-none"],
-      /**
-       * Cursor
-       * @see https://tailwindcss.com/docs/cursor
-       */
-      cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", m]
-      }],
-      /**
-       * Caret Color
-       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-       */
-      "caret-color": [{
-        caret: [e]
-      }],
-      /**
-       * Pointer Events
-       * @see https://tailwindcss.com/docs/pointer-events
-       */
-      "pointer-events": [{
-        "pointer-events": ["none", "auto"]
-      }],
-      /**
-       * Resize
-       * @see https://tailwindcss.com/docs/resize
-       */
-      resize: [{
-        resize: ["none", "y", "x", ""]
-      }],
-      /**
-       * Scroll Behavior
-       * @see https://tailwindcss.com/docs/scroll-behavior
-       */
-      "scroll-behavior": [{
-        scroll: ["auto", "smooth"]
-      }],
-      /**
-       * Scroll Margin
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-m": [{
-        "scroll-m": b()
-      }],
-      /**
-       * Scroll Margin X
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mx": [{
-        "scroll-mx": b()
-      }],
-      /**
-       * Scroll Margin Y
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-my": [{
-        "scroll-my": b()
-      }],
-      /**
-       * Scroll Margin Start
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ms": [{
-        "scroll-ms": b()
-      }],
-      /**
-       * Scroll Margin End
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-me": [{
-        "scroll-me": b()
-      }],
-      /**
-       * Scroll Margin Top
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mt": [{
-        "scroll-mt": b()
-      }],
-      /**
-       * Scroll Margin Right
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mr": [{
-        "scroll-mr": b()
-      }],
-      /**
-       * Scroll Margin Bottom
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mb": [{
-        "scroll-mb": b()
-      }],
-      /**
-       * Scroll Margin Left
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ml": [{
-        "scroll-ml": b()
-      }],
-      /**
-       * Scroll Padding
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-p": [{
-        "scroll-p": b()
-      }],
-      /**
-       * Scroll Padding X
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-px": [{
-        "scroll-px": b()
-      }],
-      /**
-       * Scroll Padding Y
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-py": [{
-        "scroll-py": b()
-      }],
-      /**
-       * Scroll Padding Start
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-ps": [{
-        "scroll-ps": b()
-      }],
-      /**
-       * Scroll Padding End
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pe": [{
-        "scroll-pe": b()
-      }],
-      /**
-       * Scroll Padding Top
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pt": [{
-        "scroll-pt": b()
-      }],
-      /**
-       * Scroll Padding Right
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pr": [{
-        "scroll-pr": b()
-      }],
-      /**
-       * Scroll Padding Bottom
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pb": [{
-        "scroll-pb": b()
-      }],
-      /**
-       * Scroll Padding Left
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pl": [{
-        "scroll-pl": b()
-      }],
-      /**
-       * Scroll Snap Align
-       * @see https://tailwindcss.com/docs/scroll-snap-align
-       */
-      "snap-align": [{
-        snap: ["start", "end", "center", "align-none"]
-      }],
-      /**
-       * Scroll Snap Stop
-       * @see https://tailwindcss.com/docs/scroll-snap-stop
-       */
-      "snap-stop": [{
-        snap: ["normal", "always"]
-      }],
-      /**
-       * Scroll Snap Type
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-type": [{
-        snap: ["none", "x", "y", "both"]
-      }],
-      /**
-       * Scroll Snap Type Strictness
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-strictness": [{
-        snap: ["mandatory", "proximity"]
-      }],
-      /**
-       * Touch Action
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      touch: [{
-        touch: ["auto", "none", "manipulation"]
-      }],
-      /**
-       * Touch Action X
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-x": [{
-        "touch-pan": ["x", "left", "right"]
-      }],
-      /**
-       * Touch Action Y
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-y": [{
-        "touch-pan": ["y", "up", "down"]
-      }],
-      /**
-       * Touch Action Pinch Zoom
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-pz": ["touch-pinch-zoom"],
-      /**
-       * User Select
-       * @see https://tailwindcss.com/docs/user-select
-       */
-      select: [{
-        select: ["none", "text", "all", "auto"]
-      }],
-      /**
-       * Will Change
-       * @see https://tailwindcss.com/docs/will-change
-       */
-      "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", m]
-      }],
-      // SVG
-      /**
-       * Fill
-       * @see https://tailwindcss.com/docs/fill
-       */
-      fill: [{
-        fill: [e, "none"]
-      }],
-      /**
-       * Stroke Width
-       * @see https://tailwindcss.com/docs/stroke-width
-       */
-      "stroke-w": [{
-        stroke: [z, W, Me]
-      }],
-      /**
-       * Stroke
-       * @see https://tailwindcss.com/docs/stroke
-       */
-      stroke: [{
-        stroke: [e, "none"]
-      }],
-      // Accessibility
-      /**
-       * Screen Readers
-       * @see https://tailwindcss.com/docs/screen-readers
-       */
-      sr: ["sr-only", "not-sr-only"]
-    },
-    conflictingClassGroups: {
-      overflow: ["overflow-x", "overflow-y"],
-      overscroll: ["overscroll-x", "overscroll-y"],
-      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
-      "inset-x": ["right", "left"],
-      "inset-y": ["top", "bottom"],
-      flex: ["basis", "grow", "shrink"],
-      gap: ["gap-x", "gap-y"],
-      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
-      px: ["pr", "pl"],
-      py: ["pt", "pb"],
-      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
-      mx: ["mr", "ml"],
-      my: ["mt", "mb"],
-      "font-size": ["leading"],
-      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
-      "fvn-ordinal": ["fvn-normal"],
-      "fvn-slashed-zero": ["fvn-normal"],
-      "fvn-figure": ["fvn-normal"],
-      "fvn-spacing": ["fvn-normal"],
-      "fvn-fraction": ["fvn-normal"],
-      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
-      "rounded-s": ["rounded-ss", "rounded-es"],
-      "rounded-e": ["rounded-se", "rounded-ee"],
-      "rounded-t": ["rounded-tl", "rounded-tr"],
-      "rounded-r": ["rounded-tr", "rounded-br"],
-      "rounded-b": ["rounded-br", "rounded-bl"],
-      "rounded-l": ["rounded-tl", "rounded-bl"],
-      "border-spacing": ["border-spacing-x", "border-spacing-y"],
-      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
-      "border-w-x": ["border-w-r", "border-w-l"],
-      "border-w-y": ["border-w-t", "border-w-b"],
-      "border-color": ["border-color-t", "border-color-r", "border-color-b", "border-color-l"],
-      "border-color-x": ["border-color-r", "border-color-l"],
-      "border-color-y": ["border-color-t", "border-color-b"],
-      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
-      "scroll-mx": ["scroll-mr", "scroll-ml"],
-      "scroll-my": ["scroll-mt", "scroll-mb"],
-      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
-      "scroll-px": ["scroll-pr", "scroll-pl"],
-      "scroll-py": ["scroll-pt", "scroll-pb"],
-      touch: ["touch-x", "touch-y", "touch-pz"],
-      "touch-x": ["touch"],
-      "touch-y": ["touch"],
-      "touch-pz": ["touch"]
-    },
-    conflictingClassGroupModifiers: {
-      "font-size": ["leading"]
-    }
-  };
-}
-function Mr(e, {
-  cacheSize: t,
-  prefix: r,
-  separator: n,
-  extend: o = {},
-  override: l = {}
-}) {
-  Le(e, "cacheSize", t), Le(e, "prefix", r), Le(e, "separator", n);
-  for (const a in l)
-    Tr(e[a], l[a]);
-  for (const a in o)
-    Pr(e[a], o[a]);
-  return e;
-}
-function Le(e, t, r) {
-  r !== void 0 && (e[t] = r);
-}
-function Tr(e, t) {
-  if (t)
-    for (const r in t)
-      Le(e, r, t[r]);
-}
-function Pr(e, t) {
-  if (t)
-    for (const r in t) {
-      const n = t[r];
-      n !== void 0 && (e[r] = (e[r] || []).concat(n));
-    }
-}
-function Lr(e, ...t) {
-  return typeof e == "function" ? nt(ot, e, ...t) : nt(() => Mr(ot(), e), ...t);
-}
-const Ar = Lr({}), { cva: Xe, cx: oe, compose: wo } = Jt({
+import { defineComponent as p, useCssVars as j, openBlock as s, createElementBlock as u, normalizeClass as i, createElementVNode as b, createCommentVNode as m, createStaticVNode as H, reactive as T, useSlots as P, computed as S, unref as l, renderSlot as x, createVNode as y, defineAsyncComponent as Z, h as W, createBlock as w, withCtx as f, normalizeStyle as V, createTextVNode as E, toDisplayString as C, useAttrs as R, ref as L, onMounted as N, resolveDynamicComponent as K, mergeProps as U, withKeys as q } from "vue";
+import { defineConfig as G } from "cva";
+import { extendTailwindMerge as J } from "tailwind-merge";
+import { Dialog as Q, DialogPanel as X, DialogTitle as Y, DialogDescription as ee } from "@headlessui/vue";
+import { useTextareaAutosize as te } from "@vueuse/core";
+import { nanoid as ae } from "nanoid";
+const oe = J({}), { cva: B, cx: g, compose: Ue } = G({
   hooks: {
-    onComplete: (e) => Ar(e)
+    onComplete: (a) => oe(a)
   }
-}), Or = {
+}), re = {
   key: 0,
   class: "loader-wrapper"
-}, $r = /* @__PURE__ */ Bt('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-0adb214b></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-0adb214b></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-0adb214b></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-0adb214b></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-0adb214b></path>', 5), Fr = {
+}, le = /* @__PURE__ */ H('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-9483a281></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-9483a281></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-9483a281></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-9483a281></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-9483a281></path>', 5), ne = {
   key: 0,
   class: "circular-loader"
 };
-function yo() {
-  return Ke({
-    valid: !1,
-    invalid: !1,
+function qe() {
+  return T({
+    isValid: !1,
+    isInvalid: !1,
     isLoading: !1,
     startLoading() {
       this.isLoading = !0;
@@ -2403,53 +26,53 @@ function yo() {
     stopLoading() {
       this.isLoading = !1;
     },
-    isValid(e = 800) {
-      this.valid = !0;
-      const t = e - 300;
+    validate(a = 800) {
+      this.isValid = !0;
+      const e = a - 300;
       return new Promise(
-        (r) => setTimeout(() => this.clear().then(() => r(!0)), t)
+        (t) => setTimeout(() => this.clear().then(() => t(!0)), e)
       );
     },
-    isInvalid(e = 1100) {
-      this.invalid = !0;
-      const t = e - 300;
+    invalidate(a = 1100) {
+      this.isInvalid = !0;
+      const e = a - 300;
       return new Promise(
-        (r) => setTimeout(() => this.clear().then(() => r(!0)), t)
+        (t) => setTimeout(() => this.clear().then(() => t(!0)), e)
       );
     },
-    clear(e = 300) {
-      return this.valid = !1, this.invalid = !1, this.isLoading = !1, new Promise((t) => {
+    clear(a = 300) {
+      return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((e) => {
         setTimeout(() => {
-          t(!0);
-        }, e);
+          e(!0);
+        }, a);
       });
     }
   });
 }
-const zr = /* @__PURE__ */ C({
+const se = /* @__PURE__ */ p({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: { default: "24px" }
   },
-  setup(e) {
-    return jt((t) => ({
-      c75a9dda: t.size
-    })), (t, r) => t.loadingState ? (O(), q("div", Or, [
-      (O(), q("svg", {
-        class: j(["svg-loader", {
-          "icon-is-valid": t.loadingState.valid,
-          "icon-is-invalid": t.loadingState.invalid
+  setup(a) {
+    return j((e) => ({
+      "68e6c412": e.size
+    })), (e, t) => e.loadingState ? (s(), u("div", re, [
+      (s(), u("svg", {
+        class: i(["svg-loader", {
+          "icon-is-valid": e.loadingState.isValid,
+          "icon-is-invalid": e.loadingState.isInvalid
         }]),
         viewBox: "0 0 100 100",
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        $r,
-        t.loadingState.isLoading ? (O(), q("g", Fr, [
-          ye("circle", {
-            class: j(["loader-path", {
-              "loader-path-off": t.loadingState.valid || t.loadingState.invalid
+        le,
+        e.loadingState.isLoading ? (s(), u("g", ne, [
+          b("circle", {
+            class: i(["loader-path", {
+              "loader-path-off": e.loadingState.isValid || e.loadingState.isInvalid
             }]),
             cx: "50",
             cy: "50",
@@ -2457,20 +80,20 @@ const zr = /* @__PURE__ */ C({
             r: "20",
             "stroke-width": "2"
           }, null, 2)
-        ])) : J("", !0)
+        ])) : m("", !0)
       ], 2))
-    ])) : J("", !0);
+    ])) : m("", !0);
   }
 });
-const Ye = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [n, o] of t)
-    r[n] = o;
-  return r;
-}, bt = /* @__PURE__ */ Ye(zr, [["__scopeId", "data-v-0adb214b"]]), Rr = ["aria-disabled", "aria-label", "title"], jr = {
+const z = (a, e) => {
+  const t = a.__vccOpts || a;
+  for (const [n, o] of e)
+    t[n] = o;
+  return t;
+}, $ = /* @__PURE__ */ z(se, [["__scopeId", "data-v-9483a281"]]), ie = ["aria-disabled", "aria-label", "title"], de = {
   key: 1,
   class: "ml-2"
-}, Br = Xe({
+}, ce = B({
   base: "scalar-button row items-center justify-center rounded font-medium",
   variants: {
     isDisabled: { true: "bg-background-2 text-color-3 shadow-none" },
@@ -2480,19 +103,19 @@ const Ye = (e, t) => {
     variant: {
       solid: [
         "scalar-button-solid",
-        "hocus:bg-hover-btn-1 bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none"
+        "bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none hocus:bg-hover-btn-1"
       ].join(" "),
       outlined: [
         "scalar-button-outlined",
-        "active:bg-btn-1 hocus:bg-back-2 border border-border bg-transparent text-fore-1"
+        "active:bg-btn-1 border border-border bg-transparent text-fore-1 hocus:bg-back-2"
       ].join(" "),
       ghost: [
         "scalar-button-ghost",
-        "hocus:text-fore-2 bg-transparent text-fore-3 active:text-fore-2"
+        "bg-transparent text-fore-3 active:text-fore-2 hocus:text-fore-2"
       ].join(" "),
       danger: [
         "scalar-button-danger",
-        "hocus:brightness-90 bg-error text-white active:brightness-90"
+        "bg-error text-white active:brightness-90 hocus:brightness-90"
       ].join(" ")
     }
   },
@@ -2508,7 +131,7 @@ const Ye = (e, t) => {
       class: "h-10 w-10 p-2"
     }
   ]
-}), wt = /* @__PURE__ */ C({
+}), I = /* @__PURE__ */ p({
   __name: "ScalarButton",
   props: {
     isDisabled: { type: Boolean, default: !1 },
@@ -2518,19 +141,19 @@ const Ye = (e, t) => {
     variant: { default: "solid" },
     title: {}
   },
-  setup(e) {
-    const t = Dt(), r = h(
+  setup(a) {
+    const e = P(), t = S(
       () => {
-        var o, l, a, s;
-        return (s = (a = (l = (o = t.default) == null ? void 0 : o.call(t)) == null ? void 0 : l[0]) == null ? void 0 : a.children) == null ? void 0 : s.trim();
+        var o, d, v, h;
+        return (h = (v = (d = (o = e.default) == null ? void 0 : o.call(e)) == null ? void 0 : d[0]) == null ? void 0 : v.children) == null ? void 0 : h.trim();
       }
-    ), n = h(() => !!(t.icon && !t.default));
-    return (o, l) => (O(), q("button", {
+    ), n = S(() => !!(e.icon && !e.default));
+    return (o, d) => (s(), u("button", {
       "aria-disabled": o.isDisabled,
-      "aria-label": r.value || o.title,
-      class: j(
-        _(oe)(
-          _(Br)({
+      "aria-label": t.value || o.title,
+      class: i(
+        l(g)(
+          l(ce)({
             isFullWidth: o.isFullWidth,
             isIconOnly: n.value,
             isDisabled: o.isDisabled,
@@ -2540,60 +163,60 @@ const Ye = (e, t) => {
           { "pl-9 pr-3": o.loadingState }
         )
       ),
-      title: o.title || r.value,
+      title: o.title || t.value,
       type: "button"
     }, [
-      o.$slots.icon ? (O(), q("div", {
+      o.$slots.icon ? (s(), u("div", {
         key: 0,
-        class: j(_(oe)({ "mr-2": !n.value }, "h-4 w-4"))
+        class: i(l(g)({ "mr-2": !n.value }, "h-4 w-4"))
       }, [
-        Oe(o.$slots, "icon")
-      ], 2)) : J("", !0),
-      Oe(o.$slots, "default"),
-      o.loadingState ? (O(), q("div", jr, [
-        $e(_(bt), {
+        x(o.$slots, "icon")
+      ], 2)) : m("", !0),
+      x(o.$slots, "default"),
+      o.loadingState ? (s(), u("div", de, [
+        y(l($), {
           loadingState: o.loadingState,
           size: "20px"
         }, null, 8, ["loadingState"])
-      ])) : J("", !0)
-    ], 10, Rr));
+      ])) : m("", !0)
+    ], 10, ie));
   }
-}), Dr = (e) => Object.fromEntries(Array.from(e).map((t) => [t.name, t.value])), Nr = (e) => ({ raw: t }) => {
-  const n = new e().parseFromString(t, "image/svg+xml");
+}), ue = (a) => Object.fromEntries(Array.from(a).map((e) => [e.name, e.value])), ve = (a) => ({ raw: e }) => {
+  const n = new a().parseFromString(e, "image/svg+xml");
   if (n.getElementsByTagName("parsererror").length)
     return;
-  const o = n.documentElement, l = Dr(o.attributes), { width: a, height: s, ...i } = l;
-  return P("svg", { ...i, innerHTML: o.innerHTML });
-}, Ir = Nt(async () => {
-  const e = typeof DOMParser > "u" ? (await import("./index-6bb15e9f.js").then((r) => r.i)).DOMParser : DOMParser, t = Nr(e);
-  return t.props = {
+  const o = n.documentElement, d = ue(o.attributes), { width: v, height: h, ..._ } = d;
+  return W("svg", { ..._, innerHTML: o.innerHTML });
+}, he = Z(async () => {
+  const a = typeof DOMParser > "u" ? (await import("@xmldom/xmldom")).DOMParser : DOMParser, e = ve(a);
+  return e.props = {
     raw: {
       type: String,
       required: !0
     }
-  }, t;
-}), Hr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  }, e;
+}), me = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
     <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.429"
         d="M24 1.714v44.572M1.714 24h44.572" />
-</svg>`, Vr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 23.5" fill="currentColor">
+</svg>`, ge = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 23.5" fill="currentColor">
     <path d="M11.2 23.5 0 12.3l2.15-2.15 9.05 9.05L30.4 0l2.15 2.15z" />
-</svg>`, Wr = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+</svg>`, pe = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
     <path d="m19.5 8.25-7.5 7.5-7.5-7.5" />
-</svg>`, Gr = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+</svg>`, fe = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
     <path d="M15.75 19.5 8.25 12l7.5-7.5" />
-</svg>`, Ur = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+</svg>`, be = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
     <path d="m8.25 4.5 7.5 7.5-7.5 7.5" />
-</svg>`, qr = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+</svg>`, we = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
     <path d="m4.5 15.75 7.5-7.5 7.5 7.5" />
-</svg>`, Kr = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+</svg>`, _e = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
     <path stroke="currentColor" d="m12.5 1.5-11 11m0-11 11 11" />
-</svg>`, Zr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+</svg>`, xe = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
     <path
         d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
-</svg>`, Xr = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 1024 1024">
+</svg>`, ye = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 1024 1024">
     <path
         d="M512 0a512 512 0 0 0-162 998c26 4 35-11 35-25l-1-95c-128 23-161-32-172-60-6-15-31-61-52-73-18-10-44-33-1-33 40-1 69 37 78 52 46 78 120 56 149 43 5-33 18-56 33-69-114-13-234-56-234-253 0-56 20-101 53-137-5-13-23-65 5-136 0 0 43-13 141 53a487 487 0 0 1 256 0c98-66 141-53 141-53 28 71 10 123 5 136 33 36 53 81 53 137 0 197-120 240-234 253 18 16 35 47 35 95l-1 140c0 14 9 30 35 25A512 512 0 0 0 512 0z" />
-</svg>`, Yr = `<svg
+</svg>`, ke = `<svg
   height="24"
   viewBox="0 0 24 24"
   width="24"
@@ -2602,897 +225,63 @@ const Ye = (e, t) => {
     d="M24 12a1 1 0 0 0 -1 -1h-3.91a0.51 0.51 0 0 1 -0.49 -0.4 6.83 6.83 0 0 0 -0.94 -2.28 0.5 0.5 0 0 1 0.06 -0.63l2.77 -2.76a1 1 0 1 0 -1.42 -1.42l-2.76 2.77a0.5 0.5 0 0 1 -0.63 0.06 6.83 6.83 0 0 0 -2.28 -0.94 0.5 0.5 0 0 1 -0.4 -0.49V1a1 1 0 0 0 -2 0v3.91a0.51 0.51 0 0 1 -0.4 0.49 6.83 6.83 0 0 0 -2.28 0.94 0.5 0.5 0 0 1 -0.63 -0.06L4.93 3.51a1 1 0 0 0 -1.42 1.42l2.77 2.76a0.5 0.5 0 0 1 0.06 0.63 6.83 6.83 0 0 0 -0.94 2.28 0.5 0.5 0 0 1 -0.49 0.4H1a1 1 0 0 0 0 2h3.91a0.51 0.51 0 0 1 0.49 0.4 6.83 6.83 0 0 0 0.94 2.28 0.5 0.5 0 0 1 -0.06 0.63l-2.77 2.76a1 1 0 1 0 1.42 1.42l2.76 -2.77a0.5 0.5 0 0 1 0.63 -0.06 6.83 6.83 0 0 0 2.28 0.94 0.5 0.5 0 0 1 0.4 0.49V23a1 1 0 0 0 2 0v-3.91a0.51 0.51 0 0 1 0.4 -0.49 6.83 6.83 0 0 0 2.28 -0.94 0.5 0.5 0 0 1 0.63 0.06l2.76 2.77a1 1 0 1 0 1.42 -1.42l-2.77 -2.76a0.5 0.5 0 0 1 -0.06 -0.63 6.83 6.83 0 0 0 0.94 -2.28 0.5 0.5 0 0 1 0.49 -0.4H23a1 1 0 0 0 1 -1Zm-8.74 2.5A5.76 5.76 0 0 1 9.5 8.74a5.66 5.66 0 0 1 0.16 -1.31 0.49 0.49 0 0 1 0.34 -0.36 5.36 5.36 0 0 1 1.8 -0.31 5.47 5.47 0 0 1 5.46 5.46 5.36 5.36 0 0 1 -0.31 1.8 0.49 0.49 0 0 1 -0.35 0.32 5.53 5.53 0 0 1 -1.34 0.16Z"
     fill="currentColor"
     stroke-width="1"></path>
-</svg>`, Jr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 593 593">
+</svg>`, Se = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 593 593">
     <path fill="currentColor" fill-rule="evenodd"
         d="M347 0c6 0 12 5 12 12v134l94-95c5-5 13-5 17 0l72 72c4 4 5 12 0 16v1l-95 94h134c7 0 12 5 12 12v101c0 7-5 12-12 12H447l95 94c4 5 5 13 0 17l-72 72c-4 4-12 5-16 0h-1l-94-95v134c0 7-5 12-12 12H246c-7 0-12-5-12-12v-70c0-22 9-43 24-59l130-130c14-14 14-37 0-51L259 142a84 84 0 0 1-25-59V12c0-7 5-12 12-12h101ZM138 52h1l219 219c14 14 14 37 0 51L139 542c-4 5-12 5-17 0l-71-70c-4-5-5-12 0-17l95-96H12c-7 0-12-5-12-12V246c0-7 5-12 12-12h134l-95-94c-4-5-4-12 0-17l71-71c4-5 12-5 16 0Z" />
-</svg>`, Qr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 662 662">
+</svg>`, Ce = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 662 662">
     <path fill-rule="evenodd" fill="currentColor"
         d="M331 0a331 331 0 1 1 0 662 331 331 0 0 1 0-662Zm148.5 109 .6.9a187 187 0 1 1-297.6-.9 267 267 0 1 0 297 0Z" />
-</svg>`, en = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620">
+</svg>`, Be = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620">
     <path fill="currentColor"
         d="M-.653 309.29c-.078 82.272 31.848 159.735 89.739 218.178l.283.283c122.379 121.247 319.824 121.184 440.16-.283 119.967-121.1 119.409-316.933-.998-437.339l-.99-.99C468.681 30.845 390.716-1.017 307.893-.67c-82.83.354-160.443 32.994-218.814 91.79C31.209 149.555-.724 227.025-.653 309.29Zm469.271-160.789.778.778c87.9 87.9 88.325 231.005.707 319.33-77.753 78.46-199.786 87.412-288.959 26.862l198.513-198.513-.007 166.361 83.68-.07v-306.22H157.11l-.008 83.6h160.584L121.994 436.323c-59.347-87.689-50.536-208.59 26.51-286.343C236.34 61.294 379.94 60.67 468.61 148.494Z" />
-</svg>`, tn = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 642 642" fill="currentColor">
+</svg>`, ze = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 642 642" fill="currentColor">
     <path
         d="M321 0a321 321 0 1 1 0 642 321 321 0 0 1 0-642Zm51.3 63L321 189.5 269.7 63l1 136.5-95.8-97.2L228 228l-125.7-53.1 97.2 95.8-136.5-1L189.5 321 63 372.3l136.5-1-97.2 95.8 125.7-53-53.1 125.6 95.8-97.2-1 136.5L321 452.5 372.3 579l-1-136.5 95.8 97.2-53-125.7 125.6 53.1-97.2-95.8 136.5 1L452.5 321 579 269.7l-136.5 1 97.2-95.8L414 228l53.1-125.7-95.8 97.2 1-136.5Z" />
-</svg>`, rn = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620" fill="currentColor">
+</svg>`, Me = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620" fill="currentColor">
     <path
         d="M529.2 90.8A310 310 0 1 0 90.8 529.2 310 310 0 0 0 529.2 90.8M122.4 498.2c-54.9-55-15.4-183.5 88.2-287 103.6-103.7 232.1-143.2 287-88.3 54.9 54.8 15.4 183.4-88.3 287-103.5 103.6-232 143.1-286.9 88.3m261.8-262.7A104.7 104.7 0 1 1 236 383.7a104.7 104.7 0 0 1 148.2-148.2" />
-</svg>`, nn = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 14 14">
+</svg>`, Le = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 14 14">
     <path fill="none" stroke="currentColor" d="M14 3.4H0m14 7.2H0" />
-</svg>`, on = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
+</svg>`, Fe = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
     <path fill-rule="evenodd"
         d="M12.6 11.2h.1l3 3a1 1 0 1 1-1.4 1.5l-3-3a1 1 0 0 1-.1-.1 7 7 0 1 1 1.4-1.4zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z" />
-</svg>`, lt = /* @__PURE__ */ Object.assign({ "./Add.svg": Hr, "./CheckMark.svg": Vr, "./ChevronDown.svg": Wr, "./ChevronLeft.svg": Gr, "./ChevronRight.svg": Ur, "./ChevronUp.svg": qr, "./Close.svg": Kr, "./Ellipses.svg": Zr, "./GitHub.svg": Xr, "./LightDarkModeToggle.svg": Yr, "./Logo.svg": Jr, "./LogoAPI.svg": Qr, "./LogoClient.svg": en, "./LogoMarket.svg": tn, "./LogoSwagger.svg": rn, "./Menu.svg": nn, "./Search.svg": on }), ln = (e) => {
-  const t = `./${e}.svg`;
-  return lt[t] === void 0 ? (console.warn(`Could not find icon: ${e}`), "") : lt[t];
-}, yt = /* @__PURE__ */ C({
+</svg>`, F = /* @__PURE__ */ Object.assign({ "./Add.svg": me, "./CheckMark.svg": ge, "./ChevronDown.svg": pe, "./ChevronLeft.svg": fe, "./ChevronRight.svg": be, "./ChevronUp.svg": we, "./Close.svg": _e, "./Ellipses.svg": xe, "./GitHub.svg": ye, "./LightDarkModeToggle.svg": ke, "./Logo.svg": Se, "./LogoAPI.svg": Ce, "./LogoClient.svg": Be, "./LogoMarket.svg": ze, "./LogoSwagger.svg": Me, "./Menu.svg": Le, "./Search.svg": Fe }), Te = (a) => {
+  const e = `./${a}.svg`;
+  return F[e] === void 0 ? (console.warn(`Could not find icon: ${a}`), "") : F[e];
+}, D = /* @__PURE__ */ p({
   __name: "ScalarIcon",
   props: {
     name: {}
   },
-  setup(e) {
-    const t = e, r = h(() => ln(t.name));
-    return (n, o) => r.value ? (O(), xe(_(Ir), {
+  setup(a) {
+    const e = a, t = S(() => Te(e.name));
+    return (n, o) => t.value ? (s(), w(l(he), {
       key: 0,
       class: "flow-icon",
       height: "100%",
-      raw: r.value,
+      raw: t.value,
       width: "100%"
-    }, null, 8, ["raw"])) : J("", !0);
+    }, null, 8, ["raw"])) : m("", !0);
   }
-}), an = /* @__PURE__ */ C({
+}), Ve = /* @__PURE__ */ p({
   __name: "ScalarIconButton",
   props: {
     label: {},
     icon: {},
     variant: { default: "ghost" }
   },
-  setup(e) {
-    return (t, r) => (O(), xe(_(wt), {
-      title: t.label,
-      variant: t.variant
+  setup(a) {
+    return (e, t) => (s(), w(l(I), {
+      title: e.label,
+      variant: e.variant
     }, {
-      icon: he(() => [
-        $e(_(yt), { name: t.icon }, null, 8, ["name"])
+      icon: f(() => [
+        y(l(D), { name: e.icon }, null, 8, ["name"])
       ]),
       _: 1
     }, 8, ["title", "variant"]));
   }
-});
-function ee(e, t, ...r) {
-  if (e in t) {
-    let o = t[e];
-    return typeof o == "function" ? o(...r) : o;
-  }
-  let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((o) => `"${o}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(n, ee), n;
-}
-var Ie = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ie || {}), sn = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(sn || {});
-function R({ visible: e = !0, features: t = 0, ourProps: r, theirProps: n, ...o }) {
-  var l;
-  let a = St(n, r), s = Object.assign(o, { props: a });
-  if (e || t & 2 && a.static)
-    return je(s);
-  if (t & 1) {
-    let i = (l = a.unmount) == null || l ? 0 : 1;
-    return ee(i, { 0() {
-      return null;
-    }, 1() {
-      return je({ ...o, props: { ...a, hidden: !0, style: { display: "none" } } });
-    } });
-  }
-  return je(s);
-}
-function je({ props: e, attrs: t, slots: r, slot: n, name: o }) {
-  var l, a;
-  let { as: s, ...i } = un(e, ["unmount", "static"]), u = (l = r.default) == null ? void 0 : l.call(r, n), d = {};
-  if (n) {
-    let f = !1, c = [];
-    for (let [p, g] of Object.entries(n))
-      typeof g == "boolean" && (f = !0), g === !0 && c.push(p);
-    f && (d["data-headlessui-state"] = c.join(" "));
-  }
-  if (s === "template") {
-    if (u = xt(u ?? []), Object.keys(i).length > 0 || Object.keys(t).length > 0) {
-      let [f, ...c] = u ?? [];
-      if (!cn(f) || c.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${o} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(i).concat(Object.keys(t)).map((v) => v.trim()).filter((v, S, L) => L.indexOf(v) === S).sort((v, S) => v.localeCompare(S)).map((v) => `  - ${v}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((v) => `  - ${v}`).join(`
-`)].join(`
-`));
-      let p = St((a = f.props) != null ? a : {}, i), g = It(f, p);
-      for (let v in p)
-        v.startsWith("on") && (g.props || (g.props = {}), g.props[v] = p[v]);
-      return g;
-    }
-    return Array.isArray(u) && u.length === 1 ? u[0] : u;
-  }
-  return P(s, Object.assign({}, i, d), { default: () => u });
-}
-function xt(e) {
-  return e.flatMap((t) => t.type === ut ? xt(t.children) : [t]);
-}
-function St(...e) {
-  if (e.length === 0)
-    return {};
-  if (e.length === 1)
-    return e[0];
-  let t = {}, r = {};
-  for (let n of e)
-    for (let o in n)
-      o.startsWith("on") && typeof n[o] == "function" ? (r[o] != null || (r[o] = []), r[o].push(n[o])) : t[o] = n[o];
-  if (t.disabled || t["aria-disabled"])
-    return Object.assign(t, Object.fromEntries(Object.keys(r).map((n) => [n, void 0])));
-  for (let n in r)
-    Object.assign(t, { [n](o, ...l) {
-      let a = r[n];
-      for (let s of a) {
-        if (o instanceof Event && o.defaultPrevented)
-          return;
-        s(o, ...l);
-      }
-    } });
-  return t;
-}
-function un(e, t = []) {
-  let r = Object.assign({}, e);
-  for (let n of t)
-    n in r && delete r[n];
-  return r;
-}
-function cn(e) {
-  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
-}
-let dn = 0;
-function pn() {
-  return ++dn;
-}
-function se() {
-  return pn();
-}
-var kt = ((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))(kt || {});
-function M(e) {
-  var t;
-  return e == null || e.value == null ? null : (t = e.value.$el) != null ? t : e.value;
-}
-let fn = Symbol("Context");
-var be = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(be || {});
-function vn() {
-  return N(fn, null);
-}
-var gn = Object.defineProperty, mn = (e, t, r) => t in e ? gn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, at = (e, t, r) => (mn(e, typeof t != "symbol" ? t + "" : t, r), r);
-class hn {
-  constructor() {
-    at(this, "current", this.detect()), at(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 ze = new hn();
-function ie(e) {
-  if (ze.isServer)
-    return null;
-  if (e instanceof Node)
-    return e.ownerDocument;
-  if (e != null && e.hasOwnProperty("value")) {
-    let t = M(e);
-    if (t)
-      return t.ownerDocument;
-  }
-  return document;
-}
-let He = ["[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 U = ((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))(U || {}), _t = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(_t || {}), bn = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(bn || {});
-function wn(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(He)).sort((t, r) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (r.tabIndex || Number.MAX_SAFE_INTEGER)));
-}
-var Ct = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Ct || {});
-function yn(e, t = 0) {
-  var r;
-  return e === ((r = ie(e)) == null ? void 0 : r.body) ? !1 : ee(t, { 0() {
-    return e.matches(He);
-  }, 1() {
-    let n = e;
-    for (; n !== null; ) {
-      if (n.matches(He))
-        return !0;
-      n = n.parentElement;
-    }
-    return !1;
-  } });
-}
-var xn = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(xn || {});
-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 Y(e) {
-  e == null || e.focus({ preventScroll: !0 });
-}
-let Sn = ["textarea", "input"].join(",");
-function kn(e) {
-  var t, r;
-  return (r = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Sn)) != null ? r : !1;
-}
-function _n(e, t = (r) => r) {
-  return e.slice().sort((r, n) => {
-    let o = t(r), l = t(n);
-    if (o === null || l === null)
-      return 0;
-    let a = o.compareDocumentPosition(l);
-    return a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
-  });
-}
-function Ae(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: o = [] } = {}) {
-  var l;
-  let a = (l = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? l : document, s = Array.isArray(e) ? r ? _n(e) : e : wn(e);
-  o.length > 0 && s.length > 1 && (s = s.filter((g) => !o.includes(g))), n = n ?? a.activeElement;
-  let i = (() => {
-    if (t & 5)
-      return 1;
-    if (t & 10)
-      return -1;
-    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), u = (() => {
-    if (t & 1)
-      return 0;
-    if (t & 2)
-      return Math.max(0, s.indexOf(n)) - 1;
-    if (t & 4)
-      return Math.max(0, s.indexOf(n)) + 1;
-    if (t & 8)
-      return s.length - 1;
-    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), d = t & 32 ? { preventScroll: !0 } : {}, f = 0, c = s.length, p;
-  do {
-    if (f >= c || f + c <= 0)
-      return 0;
-    let g = u + f;
-    if (t & 16)
-      g = (g + c) % c;
-    else {
-      if (g < 0)
-        return 3;
-      if (g >= c)
-        return 1;
-    }
-    p = s[g], p == null || p.focus(d), f += i;
-  } while (p !== a.activeElement);
-  return t & 6 && kn(p) && p.select(), 2;
-}
-function Te(e, t, r) {
-  ze.isServer || te((n) => {
-    document.addEventListener(e, t, r), n(() => document.removeEventListener(e, t, r));
-  });
-}
-function Et(e, t, r) {
-  ze.isServer || te((n) => {
-    window.addEventListener(e, t, r), n(() => window.removeEventListener(e, t, r));
-  });
-}
-function Cn(e, t, r = h(() => !0)) {
-  function n(l, a) {
-    if (!r.value || l.defaultPrevented)
-      return;
-    let s = a(l);
-    if (s === null || !s.getRootNode().contains(s))
-      return;
-    let i = function u(d) {
-      return typeof d == "function" ? u(d()) : Array.isArray(d) || d instanceof Set ? d : [d];
-    }(e);
-    for (let u of i) {
-      if (u === null)
-        continue;
-      let d = u instanceof HTMLElement ? u : M(u);
-      if (d != null && d.contains(s) || l.composed && l.composedPath().includes(d))
-        return;
-    }
-    return !yn(s, Ct.Loose) && s.tabIndex !== -1 && l.preventDefault(), t(l, s);
-  }
-  let o = w(null);
-  Te("pointerdown", (l) => {
-    var a, s;
-    r.value && (o.value = ((s = (a = l.composedPath) == null ? void 0 : a.call(l)) == null ? void 0 : s[0]) || l.target);
-  }, !0), Te("mousedown", (l) => {
-    var a, s;
-    r.value && (o.value = ((s = (a = l.composedPath) == null ? void 0 : a.call(l)) == null ? void 0 : s[0]) || l.target);
-  }, !0), Te("click", (l) => {
-    o.value && (n(l, () => o.value), o.value = null);
-  }, !0), Te("touchend", (l) => n(l, () => l.target instanceof HTMLElement ? l.target : null), !0), Et("blur", (l) => n(l, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
-}
-var Fe = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Fe || {});
-let Ve = C({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: r }) {
-  return () => {
-    let { features: n, ...o } = e, l = { "aria-hidden": (n & 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", ...(n & 4) === 4 && (n & 2) !== 2 && { display: "none" } } };
-    return R({ ourProps: l, theirProps: o, slot: {}, attrs: r, slots: t, name: "Hidden" });
-  };
-} });
-function En() {
-  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
-}
-function Je(e) {
-  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
-    throw t;
-  }));
-}
-function Qe() {
-  let e = [], t = { addEventListener(r, n, o, l) {
-    return r.addEventListener(n, o, l), t.add(() => r.removeEventListener(n, o, l));
-  }, requestAnimationFrame(...r) {
-    let n = requestAnimationFrame(...r);
-    t.add(() => cancelAnimationFrame(n));
-  }, nextFrame(...r) {
-    t.requestAnimationFrame(() => {
-      t.requestAnimationFrame(...r);
-    });
-  }, setTimeout(...r) {
-    let n = setTimeout(...r);
-    t.add(() => clearTimeout(n));
-  }, microTask(...r) {
-    let n = { current: !0 };
-    return Je(() => {
-      n.current && r[0]();
-    }), t.add(() => {
-      n.current = !1;
-    });
-  }, style(r, n, o) {
-    let l = r.style.getPropertyValue(n);
-    return Object.assign(r.style, { [n]: o }), this.add(() => {
-      Object.assign(r.style, { [n]: l });
-    });
-  }, group(r) {
-    let n = Qe();
-    return r(n), this.add(() => n.dispose());
-  }, add(r) {
-    return e.push(r), () => {
-      let n = e.indexOf(r);
-      if (n >= 0)
-        for (let o of e.splice(n, 1))
-          o();
-    };
-  }, dispose() {
-    for (let r of e.splice(0))
-      r();
-  } };
-  return t;
-}
-var we = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(we || {});
-function Mn() {
-  let e = w(0);
-  return Et("keydown", (t) => {
-    t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
-  }), e;
-}
-function Mt(e, t, r, n) {
-  ze.isServer || te((o) => {
-    e = e ?? window, e.addEventListener(t, r, n), o(() => e.removeEventListener(t, r, n));
-  });
-}
-function Tn(e) {
-  function t() {
-    document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
-  }
-  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
-}
-function Tt(e) {
-  if (!e)
-    return /* @__PURE__ */ new Set();
-  if (typeof e == "function")
-    return new Set(e());
-  let t = /* @__PURE__ */ new Set();
-  for (let r of e.value) {
-    let n = M(r);
-    n instanceof HTMLElement && t.add(n);
-  }
-  return t;
-}
-var Pt = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(Pt || {});
-let ge = Object.assign(C({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: w(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: r, expose: n }) {
-  let o = w(null);
-  n({ el: o, $el: o });
-  let l = h(() => ie(o)), a = w(!1);
-  $(() => a.value = !0), I(() => a.value = !1), Ln({ ownerDocument: l }, h(() => a.value && !!(e.features & 16)));
-  let s = An({ ownerDocument: l, container: o, initialFocus: h(() => e.initialFocus) }, h(() => a.value && !!(e.features & 2)));
-  On({ ownerDocument: l, container: o, containers: e.containers, previousActiveElement: s }, h(() => a.value && !!(e.features & 8)));
-  let i = Mn();
-  function u(p) {
-    let g = M(o);
-    g && ((v) => v())(() => {
-      ee(i.value, { [we.Forwards]: () => {
-        Ae(g, U.First, { skipElements: [p.relatedTarget] });
-      }, [we.Backwards]: () => {
-        Ae(g, U.Last, { skipElements: [p.relatedTarget] });
-      } });
-    });
-  }
-  let d = w(!1);
-  function f(p) {
-    p.key === "Tab" && (d.value = !0, requestAnimationFrame(() => {
-      d.value = !1;
-    }));
-  }
-  function c(p) {
-    if (!a.value)
-      return;
-    let g = Tt(e.containers);
-    M(o) instanceof HTMLElement && g.add(M(o));
-    let v = p.relatedTarget;
-    v instanceof HTMLElement && v.dataset.headlessuiFocusGuard !== "true" && (Lt(g, v) || (d.value ? Ae(M(o), ee(i.value, { [we.Forwards]: () => U.Next, [we.Backwards]: () => U.Previous }) | U.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && Y(p.target)));
-  }
-  return () => {
-    let p = {}, g = { ref: o, onKeydown: f, onFocusout: c }, { features: v, initialFocus: S, containers: L, ...E } = e;
-    return P(ut, [!!(v & 4) && P(Ve, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: Fe.Focusable }), R({ ourProps: g, theirProps: { ...t, ...E }, slot: p, attrs: t, slots: r, name: "FocusTrap" }), !!(v & 4) && P(Ve, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: Fe.Focusable })]);
-  };
-} }), { features: Pt }), K = [];
-Tn(() => {
-  function e(t) {
-    t.target instanceof HTMLElement && t.target !== document.body && K[0] !== t.target && (K.unshift(t.target), K = K.filter((r) => r != null && r.isConnected), K.splice(10));
-  }
-  window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
-});
-function Pn(e) {
-  let t = w(K.slice());
-  return Q([e], ([r], [n]) => {
-    n === !0 && r === !1 ? Je(() => {
-      t.value.splice(0);
-    }) : n === !1 && r === !0 && (t.value = K.slice());
-  }, { flush: "post" }), () => {
-    var r;
-    return (r = t.value.find((n) => n != null && n.isConnected)) != null ? r : null;
-  };
-}
-function Ln({ ownerDocument: e }, t) {
-  let r = Pn(t);
-  $(() => {
-    te(() => {
-      var n, o;
-      t.value || ((n = e.value) == null ? void 0 : n.activeElement) === ((o = e.value) == null ? void 0 : o.body) && Y(r());
-    }, { flush: "post" });
-  }), I(() => {
-    t.value && Y(r());
-  });
-}
-function An({ ownerDocument: e, container: t, initialFocus: r }, n) {
-  let o = w(null), l = w(!1);
-  return $(() => l.value = !0), I(() => l.value = !1), $(() => {
-    Q([t, r, n], (a, s) => {
-      if (a.every((u, d) => (s == null ? void 0 : s[d]) === u) || !n.value)
-        return;
-      let i = M(t);
-      i && Je(() => {
-        var u, d;
-        if (!l.value)
-          return;
-        let f = M(r), c = (u = e.value) == null ? void 0 : u.activeElement;
-        if (f) {
-          if (f === c) {
-            o.value = c;
-            return;
-          }
-        } else if (i.contains(c)) {
-          o.value = c;
-          return;
-        }
-        f ? Y(f) : Ae(i, U.First | U.NoScroll) === _t.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), o.value = (d = e.value) == null ? void 0 : d.activeElement;
-      });
-    }, { immediate: !0, flush: "post" });
-  }), o;
-}
-function On({ ownerDocument: e, container: t, containers: r, previousActiveElement: n }, o) {
-  var l;
-  Mt((l = e.value) == null ? void 0 : l.defaultView, "focus", (a) => {
-    if (!o.value)
-      return;
-    let s = Tt(r);
-    M(t) instanceof HTMLElement && s.add(M(t));
-    let i = n.value;
-    if (!i)
-      return;
-    let u = a.target;
-    u && u instanceof HTMLElement ? Lt(s, u) ? (n.value = u, Y(u)) : (a.preventDefault(), a.stopPropagation(), Y(i)) : Y(n.value);
-  }, !0);
-}
-function Lt(e, t) {
-  for (let r of e)
-    if (r.contains(t))
-      return !0;
-  return !1;
-}
-let Be = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Map();
-function st(e, t = w(!0)) {
-  te((r) => {
-    var n;
-    if (!t.value)
-      return;
-    let o = M(e);
-    if (!o)
-      return;
-    r(function() {
-      var a;
-      if (!o)
-        return;
-      let s = (a = me.get(o)) != null ? a : 1;
-      if (s === 1 ? me.delete(o) : me.set(o, s - 1), s !== 1)
-        return;
-      let i = Be.get(o);
-      i && (i["aria-hidden"] === null ? o.removeAttribute("aria-hidden") : o.setAttribute("aria-hidden", i["aria-hidden"]), o.inert = i.inert, Be.delete(o));
-    });
-    let l = (n = me.get(o)) != null ? n : 0;
-    me.set(o, l + 1), l === 0 && (Be.set(o, { "aria-hidden": o.getAttribute("aria-hidden"), inert: o.inert }), o.setAttribute("aria-hidden", "true"), o.inert = !0);
-  });
-}
-let At = Symbol("ForcePortalRootContext");
-function $n() {
-  return N(At, !1);
-}
-let We = C({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: r }) {
-  return le(At, e.force), () => {
-    let { force: n, ...o } = e;
-    return R({ theirProps: o, ourProps: {}, slot: {}, slots: t, attrs: r, name: "ForcePortalRoot" });
-  };
-} });
-function Fn(e) {
-  let t = ie(e);
-  if (!t) {
-    if (e === null)
-      return null;
-    throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e}`);
-  }
-  let r = t.getElementById("headlessui-portal-root");
-  if (r)
-    return r;
-  let n = t.createElement("div");
-  return n.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(n);
-}
-let Ot = C({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: r }) {
-  let n = w(null), o = h(() => ie(n)), l = $n(), a = N($t, null), s = w(l === !0 || a == null ? Fn(n.value) : a.resolveTarget());
-  te(() => {
-    l || a != null && (s.value = a.resolveTarget());
-  });
-  let i = N(Ge, null);
-  return $(() => {
-    let u = M(n);
-    u && i && I(i.register(u));
-  }), I(() => {
-    var u, d;
-    let f = (u = o.value) == null ? void 0 : u.getElementById("headlessui-portal-root");
-    f && s.value === f && s.value.children.length <= 0 && ((d = s.value.parentElement) == null || d.removeChild(s.value));
-  }), () => {
-    if (s.value === null)
-      return null;
-    let u = { ref: n, "data-headlessui-portal": "" };
-    return P(Ht, { to: s.value }, R({ ourProps: u, theirProps: e, slot: {}, attrs: r, slots: t, name: "Portal" }));
-  };
-} }), Ge = Symbol("PortalParentContext");
-function zn() {
-  let e = N(Ge, null), t = w([]);
-  function r(l) {
-    return t.value.push(l), e && e.register(l), () => n(l);
-  }
-  function n(l) {
-    let a = t.value.indexOf(l);
-    a !== -1 && t.value.splice(a, 1), e && e.unregister(l);
-  }
-  let o = { register: r, unregister: n, portals: t };
-  return [t, C({ name: "PortalWrapper", setup(l, { slots: a }) {
-    return le(Ge, o), () => {
-      var s;
-      return (s = a.default) == null ? void 0 : s.call(a);
-    };
-  } })];
-}
-let $t = Symbol("PortalGroupContext"), Rn = C({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: r }) {
-  let n = Ke({ resolveTarget() {
-    return e.target;
-  } });
-  return le($t, n), () => {
-    let { target: o, ...l } = e;
-    return R({ theirProps: l, ourProps: {}, slot: {}, attrs: t, slots: r, name: "PortalGroup" });
-  };
-} }), Ft = Symbol("StackContext");
-var Ue = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Ue || {});
-function jn() {
-  return N(Ft, () => {
-  });
-}
-function Bn({ type: e, enabled: t, element: r, onUpdate: n }) {
-  let o = jn();
-  function l(...a) {
-    n == null || n(...a), o(...a);
-  }
-  $(() => {
-    Q(t, (a, s) => {
-      a ? l(0, e, r) : s === !0 && l(1, e, r);
-    }, { immediate: !0, flush: "sync" });
-  }), I(() => {
-    t.value && l(1, e, r);
-  }), le(Ft, l);
-}
-let zt = Symbol("DescriptionContext");
-function Dn() {
-  let e = N(zt, null);
-  if (e === null)
-    throw new Error("Missing parent");
-  return e;
-}
-function Nn({ slot: e = w({}), name: t = "Description", props: r = {} } = {}) {
-  let n = w([]);
-  function o(l) {
-    return n.value.push(l), () => {
-      let a = n.value.indexOf(l);
-      a !== -1 && n.value.splice(a, 1);
-    };
-  }
-  return le(zt, { register: o, slot: e, name: t, props: r }), h(() => n.value.length > 0 ? n.value.join(" ") : void 0);
-}
-let In = C({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${se()}` } }, setup(e, { attrs: t, slots: r }) {
-  let n = Dn();
-  return $(() => I(n.register(e.id))), () => {
-    let { name: o = "Description", slot: l = w({}), props: a = {} } = n, { id: s, ...i } = e, u = { ...Object.entries(a).reduce((d, [f, c]) => Object.assign(d, { [f]: _(c) }), {}), id: s };
-    return R({ ourProps: u, theirProps: i, slot: l.value, attrs: t, slots: r, name: o });
-  };
-} });
-function Hn(e) {
-  let t = Vt(e.getSnapshot());
-  return I(e.subscribe(() => {
-    t.value = e.getSnapshot();
-  })), t;
-}
-function Vn(e, t) {
-  let r = e(), n = /* @__PURE__ */ new Set();
-  return { getSnapshot() {
-    return r;
-  }, subscribe(o) {
-    return n.add(o), () => n.delete(o);
-  }, dispatch(o, ...l) {
-    let a = t[o].call(r, ...l);
-    a && (r = a, n.forEach((s) => s()));
-  } };
-}
-function Wn() {
-  let e;
-  return { before({ doc: t }) {
-    var r;
-    let n = t.documentElement;
-    e = ((r = t.defaultView) != null ? r : window).innerWidth - n.clientWidth;
-  }, after({ doc: t, d: r }) {
-    let n = t.documentElement, o = n.clientWidth - n.offsetWidth, l = e - o;
-    r.style(n, "paddingRight", `${l}px`);
-  } };
-}
-function Gn() {
-  if (!En())
-    return {};
-  let e;
-  return { before() {
-    e = window.pageYOffset;
-  }, after({ doc: t, d: r, meta: n }) {
-    function o(a) {
-      return n.containers.flatMap((s) => s()).some((s) => s.contains(a));
-    }
-    if (window.getComputedStyle(t.documentElement).scrollBehavior !== "auto") {
-      let a = Qe();
-      a.style(t.documentElement, "scroll-behavior", "auto"), r.add(() => r.microTask(() => a.dispose()));
-    }
-    r.style(t.body, "marginTop", `-${e}px`), window.scrollTo(0, 0);
-    let l = null;
-    r.addEventListener(t, "click", (a) => {
-      if (a.target instanceof HTMLElement)
-        try {
-          let s = a.target.closest("a");
-          if (!s)
-            return;
-          let { hash: i } = new URL(s.href), u = t.querySelector(i);
-          u && !o(u) && (l = u);
-        } catch {
-        }
-    }, !0), r.addEventListener(t, "touchmove", (a) => {
-      a.target instanceof HTMLElement && !o(a.target) && a.preventDefault();
-    }, { passive: !1 }), r.add(() => {
-      window.scrollTo(0, window.pageYOffset + e), l && l.isConnected && (l.scrollIntoView({ block: "nearest" }), l = null);
-    });
-  } };
-}
-function Un() {
-  return { before({ doc: e, d: t }) {
-    t.style(e.documentElement, "overflow", "hidden");
-  } };
-}
-function qn(e) {
-  let t = {};
-  for (let r of e)
-    Object.assign(t, r(t));
-  return t;
-}
-let X = Vn(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
-  var r;
-  let n = (r = this.get(e)) != null ? r : { doc: e, count: 0, d: Qe(), meta: /* @__PURE__ */ new Set() };
-  return n.count++, n.meta.add(t), this.set(e, n), this;
-}, POP(e, t) {
-  let r = this.get(e);
-  return r && (r.count--, r.meta.delete(t)), this;
-}, SCROLL_PREVENT({ doc: e, d: t, meta: r }) {
-  let n = { doc: e, d: t, meta: qn(r) }, o = [Gn(), Wn(), Un()];
-  o.forEach(({ before: l }) => l == null ? void 0 : l(n)), o.forEach(({ after: l }) => l == null ? void 0 : l(n));
-}, SCROLL_ALLOW({ d: e }) {
-  e.dispose();
-}, TEARDOWN({ doc: e }) {
-  this.delete(e);
-} });
-X.subscribe(() => {
-  let e = X.getSnapshot(), t = /* @__PURE__ */ new Map();
-  for (let [r] of e)
-    t.set(r, r.documentElement.style.overflow);
-  for (let r of e.values()) {
-    let n = t.get(r.doc) === "hidden", o = r.count !== 0;
-    (o && !n || !o && n) && X.dispatch(r.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", r), r.count === 0 && X.dispatch("TEARDOWN", r);
-  }
-});
-function Kn(e, t, r) {
-  let n = Hn(X), o = h(() => {
-    let l = e.value ? n.value.get(e.value) : void 0;
-    return l ? l.count > 0 : !1;
-  });
-  return Q([e, t], ([l, a], [s], i) => {
-    if (!l || !a)
-      return;
-    X.dispatch("PUSH", l, r);
-    let u = !1;
-    i(() => {
-      u || (X.dispatch("POP", s ?? l, r), u = !0);
-    });
-  }, { immediate: !0 }), o;
-}
-function Zn({ defaultContainers: e = [], portals: t, mainTreeNodeRef: r } = {}) {
-  let n = w(null), o = ie(n);
-  function l() {
-    var a;
-    let s = [];
-    for (let i of e)
-      i !== null && (i instanceof HTMLElement ? s.push(i) : "value" in i && i.value instanceof HTMLElement && s.push(i.value));
-    if (t != null && t.value)
-      for (let i of t.value)
-        s.push(i);
-    for (let i of (a = o == null ? void 0 : o.querySelectorAll("html > *, body > *")) != null ? a : [])
-      i !== document.body && i !== document.head && i instanceof HTMLElement && i.id !== "headlessui-portal-root" && (i.contains(M(n)) || s.some((u) => i.contains(u)) || s.push(i));
-    return s;
-  }
-  return { resolveContainers: l, contains(a) {
-    return l().some((s) => s.contains(a));
-  }, mainTreeNodeRef: n, MainTreeNode() {
-    return r != null ? null : P(Ve, { features: Fe.Hidden, ref: n });
-  } };
-}
-var Xn = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Xn || {});
-let qe = Symbol("DialogContext");
-function Se(e) {
-  let t = N(qe, null);
-  if (t === null) {
-    let r = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(r, Se), r;
-  }
-  return t;
-}
-let Pe = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Yn = C({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: Pe }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${se()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: r, slots: n, expose: o }) {
-  var l;
-  let a = w(!1);
-  $(() => {
-    a.value = !0;
-  });
-  let s = w(0), i = vn(), u = h(() => e.open === Pe && i !== null ? (i.value & be.Open) === be.Open : e.open), d = w(null), f = h(() => ie(d));
-  if (o({ el: d, $el: d }), !(e.open !== Pe || i !== null))
-    throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
-  if (typeof u.value != "boolean")
-    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${u.value === Pe ? void 0 : e.open}`);
-  let c = h(() => a.value && u.value ? 0 : 1), p = h(() => c.value === 0), g = h(() => s.value > 1), v = N(qe, null) !== null, [S, L] = zn(), { resolveContainers: E, mainTreeNodeRef: B, MainTreeNode: H } = Zn({ portals: S, defaultContainers: [h(() => {
-    var y;
-    return (y = V.panelRef.value) != null ? y : d.value;
-  })] }), ke = h(() => g.value ? "parent" : "leaf"), ue = h(() => i !== null ? (i.value & be.Closing) === be.Closing : !1), _e = h(() => v || ue.value ? !1 : p.value), Ce = h(() => {
-    var y, k, T;
-    return (T = Array.from((k = (y = f.value) == null ? void 0 : y.querySelectorAll("body > *")) != null ? k : []).find((A) => A.id === "headlessui-portal-root" ? !1 : A.contains(M(B)) && A instanceof HTMLElement)) != null ? T : null;
-  });
-  st(Ce, _e);
-  let ce = h(() => g.value ? !0 : p.value), de = h(() => {
-    var y, k, T;
-    return (T = Array.from((k = (y = f.value) == null ? void 0 : y.querySelectorAll("[data-headlessui-portal]")) != null ? k : []).find((A) => A.contains(M(B)) && A instanceof HTMLElement)) != null ? T : null;
-  });
-  st(de, ce), Bn({ type: "Dialog", enabled: h(() => c.value === 0), element: d, onUpdate: (y, k) => {
-    if (k === "Dialog")
-      return ee(y, { [Ue.Add]: () => s.value += 1, [Ue.Remove]: () => s.value -= 1 });
-  } });
-  let pe = Nn({ name: "DialogDescription", slot: h(() => ({ open: u.value })) }), b = w(null), V = { titleId: b, panelRef: w(null), dialogState: c, setTitleId(y) {
-    b.value !== y && (b.value = y);
-  }, close() {
-    t("close", !1);
-  } };
-  le(qe, V);
-  let re = h(() => !(!p.value || g.value));
-  Cn(E, (y, k) => {
-    V.close(), ct(() => k == null ? void 0 : k.focus());
-  }, re);
-  let Ee = h(() => !(g.value || c.value !== 0));
-  Mt((l = f.value) == null ? void 0 : l.defaultView, "keydown", (y) => {
-    Ee.value && (y.defaultPrevented || y.key === kt.Escape && (y.preventDefault(), y.stopPropagation(), V.close()));
-  });
-  let ne = h(() => !(ue.value || c.value !== 0 || v));
-  return Kn(f, ne, (y) => {
-    var k;
-    return { containers: [...(k = y.containers) != null ? k : [], E] };
-  }), te((y) => {
-    if (c.value !== 0)
-      return;
-    let k = M(d);
-    if (!k)
-      return;
-    let T = new ResizeObserver((A) => {
-      for (let D of A) {
-        let F = D.target.getBoundingClientRect();
-        F.x === 0 && F.y === 0 && F.width === 0 && F.height === 0 && V.close();
-      }
-    });
-    T.observe(k), y(() => T.disconnect());
-  }), () => {
-    let { id: y, open: k, initialFocus: T, ...A } = e, D = { ...r, ref: d, id: y, role: "dialog", "aria-modal": c.value === 0 ? !0 : void 0, "aria-labelledby": b.value, "aria-describedby": pe.value }, F = { open: c.value === 0 };
-    return P(We, { force: !0 }, () => [P(Ot, () => P(Rn, { target: d.value }, () => P(We, { force: !1 }, () => P(ge, { initialFocus: T, containers: E, features: p.value ? ee(ke.value, { parent: ge.features.RestoreFocus, leaf: ge.features.All & ~ge.features.FocusLock }) : ge.features.None }, () => P(L, {}, () => R({ ourProps: D, theirProps: { ...A, ...r }, slot: F, attrs: r, slots: n, visible: c.value === 0, features: Ie.RenderStrategy | Ie.Static, name: "Dialog" })))))), P(H)]);
-  };
-} });
-C({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${se()}` } }, setup(e, { attrs: t, slots: r }) {
-  let n = Se("DialogOverlay");
-  function o(l) {
-    l.target === l.currentTarget && (l.preventDefault(), l.stopPropagation(), n.close());
-  }
-  return () => {
-    let { id: l, ...a } = e;
-    return R({ ourProps: { id: l, "aria-hidden": !0, onClick: o }, theirProps: a, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: r, name: "DialogOverlay" });
-  };
-} });
-C({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${se()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: r, expose: n }) {
-  let o = Se("DialogBackdrop"), l = w(null);
-  return n({ el: l, $el: l }), $(() => {
-    if (o.panelRef.value === null)
-      throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
-  }), () => {
-    let { id: a, ...s } = e, i = { id: a, ref: l, "aria-hidden": !0 };
-    return P(We, { force: !0 }, () => P(Ot, () => R({ ourProps: i, theirProps: { ...t, ...s }, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: r, name: "DialogBackdrop" })));
-  };
-} });
-let Jn = C({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${se()}` } }, setup(e, { attrs: t, slots: r, expose: n }) {
-  let o = Se("DialogPanel");
-  n({ el: o.panelRef, $el: o.panelRef });
-  function l(a) {
-    a.stopPropagation();
-  }
-  return () => {
-    let { id: a, ...s } = e, i = { id: a, ref: o.panelRef, onClick: l };
-    return R({ ourProps: i, theirProps: s, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: r, name: "DialogPanel" });
-  };
-} }), Qn = C({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${se()}` } }, setup(e, { attrs: t, slots: r }) {
-  let n = Se("DialogTitle");
-  return $(() => {
-    n.setTitleId(e.id), I(() => n.setTitleId(null));
-  }), () => {
-    let { id: o, ...l } = e;
-    return R({ ourProps: { id: o }, theirProps: l, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: r, name: "DialogTitle" });
-  };
-} }), eo = In;
-const to = { class: "scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh] w-[100dvw] bg-backdrop p-5 opacity-0" }, xo = () => Ke({
+}), $e = { class: "scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh] w-[100dvw] bg-backdrop p-5 opacity-0" }, Ge = () => T({
   open: !1,
   show() {
     this.open = !0;
@@ -3500,7 +289,7 @@ const to = { class: "scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh]
   hide() {
     this.open = !1;
   }
-}), ro = /* @__PURE__ */ C({
+}), Ie = /* @__PURE__ */ p({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -3510,8 +299,8 @@ const to = { class: "scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh]
     size: { default: "md" },
     variant: {}
   },
-  setup(e) {
-    const t = Xe({
+  setup(a) {
+    const e = B({
       base: [
         "scalar-modal",
         "col relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left leading-snug text-fore-1 opacity-0"
@@ -3529,38 +318,38 @@ const to = { class: "scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh]
         }
       }
     });
-    return (r, n) => (O(), xe(_(Yn), {
-      open: r.state.open,
-      onClose: n[0] || (n[0] = (o) => r.state.hide())
+    return (t, n) => (s(), w(l(Q), {
+      open: t.state.open,
+      onClose: n[0] || (n[0] = (o) => t.state.hide())
     }, {
-      default: he(() => [
-        ye("div", to, [
-          $e(_(Jn), {
-            class: j(_(t)({ size: r.size, variant: r.variant })),
-            style: dt({ maxWidth: r.maxWidth })
+      default: f(() => [
+        b("div", $e, [
+          y(l(X), {
+            class: i(l(e)({ size: t.size, variant: t.variant })),
+            style: V({ maxWidth: t.maxWidth })
           }, {
-            default: he(() => [
-              r.title ? (O(), xe(_(Qn), {
+            default: f(() => [
+              t.title ? (s(), w(l(Y), {
                 key: 0,
-                class: j(["scalar-modal-header m-0 rounded-lg px-6 py-3 text-left text-xs font-semiBold text-fore-1", { "pb-0 pt-6": r.variant === "history" }])
+                class: i(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": t.variant === "history" }])
               }, {
-                default: he(() => [
-                  Wt(De(r.title), 1)
+                default: f(() => [
+                  E(C(t.title), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : J("", !0),
-              $e(_(eo), {
-                class: j([
+              }, 8, ["class"])) : m("", !0),
+              y(l(ee), {
+                class: i([
                   "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 py-6 pb-4 pt-3",
-                  _(oe)(
-                    r.bodyClass,
-                    r.variant === "history" && "pt-3",
-                    r.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
+                  l(g)(
+                    t.bodyClass,
+                    t.variant === "history" && "pt-3",
+                    t.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
                   )
                 ])
               }, {
-                default: he(() => [
-                  Oe(r.$slots, "default", {}, void 0, !0)
+                default: f(() => [
+                  x(t.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["class"])
@@ -3573,72 +362,7 @@ const to = { class: "scalar-modal-layout fixed left-0 top-0 z-[1001] h-[100dvh]
     }, 8, ["open"]));
   }
 });
-const no = /* @__PURE__ */ Ye(ro, [["__scopeId", "data-v-63be7b4d"]]);
-function oo(e) {
-  return Gt() ? (Ut(e), !0) : !1;
-}
-function Rt(e) {
-  return typeof e == "function" ? e() : _(e);
-}
-const lo = typeof window < "u" && typeof document < "u";
-function it(e) {
-  var t;
-  const r = Rt(e);
-  return (t = r == null ? void 0 : r.$el) != null ? t : r;
-}
-const ao = lo ? window : void 0;
-function so() {
-  const e = w(!1);
-  return qt() && $(() => {
-    e.value = !0;
-  }), e;
-}
-function io(e) {
-  const t = so();
-  return h(() => (t.value, !!e()));
-}
-function uo(e, t, r = {}) {
-  const { window: n = ao, ...o } = r;
-  let l;
-  const a = io(() => n && "ResizeObserver" in n), s = () => {
-    l && (l.disconnect(), l = void 0);
-  }, i = h(
-    () => Array.isArray(e) ? e.map((f) => it(f)) : [it(e)]
-  ), u = Q(
-    i,
-    (f) => {
-      if (s(), a.value && n) {
-        l = new ResizeObserver(t);
-        for (const c of f)
-          c && l.observe(c, o);
-      }
-    },
-    { immediate: !0, flush: "post", deep: !0 }
-  ), d = () => {
-    s(), u();
-  };
-  return oo(d), {
-    isSupported: a,
-    stop: d
-  };
-}
-function co(e) {
-  const t = w(e == null ? void 0 : e.element), r = w(e == null ? void 0 : e.input), n = w(1);
-  function o() {
-    var l, a;
-    if (!t.value)
-      return;
-    let s = "";
-    t.value.style.height = "1px", n.value = (l = t.value) == null ? void 0 : l.scrollHeight, e != null && e.styleTarget ? Rt(e.styleTarget).style.height = `${n.value}px` : s = `${n.value}px`, t.value.style.height = s, (a = e == null ? void 0 : e.onResize) == null || a.call(e);
-  }
-  return Q([r, t], () => ct(o), { immediate: !0 }), uo(t, () => o()), e != null && e.watch && Q(e.watch, o, { immediate: !0, deep: !0 }), {
-    textarea: t,
-    input: r,
-    triggerResize: o
-  };
-}
-let po = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((t, r) => (r &= 63, r < 36 ? t += r.toString(36) : r < 62 ? t += (r - 26).toString(36).toUpperCase() : r > 62 ? t += "-" : t += "_", t), "");
-const fo = { class: "scalar-input-container relative" }, vo = ["for"], go = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, mo = /* @__PURE__ */ C({
+const De = /* @__PURE__ */ z(Ie, [["__scopeId", "data-v-4ee157b1"]]), Oe = { class: "scalar-input-container relative" }, Ae = ["for"], je = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, He = /* @__PURE__ */ p({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
@@ -3654,8 +378,8 @@ const fo = { class: "scalar-input-container relative" }, vo = ["for"], go = { cl
     disableTrim: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(e, { emit: t }) {
-    const r = e, n = Xe({
+  setup(a, { emit: e }) {
+    const t = a, n = B({
       base: "scalar-input-wrapper relative flex items-center rounded border border-border",
       variants: {
         focus: {
@@ -3663,95 +387,153 @@ const fo = { class: "scalar-input-container relative" }, vo = ["for"], go = { cl
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), o = Kt(), l = o.id || `id-${po()}`, a = w(), s = w(!1);
-    let i;
-    if (r.isMultiline) {
-      const { triggerResize: c } = co({
-        element: a,
-        input: r.modelValue
+    }), o = R(), d = o.id || `id-${ae()}`, v = L(), h = L(!1);
+    let _;
+    if (t.isMultiline) {
+      const { triggerResize: r } = te({
+        element: v,
+        input: t.modelValue
       });
-      i = c;
+      _ = r;
     }
-    function u(c) {
-      const p = c.target.value;
-      r.isMultiline && i(), r.handleFieldChange ? r.handleFieldChange(p) : t("update:modelValue", p);
+    function O(r) {
+      const c = r.target.value;
+      t.isMultiline && _(), t.handleFieldChange ? t.handleFieldChange(c) : e("update:modelValue", c);
     }
-    function d(c) {
-      const p = c.target, g = r.disableTrim || r.isMultiline ? p.value : p.value.trim();
-      r.handleFieldSubmit ? r.handleFieldSubmit(g) : t("submit", g);
+    function M(r) {
+      const c = r.target, k = t.disableTrim || t.isMultiline ? c.value : c.value.trim();
+      t.handleFieldSubmit ? t.handleFieldSubmit(k) : e("submit", k);
     }
-    function f(c) {
-      s.value = !1, r.emitOnBlur && r.modelValue && d(c);
+    function A(r) {
+      h.value = !1, t.emitOnBlur && t.modelValue && M(r);
     }
-    return $(() => {
-      var c;
-      Object.prototype.hasOwnProperty.call(o, "autofocus") && ((c = a.value) == null || c.focus());
-    }), (c, p) => (O(), q("div", fo, [
-      ye("div", {
-        class: j(_(n)({ error: c.error, focus: s.value }))
+    return N(() => {
+      var r;
+      Object.prototype.hasOwnProperty.call(o, "autofocus") && ((r = v.value) == null || r.focus());
+    }), (r, c) => (s(), u("div", Oe, [
+      b("div", {
+        class: i(l(n)({ error: r.error, focus: h.value }))
       }, [
-        c.label ? (O(), q("label", {
-          key: 0,
-          class: j(
-            _(oe)(
-              "scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs",
-              "shadow-current peer z-10 origin-top-left rounded text-fore-3 transition-transform"
-            )
-          ),
-          for: _(l),
-          style: dt({
-            "box-shadow": `0 0 4px 4px ${c.labelShadowColor}`,
-            "background-color": c.labelShadowColor
-          })
-        }, De(c.label), 15, vo)) : J("", !0),
-        (O(), xe(Zt(c.isMultiline ? "textarea" : "input"), Xt({ id: _(l) }, c.$attrs, {
+        (s(), w(K(r.isMultiline ? "textarea" : "input"), U({ id: l(d) }, r.$attrs, {
           ref_key: "input",
-          ref: a,
+          ref: v,
           class: [
             "scalar-input",
-            _(oe)(
-              { "min-h-[77px]": c.isMultiline },
+            l(g)(
+              { "min-h-[77px]": r.isMultiline },
               "z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1",
-              "outline-none transition-opacity peer-[]:opacity-0"
+              "outline-none transition-opacity"
             )
           ],
-          placeholder: c.placeholder,
-          value: c.modelValue,
-          onBlur: f,
-          onFocus: p[0] || (p[0] = (g) => s.value = !0),
-          onInput: u,
-          onKeyup: Yt(d, ["enter"])
+          placeholder: r.placeholder,
+          value: r.modelValue,
+          onBlur: A,
+          onFocus: c[0] || (c[0] = (k) => h.value = !0),
+          onInput: O,
+          onKeyup: q(M, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value", "onKeyup"])),
-        ye("div", go, [
-          Oe(c.$slots, "default", {}, void 0, !0)
+        r.label ? (s(), u("label", {
+          key: 0,
+          class: i(
+            l(g)(
+              "scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs",
+              "shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform"
+            )
+          ),
+          for: l(d),
+          style: V({
+            "box-shadow": `0 0 4px 4px ${r.labelShadowColor}`,
+            "background-color": r.labelShadowColor
+          })
+        }, C(r.label), 15, Ae)) : m("", !0),
+        b("div", je, [
+          x(r.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
-      ye("span", {
-        class: j(
-          _(oe)(
+      b("span", {
+        class: i(
+          l(g)(
             "helper-text mt-1.5 flex items-center text-xs text-error before:rounded-full before:font-black",
             "before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4",
             "before:bg-error before:text-white before:content-['!'] empty:hidden"
           )
         )
-      }, De(c.helperText), 3)
+      }, C(r.helperText), 3)
     ]));
   }
 });
-const ho = /* @__PURE__ */ Ye(mo, [["__scopeId", "data-v-36fafda8"]]);
-const So = {
-  install: (e) => {
-    e.component("ScalarButton", wt), e.component("ScalarIcon", yt), e.component("ScalarIconButton", an), e.component("ScalarLoading", bt), e.component("ScalarModal", no), e.component("ScalarTextField", ho);
+const Pe = /* @__PURE__ */ z(He, [["__scopeId", "data-v-8e18f760"]]);
+const Je = {
+  boxShadow: {
+    DEFAULT: "var(--theme-shadow-1, var(--default-theme-shadow-1))",
+    md: "var(--theme-shadow-2, var(--default-theme-shadow-2))",
+    sm: "rgba(0, 0, 0, 0.09) 0px 1px 4px",
+    none: "0 0 #0000"
+  },
+  colors: {
+    "fore-1": "var(--theme-color-1, var(--default-theme-color-1))",
+    "fore-2": "var(--theme-color-2, var(--default-theme-color-2))",
+    "fore-3": "var(--theme-color-3, var(--default-theme-color-3))",
+    accent: "var(--theme-color-accent, var(--default-theme-color-accent))",
+    "back-1": "var(--theme-background-1, var(--default-theme-background-1))",
+    "back-2": "var(--theme-background-2, var(--default-theme-background-2))",
+    "back-3": "var(--theme-background-3, var(--default-theme-background-3))",
+    "back-accent": "var(--theme-background-accent, var(--default-theme-background-accent))",
+    backdrop: "rgba(0, 0, 0, 0.44)",
+    border: "var(--theme-border-color, var(--default-theme-border-color))",
+    "back-btn-1": "var(--theme-button-1, var(--default-theme-button-1))",
+    "fore-btn-1": "var(--theme-button-1-color, var(--default-theme-button-1-color))",
+    "hover-btn-1": "var(--theme-button-1-hover, var(--default-theme-button-1-hover))",
+    white: "#FFF",
+    green: "var(--theme-color-green, var(--default-theme-color-green))",
+    red: "var(--theme-color-red, var(--default-theme-color-red))",
+    yellow: "var(--theme-color-yellow, var(--default-theme-color-yellow))",
+    blue: "var(--theme-color-blue, var(--default-theme-color-blue))",
+    orange: "var(--theme-color-orange, var(--default-theme-color-orange))",
+    purple: "var(--theme-color-purple, var(--default-theme-color-purple))",
+    error: "var(--theme-error-color, var(--default-theme-color-red))",
+    ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))",
+    transparent: "transparent"
+  },
+  fontSize: {
+    xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))",
+    xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))",
+    sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))",
+    base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))",
+    lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))"
+  }
+}, Qe = {
+  borderRadius: {
+    DEFAULT: "var(--theme-radius, var(--default-theme-radius))",
+    md: "var(--theme-radius, var(--default-theme-radius))",
+    lg: "var(--theme-radius-lg, var(--default-theme-radius-lg))",
+    xl: "var(--theme-radius-xl, var(--default-theme-radius-xl))"
+  },
+  fontWeight: {
+    medium: "var(--theme-font-medium, var(--default-theme-font-medium))",
+    bold: "var(-theme-font-bold, var(--default-theme-font-bold))"
+  },
+  maxWidth: {
+    "screen-xs": "480px",
+    "screen-sm": "540px",
+    "screen-md": "640px",
+    "screen-lg": "800px"
+  }
+}, Xe = {
+  install: (a) => {
+    a.component("ScalarButton", I), a.component("ScalarIcon", D), a.component("ScalarIconButton", Ve), a.component("ScalarLoading", $), a.component("ScalarModal", De), a.component("ScalarTextField", Pe);
   }
 };
 export {
-  wt as ScalarButton,
-  yt as ScalarIcon,
-  an as ScalarIconButton,
-  bt as ScalarLoading,
-  no as ScalarModal,
-  ho as ScalarTextField,
-  So as default,
-  yo as useLoadingState,
-  xo as useModal
+  I as ScalarButton,
+  D as ScalarIcon,
+  Ve as ScalarIconButton,
+  $ as ScalarLoading,
+  De as ScalarModal,
+  Pe as ScalarTextField,
+  Xe as default,
+  Qe as extend,
+  Je as theme,
+  qe as useLoadingState,
+  Ge as useModal
 };