@squirrel-cloud/ui-vue 0.2.4 → 0.2.6

package/dist/squirrel-cloud-ui-vue.js

@@ -1,21 +1,21 @@
-import { createElementBlock as T, openBlock as R, createElementVNode as J, defineComponent as M, computed as w, normalizeClass as D, createVNode as Xt, unref as H, withCtx as dt, createBlock as Q, createCommentVNode as st, renderSlot as _, resolveDynamicComponent as bt, useSlots as Ut, toDisplayString as le, mergeModels as St, useModel as Yt, useTemplateRef as ce, withDirectives as Kt, vModelText as ae, ref as nt, shallowRef as Ct, watch as wt, getCurrentScope as ue, onScopeDispose as fe, shallowReadonly as Y, onBeforeUnmount as de, Fragment as pe, withModifiers as qt, normalizeStyle as ct, Teleport as me, Transition as he, vShow as ge } from "vue";
-const ve = (t, e) => {
+import { createElementBlock as C, openBlock as b, createElementVNode as q, defineComponent as B, inject as ae, computed as v, normalizeClass as T, createVNode as Ut, unref as X, withCtx as pt, createBlock as U, createCommentVNode as V, renderSlot as $, resolveDynamicComponent as at, provide as ue, ref as Q, toRef as xt, useSlots as Yt, toDisplayString as _t, mergeModels as Rt, useModel as Gt, useTemplateRef as fe, withDirectives as Kt, vModelText as de, shallowRef as Ct, watch as bt, getCurrentScope as pe, onScopeDispose as me, shallowReadonly as J, onBeforeUnmount as he, Fragment as ge, normalizeStyle as it, Teleport as ve, Transition as ye, withModifiers as we, vShow as xe } from "vue";
+const be = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, ye = {}, we = {
+}, Se = {}, _e = {
   class: "sq-icon is-loading",
   "data-icon": "loading"
 };
-function xe(t, e) {
-  return R(), T("span", we, e[0] || (e[0] = [
-    J("svg", {
+function Re(t, e) {
+  return b(), C("span", _e, e[0] || (e[0] = [
+    q("svg", {
       viewBox: "0 0 48 48",
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      J("circle", {
+      q("circle", {
         cx: "24",
         cy: "24",
         r: "20"
@@ -23,8 +23,8 @@ function xe(t, e) {
     ], -1)
   ]));
 }
-const be = /* @__PURE__ */ ve(ye, [["render", xe]]), Se = ["disabled"], On = /* @__PURE__ */ M({
-  __name: "SqButton",
+const Ce = /* @__PURE__ */ be(Se, [["render", Re]]), Jt = Symbol("button-group-context-keys"), $e = ["disabled"], qn = /* @__PURE__ */ B({
+  __name: "button",
   props: {
     type: {},
     round: { type: Boolean },
@@ -35,62 +35,91 @@ const be = /* @__PURE__ */ ve(ye, [["render", xe]]), Se = ["disabled"], On = /*
     size: { default: "md" }
   },
   setup(t) {
-    const e = t, n = w(() => {
-      const i = [];
-      return e.size !== "md" && i.push(`sq-button--${e.size}`), e.type && i.push(`is-${e.type}`), e.round && i.push("is-round"), e.text && i.push("is-text"), i;
-    }), o = w(() => e.loading ? be : e.icon), s = w(() => e.loading || e.disabled);
-    return (i, r) => (R(), T("button", {
-      class: D(["sq-button", n.value]),
-      disabled: s.value
+    const e = ae(Jt, void 0), n = t, o = v(() => {
+      const c = [], u = r.value, d = l.value, m = a.value;
+      return u !== "md" && c.push(`sq-button--${u}`), d && c.push(`is-${d}`), m && c.push("is-round"), !(e != null && e.value) && n.text && c.push("is-text"), c;
+    }), s = v(() => n.loading ? Ce : n.icon), i = v(() => n.loading || n.disabled), r = v(() => {
+      var c;
+      return ((c = e == null ? void 0 : e.value) == null ? void 0 : c.size) ?? n.size;
+    }), l = v(() => {
+      var c;
+      return ((c = e == null ? void 0 : e.value) == null ? void 0 : c.type) ?? n.type;
+    }), a = v(() => {
+      var c;
+      return ((c = e == null ? void 0 : e.value) == null ? void 0 : c.round) ?? n.round;
+    });
+    return (c, u) => (b(), C("button", {
+      class: T(["sq-button", o.value]),
+      disabled: i.value
     }, [
-      Xt(H(kt), {
-        size: e.size
+      Ut(X(zt), {
+        size: n.size
       }, {
-        default: dt(() => [
-          o.value ? (R(), Q(bt(o.value), { key: 0 })) : st("", !0),
-          _(i.$slots, "default")
+        default: pt(() => [
+          s.value ? (b(), U(at(s.value), { key: 0 })) : V("", !0),
+          $(c.$slots, "default")
         ]),
         _: 3
       }, 8, ["size"])
-    ], 10, Se));
+    ], 10, $e));
+  }
+}), Le = { class: "sq-button-group" }, Mn = /* @__PURE__ */ B({
+  __name: "button-group",
+  props: {
+    size: { default: "md" },
+    type: {},
+    round: { type: Boolean }
+  },
+  setup(t) {
+    const e = t;
+    return ue(
+      Jt,
+      Q({
+        size: xt(e, "size"),
+        type: xt(e, "type"),
+        round: xt(e, "round")
+      })
+    ), (n, o) => (b(), C("div", Le, [
+      $(n.$slots, "default")
+    ]));
   }
-}), Ce = { class: "sq-card" }, Re = {
+}), Oe = { class: "sq-card" }, Ae = {
   key: 0,
   class: "sq-card-header"
-}, Le = ["textContent"], Ae = {
+}, Te = ["textContent"], Ee = {
   key: 1,
   class: "sq-card-footer"
-}, Tn = /* @__PURE__ */ M({
-  __name: "SqCard",
+}, Vn = /* @__PURE__ */ B({
+  __name: "card",
   props: {
     title: {},
     decorative: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = Ut(), n = t;
-    return (o, s) => (R(), T("div", Ce, [
-      n.title || H(e).title ? (R(), T("div", Re, [
-        J("h2", {
-          class: D({ "has-decorative": n.decorative }),
-          textContent: le(n.title)
-        }, null, 10, Le),
-        _(o.$slots, "title")
-      ])) : st("", !0),
-      _(o.$slots, "default"),
-      H(e).footer ? (R(), T("div", Ae, [
-        _(o.$slots, "footer")
-      ])) : st("", !0)
+    const e = Yt(), n = t;
+    return (o, s) => (b(), C("section", Oe, [
+      n.title || X(e).title ? (b(), C("div", Ae, [
+        q("h2", {
+          class: T({ "has-decorative": n.decorative }),
+          textContent: _t(n.title)
+        }, null, 10, Te),
+        $(o.$slots, "title")
+      ])) : V("", !0),
+      $(o.$slots, "default"),
+      X(e).footer ? (b(), C("div", Ee, [
+        $(o.$slots, "footer")
+      ])) : V("", !0)
     ]));
   }
-}), Oe = {
+}), ke = {
   key: 0,
   class: "sq-input-prefix"
-}, Te = ["disabled", "readonly"], _e = {
+}, Be = ["disabled", "readonly"], ze = {
   key: 1,
   class: "sq-input-suffix"
-}, _n = /* @__PURE__ */ M({
-  __name: "SqInput",
-  props: /* @__PURE__ */ St({
+}, Fn = /* @__PURE__ */ B({
+  __name: "input",
+  props: /* @__PURE__ */ Rt({
     status: {},
     round: { type: Boolean },
     showStatusIcon: { type: Boolean },
@@ -103,32 +132,32 @@ const be = /* @__PURE__ */ ve(ye, [["render", xe]]), Se = ["disabled"], On = /*
     value: { type: String, default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ St(["focus", "blur", "input", "change"], ["update:value"]),
+  emits: /* @__PURE__ */ Rt(["focus", "blur", "input", "change"], ["update:value"]),
   setup(t, { expose: e, emit: n }) {
-    const o = Ut(), s = n, i = t, r = Yt(t, "value"), l = ce("inputRef"), a = w(() => {
+    const o = Yt(), s = n, i = t, r = Gt(t, "value"), l = fe("inputRef"), a = v(() => {
       const p = [];
       return i.size !== "md" && p.push(`sq-input--${i.size}`), i.status && p.push(`is-${i.status}`), i.round && p.push("is-round"), i.disabled && p.push("is-disabled"), p;
-    }), c = w(() => o.prefix || i.prefixIcon), f = w(() => {
+    }), c = v(() => o.prefix || i.prefixIcon), u = v(() => {
       const p = i.showStatusIcon && i.status;
       return o.suffix || p || i.suffixIcon;
-    }), d = w(() => i.suffixIcon);
+    }), d = v(() => i.suffixIcon);
     function m() {
       var p;
       (p = l.value) == null || p.focus();
     }
-    function u() {
+    function f() {
       var p;
       (p = l.value) == null || p.blur();
     }
-    return e({ focus: m, blur: u }), (p, h) => (R(), T("section", {
-      class: D(["sq-input", a.value])
+    return e({ focus: m, blur: f }), (p, h) => (b(), C("div", {
+      class: T(["sq-input", a.value])
     }, [
-      c.value ? (R(), T("span", Oe, [
-        _(p.$slots, "prefix", {}, () => [
-          (R(), Q(bt(i.prefixIcon)))
+      c.value ? (b(), C("span", ke, [
+        $(p.$slots, "prefix", {}, () => [
+          (b(), U(at(i.prefixIcon)))
         ])
-      ])) : st("", !0),
-      Kt(J("input", {
+      ])) : V("", !0),
+      Kt(q("input", {
         "onUpdate:modelValue": h[0] || (h[0] = (g) => r.value = g),
         class: "sq-input-inner",
         disabled: i.disabled,
@@ -139,85 +168,85 @@ const be = /* @__PURE__ */ ve(ye, [["render", xe]]), Se = ["disabled"], On = /*
         onBlur: h[2] || (h[2] = (g) => s("blur", g)),
         onInput: h[3] || (h[3] = (g) => s("input", g)),
         onChange: h[4] || (h[4] = (g) => s("change", g))
-      }, null, 40, Te), [
-        [ae, r.value]
+      }, null, 40, Be), [
+        [de, r.value]
       ]),
-      f.value ? (R(), T("span", _e, [
-        _(p.$slots, "suffix", {}, () => [
-          (R(), Q(bt(d.value)))
+      u.value ? (b(), C("span", ze, [
+        $(p.$slots, "suffix", {}, () => [
+          (b(), U(at(d.value)))
         ])
-      ])) : st("", !0)
+      ])) : V("", !0)
     ], 2));
   }
-}), Rt = Math.min, K = Math.max, at = Math.round, lt = Math.floor, k = (t) => ({
+}), $t = Math.min, Z = Math.max, ut = Math.round, ct = Math.floor, z = (t) => ({
   x: t,
   y: t
-}), Ee = {
+}), Pe = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, $e = {
+}, De = {
   start: "end",
   end: "start"
 };
-function Ot(t, e) {
+function At(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function Z(t) {
+function et(t) {
   return t.split("-")[0];
 }
-function pt(t) {
+function mt(t) {
   return t.split("-")[1];
 }
-function ke(t) {
+function qe(t) {
   return t === "x" ? "y" : "x";
 }
-function Gt(t) {
+function Qt(t) {
   return t === "y" ? "height" : "width";
 }
-const Be = /* @__PURE__ */ new Set(["top", "bottom"]);
-function W(t) {
-  return Be.has(Z(t)) ? "y" : "x";
+const Me = /* @__PURE__ */ new Set(["top", "bottom"]);
+function j(t) {
+  return Me.has(et(t)) ? "y" : "x";
 }
-function Jt(t) {
-  return ke(W(t));
+function Zt(t) {
+  return qe(j(t));
 }
-function Pe(t, e, n) {
+function Ve(t, e, n) {
   n === void 0 && (n = !1);
-  const o = pt(t), s = Jt(t), i = Gt(s);
+  const o = mt(t), s = Zt(t), i = Qt(s);
   let r = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[i] > e.floating[i] && (r = ut(r)), [r, ut(r)];
+  return e.reference[i] > e.floating[i] && (r = ft(r)), [r, ft(r)];
 }
-function De(t) {
-  const e = ut(t);
+function Fe(t) {
+  const e = ft(t);
   return [Lt(t), e, Lt(e)];
 }
 function Lt(t) {
-  return t.replace(/start|end/g, (e) => $e[e]);
+  return t.replace(/start|end/g, (e) => De[e]);
 }
-const zt = ["left", "right"], Mt = ["right", "left"], qe = ["top", "bottom"], ze = ["bottom", "top"];
-function Me(t, e, n) {
+const Mt = ["left", "right"], Vt = ["right", "left"], Ne = ["top", "bottom"], Ie = ["bottom", "top"];
+function We(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? Mt : zt : e ? zt : Mt;
+      return n ? e ? Vt : Mt : e ? Mt : Vt;
     case "left":
     case "right":
-      return e ? qe : ze;
+      return e ? Ne : Ie;
     default:
       return [];
   }
 }
-function Ve(t, e, n, o) {
-  const s = pt(t);
-  let i = Me(Z(t), n === "start", o);
+function He(t, e, n, o) {
+  const s = mt(t);
+  let i = We(et(t), n === "start", o);
   return s && (i = i.map((r) => r + "-" + s), e && (i = i.concat(i.map(Lt)))), i;
 }
-function ut(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Ee[e]);
+function ft(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Pe[e]);
 }
-function Fe(t) {
+function je(t) {
   return {
     top: 0,
     right: 0,
@@ -226,15 +255,15 @@ function Fe(t) {
     ...t
   };
 }
-function Ne(t) {
-  return typeof t != "number" ? Fe(t) : {
+function Xe(t) {
+  return typeof t != "number" ? je(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function ft(t) {
+function dt(t) {
   const {
     x: e,
     y: n,
@@ -252,55 +281,55 @@ function ft(t) {
     y: n
   };
 }
-function Vt(t, e, n) {
+function Ft(t, e, n) {
   let {
     reference: o,
     floating: s
   } = t;
-  const i = W(e), r = Jt(e), l = Gt(r), a = Z(e), c = i === "y", f = o.x + o.width / 2 - s.width / 2, d = o.y + o.height / 2 - s.height / 2, m = o[l] / 2 - s[l] / 2;
-  let u;
+  const i = j(e), r = Zt(e), l = Qt(r), a = et(e), c = i === "y", u = o.x + o.width / 2 - s.width / 2, d = o.y + o.height / 2 - s.height / 2, m = o[l] / 2 - s[l] / 2;
+  let f;
   switch (a) {
     case "top":
-      u = {
-        x: f,
+      f = {
+        x: u,
         y: o.y - s.height
       };
       break;
     case "bottom":
-      u = {
-        x: f,
+      f = {
+        x: u,
         y: o.y + o.height
       };
       break;
     case "right":
-      u = {
+      f = {
         x: o.x + o.width,
         y: d
       };
       break;
     case "left":
-      u = {
+      f = {
         x: o.x - s.width,
         y: d
       };
       break;
     default:
-      u = {
+      f = {
         x: o.x,
         y: o.y
       };
   }
-  switch (pt(e)) {
+  switch (mt(e)) {
     case "start":
-      u[r] -= m * (n && c ? -1 : 1);
+      f[r] -= m * (n && c ? -1 : 1);
       break;
     case "end":
-      u[r] += m * (n && c ? -1 : 1);
+      f[r] += m * (n && c ? -1 : 1);
       break;
   }
-  return u;
+  return f;
 }
-const Ie = async (t, e, n) => {
+const Ue = async (t, e, n) => {
   const {
     placement: o = "bottom",
     strategy: s = "absolute",
@@ -312,25 +341,25 @@ const Ie = async (t, e, n) => {
     floating: e,
     strategy: s
   }), {
-    x: f,
+    x: u,
     y: d
-  } = Vt(c, o, a), m = o, u = {}, p = 0;
+  } = Ft(c, o, a), m = o, f = {}, p = 0;
   for (let h = 0; h < l.length; h++) {
     const {
       name: g,
-      fn: v
+      fn: y
     } = l[h], {
-      x: y,
-      y: b,
-      data: C,
-      reset: S
-    } = await v({
-      x: f,
+      x: w,
+      y: S,
+      data: R,
+      reset: _
+    } = await y({
+      x: u,
       y: d,
       initialPlacement: o,
       placement: m,
       strategy: s,
-      middlewareData: u,
+      middlewareData: f,
       rects: c,
       platform: r,
       elements: {
@@ -338,30 +367,30 @@ const Ie = async (t, e, n) => {
         floating: e
       }
     });
-    f = y ?? f, d = b ?? d, u = {
-      ...u,
+    u = w ?? u, d = S ?? d, f = {
+      ...f,
       [g]: {
-        ...u[g],
-        ...C
+        ...f[g],
+        ...R
       }
-    }, S && p <= 50 && (p++, typeof S == "object" && (S.placement && (m = S.placement), S.rects && (c = S.rects === !0 ? await r.getElementRects({
+    }, _ && p <= 50 && (p++, typeof _ == "object" && (_.placement && (m = _.placement), _.rects && (c = _.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: s
-    }) : S.rects), {
-      x: f,
+    }) : _.rects), {
+      x: u,
       y: d
-    } = Vt(c, m, a)), h = -1);
+    } = Ft(c, m, a)), h = -1);
   }
   return {
-    x: f,
+    x: u,
     y: d,
     placement: m,
     strategy: s,
-    middlewareData: u
+    middlewareData: f
   };
 };
-async function We(t, e) {
+async function Ye(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -373,40 +402,40 @@ async function We(t, e) {
     strategy: a
   } = t, {
     boundary: c = "clippingAncestors",
-    rootBoundary: f = "viewport",
+    rootBoundary: u = "viewport",
     elementContext: d = "floating",
     altBoundary: m = !1,
-    padding: u = 0
-  } = Ot(e, t), p = Ne(u), g = l[m ? d === "floating" ? "reference" : "floating" : d], v = ft(await i.getClippingRect({
+    padding: f = 0
+  } = At(e, t), p = Xe(f), g = l[m ? d === "floating" ? "reference" : "floating" : d], y = dt(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(g))) == null || n ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
     boundary: c,
-    rootBoundary: f,
+    rootBoundary: u,
     strategy: a
-  })), y = d === "floating" ? {
+  })), w = d === "floating" ? {
     x: o,
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), C = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+  } : r.reference, S = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), R = await (i.isElement == null ? void 0 : i.isElement(S)) ? await (i.getScale == null ? void 0 : i.getScale(S)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, S = ft(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, _ = dt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: y,
-    offsetParent: b,
+    rect: w,
+    offsetParent: S,
     strategy: a
-  }) : y);
+  }) : w);
   return {
-    top: (v.top - S.top + p.top) / C.y,
-    bottom: (S.bottom - v.bottom + p.bottom) / C.y,
-    left: (v.left - S.left + p.left) / C.x,
-    right: (S.right - v.right + p.right) / C.x
+    top: (y.top - _.top + p.top) / R.y,
+    bottom: (_.bottom - y.bottom + p.bottom) / R.y,
+    left: (y.left - _.left + p.left) / R.x,
+    right: (_.right - y.right + p.right) / R.x
   };
 }
-const He = function(t) {
+const Ge = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -420,83 +449,83 @@ const He = function(t) {
         platform: a,
         elements: c
       } = e, {
-        mainAxis: f = !0,
+        mainAxis: u = !0,
         crossAxis: d = !0,
         fallbackPlacements: m,
-        fallbackStrategy: u = "bestFit",
+        fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: h = !0,
         ...g
-      } = Ot(t, e);
+      } = At(t, e);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const v = Z(s), y = W(l), b = Z(l) === l, C = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), S = m || (b || !h ? [ut(l)] : De(l)), V = p !== "none";
-      !m && V && S.push(...Ve(l, h, p, C));
-      const x = [l, ...S], A = await We(e, g), F = [];
-      let U = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (f && F.push(A[v]), d) {
-        const N = Pe(s, r, C);
-        F.push(A[N[0]], A[N[1]]);
+      const y = et(s), w = j(l), S = et(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), _ = m || (S || !h ? [ft(l)] : Fe(l)), N = p !== "none";
+      !m && N && _.push(...He(l, h, p, R));
+      const x = [l, ..._], O = await Ye(e, g), I = [];
+      let K = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && I.push(O[y]), d) {
+        const W = Ve(s, r, R);
+        I.push(O[W[0]], O[W[1]]);
       }
-      if (U = [...U, {
+      if (K = [...K, {
         placement: s,
-        overflows: F
-      }], !F.every((N) => N <= 0)) {
-        var Bt, Pt;
-        const N = (((Bt = i.flip) == null ? void 0 : Bt.index) || 0) + 1, yt = x[N];
-        if (yt && (!(d === "alignment" ? y !== W(yt) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: I
+      }], !I.every((W) => W <= 0)) {
+        var Pt, Dt;
+        const W = (((Pt = i.flip) == null ? void 0 : Pt.index) || 0) + 1, wt = x[W];
+        if (wt && (!(d === "alignment" ? w !== j(wt) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        U.every((O) => W(O.placement) === y ? O.overflows[0] > 0 : !0)))
+        K.every((A) => j(A.placement) === w ? A.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: N,
-              overflows: U
+              index: W,
+              overflows: K
             },
             reset: {
-              placement: yt
+              placement: wt
             }
           };
-        let et = (Pt = U.filter((I) => I.overflows[0] <= 0).sort((I, O) => I.overflows[1] - O.overflows[1])[0]) == null ? void 0 : Pt.placement;
-        if (!et)
-          switch (u) {
+        let ot = (Dt = K.filter((H) => H.overflows[0] <= 0).sort((H, A) => H.overflows[1] - A.overflows[1])[0]) == null ? void 0 : Dt.placement;
+        if (!ot)
+          switch (f) {
             case "bestFit": {
-              var Dt;
-              const I = (Dt = U.filter((O) => {
-                if (V) {
-                  const q = W(O.placement);
-                  return q === y || // Create a bias to the `y` side axis due to horizontal
+              var qt;
+              const H = (qt = K.filter((A) => {
+                if (N) {
+                  const M = j(A.placement);
+                  return M === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  q === "y";
+                  M === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((q) => q > 0).reduce((q, re) => q + re, 0)]).sort((O, q) => O[1] - q[1])[0]) == null ? void 0 : Dt[0];
-              I && (et = I);
+              }).map((A) => [A.placement, A.overflows.filter((M) => M > 0).reduce((M, ce) => M + ce, 0)]).sort((A, M) => A[1] - M[1])[0]) == null ? void 0 : qt[0];
+              H && (ot = H);
               break;
             }
             case "initialPlacement":
-              et = l;
+              ot = l;
               break;
           }
-        if (s !== et)
+        if (s !== ot)
           return {
             reset: {
-              placement: et
+              placement: ot
             }
           };
       }
       return {};
     }
   };
-}, je = /* @__PURE__ */ new Set(["left", "top"]);
-async function Xe(t, e) {
+}, Ke = /* @__PURE__ */ new Set(["left", "top"]);
+async function Je(t, e) {
   const {
     placement: n,
     platform: o,
     elements: s
-  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), r = Z(n), l = pt(n), a = W(n) === "y", c = je.has(r) ? -1 : 1, f = i && a ? -1 : 1, d = Ot(e, t);
+  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), r = et(n), l = mt(n), a = j(n) === "y", c = Ke.has(r) ? -1 : 1, u = i && a ? -1 : 1, d = At(e, t);
   let {
     mainAxis: m,
-    crossAxis: u,
+    crossAxis: f,
     alignmentAxis: p
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -507,15 +536,15 @@ async function Xe(t, e) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return l && typeof p == "number" && (u = l === "end" ? p * -1 : p), a ? {
-    x: u * f,
+  return l && typeof p == "number" && (f = l === "end" ? p * -1 : p), a ? {
+    x: f * u,
     y: m * c
   } : {
     x: m * c,
-    y: u * f
+    y: f * u
   };
 }
-const Ue = function(t) {
+const Qe = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -526,7 +555,7 @@ const Ue = function(t) {
         y: i,
         placement: r,
         middlewareData: l
-      } = e, a = await Xe(e, t);
+      } = e, a = await Je(e, t);
       return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
         x: s + a.x,
         y: i + a.y,
@@ -538,49 +567,49 @@ const Ue = function(t) {
     }
   };
 };
-function mt() {
+function ht() {
   return typeof window < "u";
 }
-function X(t) {
+function G(t) {
   return Tt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function L(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function P(t) {
+function D(t) {
   var e;
   return (e = (Tt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function Tt(t) {
-  return mt() ? t instanceof Node || t instanceof L(t).Node : !1;
+  return ht() ? t instanceof Node || t instanceof L(t).Node : !1;
 }
 function E(t) {
-  return mt() ? t instanceof Element || t instanceof L(t).Element : !1;
+  return ht() ? t instanceof Element || t instanceof L(t).Element : !1;
 }
-function B(t) {
-  return mt() ? t instanceof HTMLElement || t instanceof L(t).HTMLElement : !1;
+function P(t) {
+  return ht() ? t instanceof HTMLElement || t instanceof L(t).HTMLElement : !1;
 }
-function Ft(t) {
-  return !mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof L(t).ShadowRoot;
+function Nt(t) {
+  return !ht() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof L(t).ShadowRoot;
 }
-const Ye = /* @__PURE__ */ new Set(["inline", "contents"]);
-function rt(t) {
+const Ze = /* @__PURE__ */ new Set(["inline", "contents"]);
+function lt(t) {
   const {
     overflow: e,
     overflowX: n,
     overflowY: o,
     display: s
-  } = $(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Ye.has(s);
+  } = k(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Ze.has(s);
 }
-const Ke = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ge(t) {
-  return Ke.has(X(t));
+const tn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function en(t) {
+  return tn.has(G(t));
 }
-const Je = [":popover-open", ":modal"];
-function ht(t) {
-  return Je.some((e) => {
+const nn = [":popover-open", ":modal"];
+function gt(t) {
+  return nn.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -588,33 +617,33 @@ function ht(t) {
     }
   });
 }
-const Qe = ["transform", "translate", "scale", "rotate", "perspective"], Ze = ["transform", "translate", "scale", "rotate", "perspective", "filter"], tn = ["paint", "layout", "strict", "content"];
-function _t(t) {
-  const e = Et(), n = E(t) ? $(t) : t;
-  return Qe.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Ze.some((o) => (n.willChange || "").includes(o)) || tn.some((o) => (n.contain || "").includes(o));
+const on = ["transform", "translate", "scale", "rotate", "perspective"], sn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], rn = ["paint", "layout", "strict", "content"];
+function Et(t) {
+  const e = kt(), n = E(t) ? k(t) : t;
+  return on.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || sn.some((o) => (n.willChange || "").includes(o)) || rn.some((o) => (n.contain || "").includes(o));
 }
-function en(t) {
-  let e = z(t);
-  for (; B(e) && !tt(e); ) {
-    if (_t(e))
+function ln(t) {
+  let e = F(t);
+  for (; P(e) && !nt(e); ) {
+    if (Et(e))
       return e;
-    if (ht(e))
+    if (gt(e))
       return null;
-    e = z(e);
+    e = F(e);
   }
   return null;
 }
-function Et() {
+function kt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const nn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function tt(t) {
-  return nn.has(X(t));
+const cn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function nt(t) {
+  return cn.has(G(t));
 }
-function $(t) {
+function k(t) {
   return L(t).getComputedStyle(t);
 }
-function gt(t) {
+function vt(t) {
   return E(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -623,162 +652,162 @@ function gt(t) {
     scrollTop: t.scrollY
   };
 }
-function z(t) {
-  if (X(t) === "html")
+function F(t) {
+  if (G(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    Ft(t) && t.host || // Fallback.
-    P(t)
+    Nt(t) && t.host || // Fallback.
+    D(t)
   );
-  return Ft(e) ? e.host : e;
+  return Nt(e) ? e.host : e;
 }
-function Qt(t) {
-  const e = z(t);
-  return tt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : B(e) && rt(e) ? e : Qt(e);
+function te(t) {
+  const e = F(t);
+  return nt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(e) && lt(e) ? e : te(e);
 }
-function it(t, e, n) {
+function rt(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const s = Qt(t), i = s === ((o = t.ownerDocument) == null ? void 0 : o.body), r = L(s);
+  const s = te(t), i = s === ((o = t.ownerDocument) == null ? void 0 : o.body), r = L(s);
   if (i) {
-    const l = At(r);
-    return e.concat(r, r.visualViewport || [], rt(s) ? s : [], l && n ? it(l) : []);
+    const l = Ot(r);
+    return e.concat(r, r.visualViewport || [], lt(s) ? s : [], l && n ? rt(l) : []);
   }
-  return e.concat(s, it(s, [], n));
+  return e.concat(s, rt(s, [], n));
 }
-function At(t) {
+function Ot(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Zt(t) {
-  const e = $(t);
+function ee(t) {
+  const e = k(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const s = B(t), i = s ? t.offsetWidth : n, r = s ? t.offsetHeight : o, l = at(n) !== i || at(o) !== r;
+  const s = P(t), i = s ? t.offsetWidth : n, r = s ? t.offsetHeight : o, l = ut(n) !== i || ut(o) !== r;
   return l && (n = i, o = r), {
     width: n,
     height: o,
     $: l
   };
 }
-function $t(t) {
+function Bt(t) {
   return E(t) ? t : t.contextElement;
 }
-function G(t) {
-  const e = $t(t);
-  if (!B(e))
-    return k(1);
+function tt(t) {
+  const e = Bt(t);
+  if (!P(e))
+    return z(1);
   const n = e.getBoundingClientRect(), {
     width: o,
     height: s,
     $: i
-  } = Zt(e);
-  let r = (i ? at(n.width) : n.width) / o, l = (i ? at(n.height) : n.height) / s;
+  } = ee(e);
+  let r = (i ? ut(n.width) : n.width) / o, l = (i ? ut(n.height) : n.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const on = /* @__PURE__ */ k(0);
-function te(t) {
+const an = /* @__PURE__ */ z(0);
+function ne(t) {
   const e = L(t);
-  return !Et() || !e.visualViewport ? on : {
+  return !kt() || !e.visualViewport ? an : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function sn(t, e, n) {
+function un(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== L(t) ? !1 : e;
 }
-function j(t, e, n, o) {
+function Y(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const s = t.getBoundingClientRect(), i = $t(t);
-  let r = k(1);
-  e && (o ? E(o) && (r = G(o)) : r = G(t));
-  const l = sn(i, n, o) ? te(i) : k(0);
-  let a = (s.left + l.x) / r.x, c = (s.top + l.y) / r.y, f = s.width / r.x, d = s.height / r.y;
+  const s = t.getBoundingClientRect(), i = Bt(t);
+  let r = z(1);
+  e && (o ? E(o) && (r = tt(o)) : r = tt(t));
+  const l = un(i, n, o) ? ne(i) : z(0);
+  let a = (s.left + l.x) / r.x, c = (s.top + l.y) / r.y, u = s.width / r.x, d = s.height / r.y;
   if (i) {
-    const m = L(i), u = o && E(o) ? L(o) : o;
-    let p = m, h = At(p);
-    for (; h && o && u !== p; ) {
-      const g = G(h), v = h.getBoundingClientRect(), y = $(h), b = v.left + (h.clientLeft + parseFloat(y.paddingLeft)) * g.x, C = v.top + (h.clientTop + parseFloat(y.paddingTop)) * g.y;
-      a *= g.x, c *= g.y, f *= g.x, d *= g.y, a += b, c += C, p = L(h), h = At(p);
+    const m = L(i), f = o && E(o) ? L(o) : o;
+    let p = m, h = Ot(p);
+    for (; h && o && f !== p; ) {
+      const g = tt(h), y = h.getBoundingClientRect(), w = k(h), S = y.left + (h.clientLeft + parseFloat(w.paddingLeft)) * g.x, R = y.top + (h.clientTop + parseFloat(w.paddingTop)) * g.y;
+      a *= g.x, c *= g.y, u *= g.x, d *= g.y, a += S, c += R, p = L(h), h = Ot(p);
     }
   }
-  return ft({
-    width: f,
+  return dt({
+    width: u,
     height: d,
     x: a,
     y: c
   });
 }
-function vt(t, e) {
-  const n = gt(t).scrollLeft;
-  return e ? e.left + n : j(P(t)).left + n;
+function yt(t, e) {
+  const n = vt(t).scrollLeft;
+  return e ? e.left + n : Y(D(t)).left + n;
 }
-function ee(t, e) {
-  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - vt(t, n), s = n.top + e.scrollTop;
+function oe(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - yt(t, n), s = n.top + e.scrollTop;
   return {
     x: o,
     y: s
   };
 }
-function rn(t) {
+function fn(t) {
   let {
     elements: e,
     rect: n,
     offsetParent: o,
     strategy: s
   } = t;
-  const i = s === "fixed", r = P(o), l = e ? ht(e.floating) : !1;
+  const i = s === "fixed", r = D(o), l = e ? gt(e.floating) : !1;
   if (o === r || l && i)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = k(1);
-  const f = k(0), d = B(o);
-  if ((d || !d && !i) && ((X(o) !== "body" || rt(r)) && (a = gt(o)), B(o))) {
-    const u = j(o);
-    c = G(o), f.x = u.x + o.clientLeft, f.y = u.y + o.clientTop;
+  }, c = z(1);
+  const u = z(0), d = P(o);
+  if ((d || !d && !i) && ((G(o) !== "body" || lt(r)) && (a = vt(o)), P(o))) {
+    const f = Y(o);
+    c = tt(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
   }
-  const m = r && !d && !i ? ee(r, a) : k(0);
+  const m = r && !d && !i ? oe(r, a) : z(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - a.scrollLeft * c.x + f.x + m.x,
-    y: n.y * c.y - a.scrollTop * c.y + f.y + m.y
+    x: n.x * c.x - a.scrollLeft * c.x + u.x + m.x,
+    y: n.y * c.y - a.scrollTop * c.y + u.y + m.y
   };
 }
-function ln(t) {
+function dn(t) {
   return Array.from(t.getClientRects());
 }
-function cn(t) {
-  const e = P(t), n = gt(t), o = t.ownerDocument.body, s = K(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = K(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
-  let r = -n.scrollLeft + vt(t);
+function pn(t) {
+  const e = D(t), n = vt(t), o = t.ownerDocument.body, s = Z(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = Z(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + yt(t);
   const l = -n.scrollTop;
-  return $(o).direction === "rtl" && (r += K(e.clientWidth, o.clientWidth) - s), {
+  return k(o).direction === "rtl" && (r += Z(e.clientWidth, o.clientWidth) - s), {
     width: s,
     height: i,
     x: r,
     y: l
   };
 }
-const Nt = 25;
-function an(t, e) {
-  const n = L(t), o = P(t), s = n.visualViewport;
+const It = 25;
+function mn(t, e) {
+  const n = L(t), o = D(t), s = n.visualViewport;
   let i = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
   if (s) {
     i = s.width, r = s.height;
-    const f = Et();
-    (!f || f && e === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
+    const u = kt();
+    (!u || u && e === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
   }
-  const c = vt(o);
+  const c = yt(o);
   if (c <= 0) {
-    const f = o.ownerDocument, d = f.body, m = getComputedStyle(d), u = f.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - u);
-    p <= Nt && (i -= p);
-  } else c <= Nt && (i += c);
+    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
+    p <= It && (i -= p);
+  } else c <= It && (i += c);
   return {
     width: i,
     height: r,
@@ -786,9 +815,9 @@ function an(t, e) {
     y: a
   };
 }
-const un = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function fn(t, e) {
-  const n = j(t, !0, e === "fixed"), o = n.top + t.clientTop, s = n.left + t.clientLeft, i = B(t) ? G(t) : k(1), r = t.clientWidth * i.x, l = t.clientHeight * i.y, a = s * i.x, c = o * i.y;
+const hn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function gn(t, e) {
+  const n = Y(t, !0, e === "fixed"), o = n.top + t.clientTop, s = n.left + t.clientLeft, i = P(t) ? tt(t) : z(1), r = t.clientWidth * i.x, l = t.clientHeight * i.y, a = s * i.x, c = o * i.y;
   return {
     width: r,
     height: l,
@@ -796,16 +825,16 @@ function fn(t, e) {
     y: c
   };
 }
-function It(t, e, n) {
+function Wt(t, e, n) {
   let o;
   if (e === "viewport")
-    o = an(t, n);
+    o = mn(t, n);
   else if (e === "document")
-    o = cn(P(t));
+    o = pn(D(t));
   else if (E(e))
-    o = fn(e, n);
+    o = gn(e, n);
   else {
-    const s = te(t);
+    const s = ne(t);
     o = {
       x: e.x - s.x,
       y: e.y - s.y,
@@ -813,36 +842,36 @@ function It(t, e, n) {
       height: e.height
     };
   }
-  return ft(o);
+  return dt(o);
 }
-function ne(t, e) {
-  const n = z(t);
-  return n === e || !E(n) || tt(n) ? !1 : $(n).position === "fixed" || ne(n, e);
+function se(t, e) {
+  const n = F(t);
+  return n === e || !E(n) || nt(n) ? !1 : k(n).position === "fixed" || se(n, e);
 }
-function dn(t, e) {
+function vn(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = it(t, [], !1).filter((l) => E(l) && X(l) !== "body"), s = null;
-  const i = $(t).position === "fixed";
-  let r = i ? z(t) : t;
-  for (; E(r) && !tt(r); ) {
-    const l = $(r), a = _t(r);
-    !a && l.position === "fixed" && (s = null), (i ? !a && !s : !a && l.position === "static" && !!s && un.has(s.position) || rt(r) && !a && ne(t, r)) ? o = o.filter((f) => f !== r) : s = l, r = z(r);
+  let o = rt(t, [], !1).filter((l) => E(l) && G(l) !== "body"), s = null;
+  const i = k(t).position === "fixed";
+  let r = i ? F(t) : t;
+  for (; E(r) && !nt(r); ) {
+    const l = k(r), a = Et(r);
+    !a && l.position === "fixed" && (s = null), (i ? !a && !s : !a && l.position === "static" && !!s && hn.has(s.position) || lt(r) && !a && se(t, r)) ? o = o.filter((u) => u !== r) : s = l, r = F(r);
   }
   return e.set(t, o), o;
 }
-function pn(t) {
+function yn(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: o,
     strategy: s
   } = t;
-  const r = [...n === "clippingAncestors" ? ht(e) ? [] : dn(e, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, f) => {
-    const d = It(e, f, s);
-    return c.top = K(d.top, c.top), c.right = Rt(d.right, c.right), c.bottom = Rt(d.bottom, c.bottom), c.left = K(d.left, c.left), c;
-  }, It(e, l, s));
+  const r = [...n === "clippingAncestors" ? gt(e) ? [] : vn(e, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, u) => {
+    const d = Wt(e, u, s);
+    return c.top = Z(d.top, c.top), c.right = $t(d.right, c.right), c.bottom = $t(d.bottom, c.bottom), c.left = Z(d.left, c.left), c;
+  }, Wt(e, l, s));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -850,33 +879,33 @@ function pn(t) {
     y: a.top
   };
 }
-function mn(t) {
+function wn(t) {
   const {
     width: e,
     height: n
-  } = Zt(t);
+  } = ee(t);
   return {
     width: e,
     height: n
   };
 }
-function hn(t, e, n) {
-  const o = B(e), s = P(e), i = n === "fixed", r = j(t, !0, i, e);
+function xn(t, e, n) {
+  const o = P(e), s = D(e), i = n === "fixed", r = Y(t, !0, i, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = k(0);
+  const a = z(0);
   function c() {
-    a.x = vt(s);
+    a.x = yt(s);
   }
   if (o || !o && !i)
-    if ((X(e) !== "body" || rt(s)) && (l = gt(e)), o) {
-      const u = j(e, !0, i, e);
-      a.x = u.x + e.clientLeft, a.y = u.y + e.clientTop;
+    if ((G(e) !== "body" || lt(s)) && (l = vt(e)), o) {
+      const f = Y(e, !0, i, e);
+      a.x = f.x + e.clientLeft, a.y = f.y + e.clientTop;
     } else s && c();
   i && !o && s && c();
-  const f = s && !o && !i ? ee(s, l) : k(0), d = r.left + l.scrollLeft - a.x - f.x, m = r.top + l.scrollTop - a.y - f.y;
+  const u = s && !o && !i ? oe(s, l) : z(0), d = r.left + l.scrollLeft - a.x - u.x, m = r.top + l.scrollTop - a.y - u.y;
   return {
     x: d,
     y: m,
@@ -884,39 +913,39 @@ function hn(t, e, n) {
     height: r.height
   };
 }
-function xt(t) {
-  return $(t).position === "static";
+function St(t) {
+  return k(t).position === "static";
 }
-function Wt(t, e) {
-  if (!B(t) || $(t).position === "fixed")
+function Ht(t, e) {
+  if (!P(t) || k(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return P(t) === n && (n = n.ownerDocument.body), n;
+  return D(t) === n && (n = n.ownerDocument.body), n;
 }
-function oe(t, e) {
+function ie(t, e) {
   const n = L(t);
-  if (ht(t))
+  if (gt(t))
     return n;
-  if (!B(t)) {
-    let s = z(t);
-    for (; s && !tt(s); ) {
-      if (E(s) && !xt(s))
+  if (!P(t)) {
+    let s = F(t);
+    for (; s && !nt(s); ) {
+      if (E(s) && !St(s))
         return s;
-      s = z(s);
+      s = F(s);
     }
     return n;
   }
-  let o = Wt(t, e);
-  for (; o && Ge(o) && xt(o); )
-    o = Wt(o, e);
-  return o && tt(o) && xt(o) && !_t(o) ? n : o || en(t) || n;
+  let o = Ht(t, e);
+  for (; o && en(o) && St(o); )
+    o = Ht(o, e);
+  return o && nt(o) && St(o) && !Et(o) ? n : o || ln(t) || n;
 }
-const gn = async function(t) {
-  const e = this.getOffsetParent || oe, n = this.getDimensions, o = await n(t.floating);
+const bn = async function(t) {
+  const e = this.getOffsetParent || ie, n = this.getDimensions, o = await n(t.floating);
   return {
-    reference: hn(t.reference, await e(t.floating), t.strategy),
+    reference: xn(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -925,27 +954,27 @@ const gn = async function(t) {
     }
   };
 };
-function vn(t) {
-  return $(t).direction === "rtl";
-}
-const yn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: rn,
-  getDocumentElement: P,
-  getClippingRect: pn,
-  getOffsetParent: oe,
-  getElementRects: gn,
-  getClientRects: ln,
-  getDimensions: mn,
-  getScale: G,
+function Sn(t) {
+  return k(t).direction === "rtl";
+}
+const _n = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: fn,
+  getDocumentElement: D,
+  getClippingRect: yn,
+  getOffsetParent: ie,
+  getElementRects: bn,
+  getClientRects: dn,
+  getDimensions: wn,
+  getScale: tt,
   isElement: E,
-  isRTL: vn
+  isRTL: Sn
 };
-function se(t, e) {
+function re(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function wn(t, e) {
+function Rn(t, e) {
   let n = null, o;
-  const s = P(t);
+  const s = D(t);
   function i() {
     var l;
     clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
@@ -953,43 +982,43 @@ function wn(t, e) {
   function r(l, a) {
     l === void 0 && (l = !1), a === void 0 && (a = 1), i();
     const c = t.getBoundingClientRect(), {
-      left: f,
+      left: u,
       top: d,
       width: m,
-      height: u
+      height: f
     } = c;
-    if (l || e(), !m || !u)
+    if (l || e(), !m || !f)
       return;
-    const p = lt(d), h = lt(s.clientWidth - (f + m)), g = lt(s.clientHeight - (d + u)), v = lt(f), b = {
-      rootMargin: -p + "px " + -h + "px " + -g + "px " + -v + "px",
-      threshold: K(0, Rt(1, a)) || 1
+    const p = ct(d), h = ct(s.clientWidth - (u + m)), g = ct(s.clientHeight - (d + f)), y = ct(u), S = {
+      rootMargin: -p + "px " + -h + "px " + -g + "px " + -y + "px",
+      threshold: Z(0, $t(1, a)) || 1
     };
-    let C = !0;
-    function S(V) {
-      const x = V[0].intersectionRatio;
+    let R = !0;
+    function _(N) {
+      const x = N[0].intersectionRatio;
       if (x !== a) {
-        if (!C)
+        if (!R)
           return r();
         x ? r(!1, x) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      x === 1 && !se(c, t.getBoundingClientRect()) && r(), C = !1;
+      x === 1 && !re(c, t.getBoundingClientRect()) && r(), R = !1;
     }
     try {
-      n = new IntersectionObserver(S, {
-        ...b,
+      n = new IntersectionObserver(_, {
+        ...S,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(S, b);
+      n = new IntersectionObserver(_, S);
     }
     n.observe(t);
   }
   return r(!0), i;
 }
-function xn(t, e, n, o) {
+function Cn(t, e, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: s = !0,
@@ -997,151 +1026,151 @@ function xn(t, e, n, o) {
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = o, c = $t(t), f = s || i ? [...c ? it(c) : [], ...it(e)] : [];
-  f.forEach((v) => {
-    s && v.addEventListener("scroll", n, {
+  } = o, c = Bt(t), u = s || i ? [...c ? rt(c) : [], ...rt(e)] : [];
+  u.forEach((y) => {
+    s && y.addEventListener("scroll", n, {
       passive: !0
-    }), i && v.addEventListener("resize", n);
+    }), i && y.addEventListener("resize", n);
   });
-  const d = c && l ? wn(c, n) : null;
-  let m = -1, u = null;
-  r && (u = new ResizeObserver((v) => {
-    let [y] = v;
-    y && y.target === c && u && (u.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var b;
-      (b = u) == null || b.observe(e);
+  const d = c && l ? Rn(c, n) : null;
+  let m = -1, f = null;
+  r && (f = new ResizeObserver((y) => {
+    let [w] = y;
+    w && w.target === c && f && (f.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var S;
+      (S = f) == null || S.observe(e);
     })), n();
-  }), c && !a && u.observe(c), u.observe(e));
-  let p, h = a ? j(t) : null;
+  }), c && !a && f.observe(c), f.observe(e));
+  let p, h = a ? Y(t) : null;
   a && g();
   function g() {
-    const v = j(t);
-    h && !se(h, v) && n(), h = v, p = requestAnimationFrame(g);
+    const y = Y(t);
+    h && !re(h, y) && n(), h = y, p = requestAnimationFrame(g);
   }
   return n(), () => {
-    var v;
-    f.forEach((y) => {
-      s && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
-    }), d == null || d(), (v = u) == null || v.disconnect(), u = null, a && cancelAnimationFrame(p);
+    var y;
+    u.forEach((w) => {
+      s && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
+    }), d == null || d(), (y = f) == null || y.disconnect(), f = null, a && cancelAnimationFrame(p);
   };
 }
-const bn = Ue, Sn = He, Cn = (t, e, n) => {
+const $n = Qe, Ln = Ge, On = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), s = {
-    platform: yn,
+    platform: _n,
     ...n
   }, i = {
     ...s.platform,
     _c: o
   };
-  return Ie(t, e, {
+  return Ue(t, e, {
     ...s,
     platform: i
   });
 };
-function Rn(t) {
+function An(t) {
   return t != null && typeof t == "object" && "$el" in t;
 }
-function Ht(t) {
-  if (Rn(t)) {
+function jt(t) {
+  if (An(t)) {
     const e = t.$el;
-    return Tt(e) && X(e) === "#comment" ? null : e;
+    return Tt(e) && G(e) === "#comment" ? null : e;
   }
   return t;
 }
-function ot(t) {
-  return typeof t == "function" ? t() : H(t);
+function st(t) {
+  return typeof t == "function" ? t() : X(t);
 }
-function ie(t) {
+function le(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function jt(t, e) {
-  const n = ie(t);
+function Xt(t, e) {
+  const n = le(t);
   return Math.round(e * n) / n;
 }
-function Ln(t, e, n) {
+function Tn(t, e, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, s = w(() => {
+  const o = n.whileElementsMounted, s = v(() => {
     var x;
-    return (x = ot(n.open)) != null ? x : !0;
-  }), i = w(() => ot(n.middleware)), r = w(() => {
+    return (x = st(n.open)) != null ? x : !0;
+  }), i = v(() => st(n.middleware)), r = v(() => {
     var x;
-    return (x = ot(n.placement)) != null ? x : "bottom";
-  }), l = w(() => {
+    return (x = st(n.placement)) != null ? x : "bottom";
+  }), l = v(() => {
     var x;
-    return (x = ot(n.strategy)) != null ? x : "absolute";
-  }), a = w(() => {
+    return (x = st(n.strategy)) != null ? x : "absolute";
+  }), a = v(() => {
     var x;
-    return (x = ot(n.transform)) != null ? x : !0;
-  }), c = w(() => Ht(t.value)), f = w(() => Ht(e.value)), d = nt(0), m = nt(0), u = nt(l.value), p = nt(r.value), h = Ct({}), g = nt(!1), v = w(() => {
+    return (x = st(n.transform)) != null ? x : !0;
+  }), c = v(() => jt(t.value)), u = v(() => jt(e.value)), d = Q(0), m = Q(0), f = Q(l.value), p = Q(r.value), h = Ct({}), g = Q(!1), y = v(() => {
     const x = {
-      position: u.value,
+      position: f.value,
       left: "0",
       top: "0"
     };
-    if (!f.value)
+    if (!u.value)
       return x;
-    const A = jt(f.value, d.value), F = jt(f.value, m.value);
+    const O = Xt(u.value, d.value), I = Xt(u.value, m.value);
     return a.value ? {
       ...x,
-      transform: "translate(" + A + "px, " + F + "px)",
-      ...ie(f.value) >= 1.5 && {
+      transform: "translate(" + O + "px, " + I + "px)",
+      ...le(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: u.value,
-      left: A + "px",
-      top: F + "px"
+      position: f.value,
+      left: O + "px",
+      top: I + "px"
     };
   });
-  let y;
-  function b() {
-    if (c.value == null || f.value == null)
+  let w;
+  function S() {
+    if (c.value == null || u.value == null)
       return;
     const x = s.value;
-    Cn(c.value, f.value, {
+    On(c.value, u.value, {
       middleware: i.value,
       placement: r.value,
       strategy: l.value
-    }).then((A) => {
-      d.value = A.x, m.value = A.y, u.value = A.strategy, p.value = A.placement, h.value = A.middlewareData, g.value = x !== !1;
+    }).then((O) => {
+      d.value = O.x, m.value = O.y, f.value = O.strategy, p.value = O.placement, h.value = O.middlewareData, g.value = x !== !1;
     });
   }
-  function C() {
-    typeof y == "function" && (y(), y = void 0);
+  function R() {
+    typeof w == "function" && (w(), w = void 0);
   }
-  function S() {
-    if (C(), o === void 0) {
-      b();
+  function _() {
+    if (R(), o === void 0) {
+      S();
       return;
     }
-    if (c.value != null && f.value != null) {
-      y = o(c.value, f.value, b);
+    if (c.value != null && u.value != null) {
+      w = o(c.value, u.value, S);
       return;
     }
   }
-  function V() {
+  function N() {
     s.value || (g.value = !1);
   }
-  return wt([i, r, l, s], b, {
+  return bt([i, r, l, s], S, {
     flush: "sync"
-  }), wt([c, f], S, {
+  }), bt([c, u], _, {
     flush: "sync"
-  }), wt(s, V, {
+  }), bt(s, N, {
     flush: "sync"
-  }), ue() && fe(C), {
-    x: Y(d),
-    y: Y(m),
-    strategy: Y(u),
-    placement: Y(p),
-    middlewareData: Y(h),
-    isPositioned: Y(g),
-    floatingStyles: v,
-    update: b
+  }), pe() && me(R), {
+    x: J(d),
+    y: J(m),
+    strategy: J(f),
+    placement: J(p),
+    middlewareData: J(h),
+    isPositioned: J(g),
+    floatingStyles: y,
+    update: S
   };
 }
-const En = /* @__PURE__ */ M({
-  __name: "SqPopover",
-  props: /* @__PURE__ */ St({
+const Nn = /* @__PURE__ */ B({
+  __name: "popover",
+  props: /* @__PURE__ */ Rt({
     placement: { default: "top" },
     offset: { default: 10 },
     teleported: { type: Boolean, default: !0 },
@@ -1149,6 +1178,7 @@ const En = /* @__PURE__ */ M({
     showAfter: { default: 0 },
     hideAfter: { default: 300 },
     disabled: { type: Boolean },
+    transition: { default: "sq-fade" },
     popoverClass: {}
   }, {
     visible: { type: Boolean, default: !1 },
@@ -1157,18 +1187,18 @@ const En = /* @__PURE__ */ M({
   emits: ["update:visible"],
   setup(t) {
     let e;
-    const n = t, o = Ct(null), s = Ct(null), i = Yt(t, "visible"), { floatingStyles: r } = Ln(o, s, {
+    const n = t, o = Ct(null), s = Ct(null), i = Gt(t, "visible"), { floatingStyles: r } = Tn(o, s, {
       placement: n.placement,
-      whileElementsMounted: xn,
+      whileElementsMounted: Cn,
       transform: !1,
-      middleware: [bn(n.offset), Sn()]
+      middleware: [$n(n.offset), Ln()]
     });
-    de(() => {
+    he(() => {
       m(), document.removeEventListener("click", d);
     });
     function l() {
       n.trigger !== "hover" || n.disabled || (m(), e = setTimeout(() => {
-        f(!1);
+        u(!1);
       }, n.showAfter));
     }
     function a() {
@@ -1176,11 +1206,11 @@ const En = /* @__PURE__ */ M({
         d();
       }, n.hideAfter));
     }
-    function c() {
-      n.trigger === "click" && (i.value ? d() : n.disabled || f());
+    function c(f) {
+      n.trigger === "click" && !n.disabled && !i.value && (f.stopPropagation(), u());
     }
-    function f(u = !0) {
-      i.value = !0, u && document.addEventListener("click", d);
+    function u(f = !0) {
+      i.value = !0, f && document.addEventListener("click", d);
     }
     function d() {
       i.value = !1, document.removeEventListener("click", d);
@@ -1188,44 +1218,46 @@ const En = /* @__PURE__ */ M({
     function m() {
       e && (clearTimeout(e), e = void 0);
     }
-    return (u, p) => (R(), T(pe, null, [
-      J("span", {
-        class: D(["sq-popover-trigger", u.$attrs.class]),
-        style: ct(u.$attrs.style),
+    return (f, p) => (b(), C(ge, null, [
+      q("span", {
+        class: T(["sq-popover-trigger", f.$attrs.class]),
+        style: it(f.$attrs.style),
         ref_key: "triggerRef",
         ref: o,
         onMouseenter: l,
         onMouseleave: a,
-        onClick: qt(c, ["stop"])
+        onClick: c
       }, [
-        _(u.$slots, "reference")
+        $(f.$slots, "reference")
       ], 38),
-      (R(), Q(me, {
+      (b(), U(ve, {
         to: "body",
         disabled: !n.teleported
       }, [
-        Xt(he, { name: "sq-fade" }, {
-          default: dt(() => [
-            Kt(J("div", {
-              class: D(["sq-popover", u.popoverClass]),
+        Ut(ye, {
+          name: n.transition
+        }, {
+          default: pt(() => [
+            Kt(q("div", {
+              class: T(["sq-popover", f.popoverClass]),
               ref_key: "popverRef",
               ref: s,
-              style: ct(H(r)),
-              onClick: p[0] || (p[0] = qt(() => {
+              style: it(X(r)),
+              onClick: p[0] || (p[0] = we(() => {
               }, ["stop"]))
             }, [
-              _(u.$slots, "default")
+              $(f.$slots, "default")
             ], 6), [
-              [ge, i.value]
+              [xe, i.value]
             ])
           ]),
           _: 3
-        })
+        }, 8, ["name"])
       ], 8, ["disabled"]))
     ], 64));
   }
-}), $n = /* @__PURE__ */ M({
-  __name: "SqProgress",
+}), In = /* @__PURE__ */ B({
+  __name: "progress",
   props: {
     value: {},
     min: { default: 0 },
@@ -1234,10 +1266,10 @@ const En = /* @__PURE__ */ M({
     type: { default: "primary" }
   },
   setup(t) {
-    const e = t, n = w(() => e.color ? [] : [`is-${e.type}`]), o = w(() => {
+    const e = t, n = v(() => e.color ? [] : [`is-${e.type}`]), o = v(() => {
       const i = e.max - e.min;
       return (e.value - e.min) * 100 / i;
-    }), s = w(() => {
+    }), s = v(() => {
       const i = {};
       if (i["--progress-value"] = `${o.value}%`, e.color) {
         const l = typeof e.color == "string" ? e.color : e.color(o.value);
@@ -1245,88 +1277,151 @@ const En = /* @__PURE__ */ M({
       }
       return i;
     });
-    return (i, r) => (R(), T("div", {
-      class: D(["sq-progress", n.value]),
-      style: ct(s.value)
+    return (i, r) => (b(), C("div", {
+      class: T(["sq-progress", n.value]),
+      style: it(s.value)
     }, null, 6));
   }
-}), kn = /* @__PURE__ */ M({
-  __name: "SqTag",
+}), Wn = /* @__PURE__ */ B({
+  __name: "tag",
   props: {
     type: {},
-    theme: { default: "materialize" },
+    theme: { default: "plain" },
     round: { type: Boolean },
     size: { default: "md" }
   },
   setup(t) {
-    const e = t, n = w(() => {
+    const e = t, n = v(() => {
       const s = [];
-      return e.size !== "md" && s.push(`sq-tag--${e.size}`), e.theme !== "materialize" && e.type && s.push(`is-${e.theme}`), e.type && s.push(`is-${e.type}`), e.round && s.push("is-round"), s;
-    }), o = w(() => e.size === "lg" ? "md" : "sm");
-    return (s, i) => (R(), Q(H(kt), {
-      class: D(["sq-tag", n.value]),
+      return e.size !== "md" && s.push(`sq-tag--${e.size}`), e.theme !== "plain" && e.type && s.push(`is-${e.theme}`), e.type && s.push(`is-${e.type}`), e.round && s.push("is-round"), s;
+    }), o = v(() => e.size === "lg" ? "md" : "sm");
+    return (s, i) => (b(), U(X(zt), {
+      class: T(["sq-tag", n.value]),
       size: o.value
     }, {
-      default: dt(() => [
-        _(s.$slots, "default")
+      default: pt(() => [
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
   }
-}), Bn = /* @__PURE__ */ M({
-  __name: "SqCheckTag",
+}), Hn = /* @__PURE__ */ B({
+  __name: "check-tag",
   props: {
     checked: { type: Boolean, default: !1 },
+    theme: { default: "plain" },
     type: { default: "primary" },
     round: { type: Boolean },
     size: { default: "md" }
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const n = e, o = t, s = w(() => {
+    const n = e, o = t, s = v(() => {
       const r = [];
-      return o.size !== "md" && r.push(`sq-tag--${o.size}`), o.type && r.push(`is-${o.type}`), o.round && r.push("is-round"), o.checked && r.push("is-checked"), r;
-    }), i = w(() => o.size === "lg" ? "md" : "sm");
-    return (r, l) => (R(), Q(H(kt), {
-      class: D(["sq-check-tag", s.value]),
+      return o.size !== "md" && r.push(`sq-tag--${o.size}`), o.theme !== "plain" && r.push(`is-${o.theme}`), o.type && r.push(`is-${o.type}`), o.round && r.push("is-round"), o.checked && r.push("is-checked"), r;
+    }), i = v(() => o.size === "lg" ? "md" : "sm");
+    return (r, l) => (b(), U(X(zt), {
+      class: T(["sq-check-tag", s.value]),
       size: i.value,
       onClick: l[0] || (l[0] = (a) => n("change", !o.checked))
     }, {
-      default: dt(() => [
-        _(r.$slots, "default")
+      default: pt(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
   }
-}), kt = /* @__PURE__ */ M({
-  __name: "SqText",
+}), zt = /* @__PURE__ */ B({
+  __name: "text",
   props: {
     rowNum: { default: 1 },
     ellipsis: { type: Boolean, default: !1 },
     size: { default: "md" }
   },
   setup(t) {
-    const e = t, n = w(() => {
+    const e = t, n = v(() => {
       const s = [];
       return e.size !== "md" && s.push(`s-text--${e.size}`), e.ellipsis && s.push(e.rowNum > 1 ? "multi-line" : "single-line"), s;
-    }), o = w(
+    }), o = v(
       () => e.ellipsis ? `--row-num: ${e.rowNum}` : ""
     );
-    return (s, i) => (R(), T("span", {
-      class: D(["sq-text", n.value]),
-      style: ct(o.value)
+    return (s, i) => (b(), C("span", {
+      class: T(["sq-text", n.value]),
+      style: it(o.value)
     }, [
-      _(s.$slots, "default")
+      $(s.$slots, "default")
+    ], 6));
+  }
+}), jn = /* @__PURE__ */ B({
+  __name: "timeline",
+  props: {
+    align: { default: "left" }
+  },
+  setup(t) {
+    const e = t, n = v(() => {
+      const o = [];
+      return o.push(`align-${e.align}`), o;
+    });
+    return (o, s) => (b(), C("div", {
+      class: T(["sq-timeline", n.value])
+    }, [
+      $(o.$slots, "default")
+    ], 2));
+  }
+}), En = { class: "sq-timeline-dot" }, kn = { class: "sq-timeline-content" }, Bn = ["textContent"], zn = ["textContent"], Pn = { class: "content-info" }, Xn = /* @__PURE__ */ B({
+  __name: "timeline-item",
+  props: {
+    color: {},
+    type: {},
+    icon: {},
+    hollow: { type: Boolean },
+    timestamp: {},
+    theme: { default: "card" },
+    title: {}
+  },
+  setup(t) {
+    const e = t, n = v(() => {
+      const s = [];
+      return e.theme !== "card" && s.push(`is-${e.theme}`), e.type && s.push(`is-${e.type}`), e.hollow && s.push("is-hollow"), s;
+    }), o = v(() => {
+      const s = {};
+      return e.color && (s["--timeline-dot-color"] = e.color), s;
+    });
+    return (s, i) => (b(), C("div", {
+      class: T(["sq-timeline-item", n.value]),
+      style: it(o.value)
+    }, [
+      q("span", En, [
+        e.icon ? (b(), U(at(e.icon), { key: 0 })) : V("", !0)
+      ]),
+      q("div", kn, [
+        e.title ? (b(), C("h2", {
+          key: 0,
+          class: "content-title",
+          textContent: _t(e.title)
+        }, null, 8, Bn)) : V("", !0),
+        e.timestamp ? (b(), C("span", {
+          key: 1,
+          class: "content-time",
+          textContent: _t(e.timestamp)
+        }, null, 8, zn)) : V("", !0),
+        q("div", Pn, [
+          $(s.$slots, "default")
+        ])
+      ])
     ], 6));
   }
 });
 export {
-  On as SqButton,
-  Tn as SqCard,
-  Bn as SqCheckTag,
-  _n as SqInput,
-  En as SqPopover,
-  $n as SqProgress,
-  kn as SqTag,
-  kt as SqText
+  qn as SqButton,
+  Mn as SqButtonGroup,
+  Vn as SqCard,
+  Hn as SqCheckTag,
+  Fn as SqInput,
+  Nn as SqPopover,
+  In as SqProgress,
+  Wn as SqTag,
+  zt as SqText,
+  jn as SqTimeline,
+  Xn as SqTimelineItem
 };