@squirrel-cloud/ui-vue 0.2.0 → 0.2.2

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

@@ -1,21 +1,21 @@
-import { createElementBlock as N, openBlock as C, createElementVNode as nt, defineComponent as J, computed as b, normalizeClass as Q, createVNode as Xt, unref as it, withCtx as ut, createBlock as Y, createCommentVNode as yt, renderSlot as D, resolveDynamicComponent as xt, mergeModels as bt, useSlots as re, useModel as jt, useTemplateRef as St, withDirectives as Ut, vModelText as le, ref as tt, shallowRef as ce, watch as vt, getCurrentScope as ae, onScopeDispose as ue, shallowReadonly as X, onBeforeUnmount as fe, Fragment as de, withModifiers as $t, Teleport as pe, Transition as me, normalizeStyle as Yt, vShow as he } from "vue";
-const ge = (t, e) => {
+import { createElementBlock as _, openBlock as C, createElementVNode as J, defineComponent as z, computed as w, normalizeClass as M, createVNode as Xt, unref as H, withCtx as ft, createBlock as Q, createCommentVNode as st, renderSlot as T, resolveDynamicComponent as xt, useSlots as Ut, toDisplayString as le, mergeModels as bt, useModel as Yt, useTemplateRef as St, withDirectives as Kt, vModelText as ce, ref as nt, shallowRef as ae, watch as yt, getCurrentScope as ue, onScopeDispose as fe, shallowReadonly as Y, onBeforeUnmount as de, Fragment as pe, withModifiers as qt, Teleport as me, Transition as he, normalizeStyle as At, vShow as ge } from "vue";
+const ve = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [o, i] of e)
-    n[o] = i;
+  for (const [o, s] of e)
+    n[o] = s;
   return n;
-}, ve = {}, we = {
+}, ye = {}, we = {
   class: "sq-icon is-loading",
   "data-icon": "loading"
 };
-function ye(t, e) {
-  return C(), N("span", we, e[0] || (e[0] = [
-    nt("svg", {
+function xe(t, e) {
+  return C(), _("span", we, e[0] || (e[0] = [
+    J("svg", {
       viewBox: "0 0 48 48",
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      nt("circle", {
+      J("circle", {
         cx: "24",
         cy: "24",
         r: "20"
@@ -23,7 +23,7 @@ function ye(t, e) {
     ], -1)
   ]));
 }
-const xe = /* @__PURE__ */ ge(ve, [["render", ye]]), be = ["disabled"], Sn = /* @__PURE__ */ J({
+const be = /* @__PURE__ */ ve(ye, [["render", xe]]), Se = ["disabled"], On = /* @__PURE__ */ z({
   __name: "SqButton",
   props: {
     type: {},
@@ -35,32 +35,60 @@ const xe = /* @__PURE__ */ ge(ve, [["render", ye]]), be = ["disabled"], Sn = /*
     size: { default: "md" }
   },
   setup(t) {
-    const e = t, n = b(() => {
-      const s = [];
-      return e.size !== "md" && s.push(`sq-button--${e.size}`), e.type && s.push(`is-${e.type}`), e.round && s.push("is-round"), e.text && s.push("is-text"), s;
-    }), o = b(() => e.loading ? xe : e.icon), i = b(() => e.loading || e.disabled);
-    return (s, r) => (C(), N("button", {
-      class: Q(["sq-button", n.value]),
-      disabled: i.value
+    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) => (C(), _("button", {
+      class: M(["sq-button", n.value]),
+      disabled: s.value
     }, [
-      Xt(it(Bt), {
+      Xt(H(kt), {
         size: e.size
       }, {
-        default: ut(() => [
-          o.value ? (C(), Y(xt(o.value), { key: 0 })) : yt("", !0),
-          D(s.$slots, "default")
+        default: ft(() => [
+          o.value ? (C(), Q(xt(o.value), { key: 0 })) : st("", !0),
+          T(i.$slots, "default")
         ]),
         _: 3
       }, 8, ["size"])
-    ], 10, be));
+    ], 10, Se));
+  }
+}), Re = { class: "sq-card" }, Ce = {
+  key: 0,
+  class: "sq-card-header"
+}, Le = ["textContent"], Ae = {
+  key: 1,
+  class: "sq-card-footer"
+}, _n = /* @__PURE__ */ z({
+  __name: "SqCard",
+  props: {
+    title: {},
+    decorative: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = Ut(), n = t;
+    return (o, s) => (C(), _("div", Re, [
+      n.title || H(e).title ? (C(), _("div", Ce, [
+        J("h2", {
+          class: M({ "has-decorative": n.decorative }),
+          textContent: le(n.title)
+        }, null, 10, Le),
+        T(o.$slots, "title")
+      ])) : st("", !0),
+      T(o.$slots, "default"),
+      H(e).footer ? (C(), _("div", Ae, [
+        T(o.$slots, "footer")
+      ])) : st("", !0)
+    ]));
   }
-}), Se = {
+}), Oe = {
   key: 0,
   class: "sq-input-prefix"
-}, Re = ["disabled", "readonly"], Ce = {
+}, _e = ["disabled", "readonly"], Te = {
   key: 1,
   class: "sq-input-suffix"
-}, Rn = /* @__PURE__ */ J({
+}, Tn = /* @__PURE__ */ z({
   __name: "SqInput",
   props: /* @__PURE__ */ bt({
     status: {},
@@ -77,13 +105,13 @@ const xe = /* @__PURE__ */ ge(ve, [["render", ye]]), be = ["disabled"], Sn = /*
   }),
   emits: /* @__PURE__ */ bt(["focus", "blur", "input", "change"], ["update:value"]),
   setup(t, { expose: e, emit: n }) {
-    const o = re(), i = n, s = t, r = jt(t, "value"), l = St("inputRef"), a = b(() => {
+    const o = Ut(), s = n, i = t, r = Yt(t, "value"), l = St("inputRef"), a = w(() => {
       const p = [];
-      return s.size !== "md" && p.push(`sq-input--${s.size}`), s.status && p.push(`is-${s.status}`), s.round && p.push("is-round"), s.disabled && p.push("is-disabled"), p;
-    }), c = b(() => o.prefix || s.prefixIcon), u = b(() => {
-      const p = s.showStatusIcon && s.status;
-      return o.suffix || p || s.suffixIcon;
-    }), f = b(() => s.suffixIcon);
+      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), u = w(() => {
+      const p = i.showStatusIcon && i.status;
+      return o.suffix || p || i.suffixIcon;
+    }), f = w(() => i.suffixIcon);
     function m() {
       var p;
       (p = l.value) == null || p.focus();
@@ -92,104 +120,104 @@ const xe = /* @__PURE__ */ ge(ve, [["render", ye]]), be = ["disabled"], Sn = /*
       var p;
       (p = l.value) == null || p.blur();
     }
-    return e({ focus: m, blur: d }), (p, h) => (C(), N("section", {
-      class: Q(["sq-input", a.value])
+    return e({ focus: m, blur: d }), (p, h) => (C(), _("section", {
+      class: M(["sq-input", a.value])
     }, [
-      c.value ? (C(), N("span", Se, [
-        D(p.$slots, "prefix", {}, () => [
-          (C(), Y(xt(s.prefixIcon)))
+      c.value ? (C(), _("span", Oe, [
+        T(p.$slots, "prefix", {}, () => [
+          (C(), Q(xt(i.prefixIcon)))
         ])
-      ])) : yt("", !0),
-      Ut(nt("input", {
+      ])) : st("", !0),
+      Kt(J("input", {
         "onUpdate:modelValue": h[0] || (h[0] = (g) => r.value = g),
         class: "sq-input-inner",
-        disabled: s.disabled,
-        readonly: s.readonly,
+        disabled: i.disabled,
+        readonly: i.readonly,
         ref_key: "inputRef",
         ref: l,
-        onFocus: h[1] || (h[1] = (g) => i("focus", g)),
-        onBlur: h[2] || (h[2] = (g) => i("blur", g)),
-        onInput: h[3] || (h[3] = (g) => i("input", g)),
-        onChange: h[4] || (h[4] = (g) => i("change", g))
-      }, null, 40, Re), [
-        [le, r.value]
+        onFocus: h[1] || (h[1] = (g) => s("focus", g)),
+        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, _e), [
+        [ce, r.value]
       ]),
-      u.value ? (C(), N("span", Ce, [
-        D(p.$slots, "suffix", {}, () => [
-          (C(), Y(xt(f.value)))
+      u.value ? (C(), _("span", Te, [
+        T(p.$slots, "suffix", {}, () => [
+          (C(), Q(xt(f.value)))
         ])
-      ])) : yt("", !0)
+      ])) : st("", !0)
     ], 2));
   }
-}), Rt = Math.min, j = Math.max, lt = Math.round, rt = Math.floor, k = (t) => ({
+}), Rt = Math.min, K = Math.max, ct = Math.round, lt = Math.floor, k = (t) => ({
   x: t,
   y: t
-}), Ae = {
+}), Ee = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Le = {
+}, $e = {
   start: "end",
   end: "start"
 };
-function Lt(t, e) {
+function Ot(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function K(t) {
+function Z(t) {
   return t.split("-")[0];
 }
-function ft(t) {
+function dt(t) {
   return t.split("-")[1];
 }
-function Oe(t) {
+function ke(t) {
   return t === "x" ? "y" : "x";
 }
-function Kt(t) {
+function Gt(t) {
   return t === "y" ? "height" : "width";
 }
-const Te = /* @__PURE__ */ new Set(["top", "bottom"]);
-function q(t) {
-  return Te.has(K(t)) ? "y" : "x";
+const Be = /* @__PURE__ */ new Set(["top", "bottom"]);
+function W(t) {
+  return Be.has(Z(t)) ? "y" : "x";
 }
-function Gt(t) {
-  return Oe(q(t));
+function Jt(t) {
+  return ke(W(t));
 }
-function Ee(t, e, n) {
+function Pe(t, e, n) {
   n === void 0 && (n = !1);
-  const o = ft(t), i = Gt(t), s = Kt(i);
-  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[s] > e.floating[s] && (r = ct(r)), [r, ct(r)];
+  const o = dt(t), s = Jt(t), i = Gt(s);
+  let r = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[i] > e.floating[i] && (r = at(r)), [r, at(r)];
 }
-function ke(t) {
-  const e = ct(t);
+function De(t) {
+  const e = at(t);
   return [Ct(t), e, Ct(e)];
 }
 function Ct(t) {
-  return t.replace(/start|end/g, (e) => Le[e]);
+  return t.replace(/start|end/g, (e) => $e[e]);
 }
-const zt = ["left", "right"], Mt = ["right", "left"], Be = ["top", "bottom"], _e = ["bottom", "top"];
-function Pe(t, e, n) {
+const zt = ["left", "right"], Mt = ["right", "left"], qe = ["top", "bottom"], ze = ["bottom", "top"];
+function Me(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
       return n ? e ? Mt : zt : e ? zt : Mt;
     case "left":
     case "right":
-      return e ? Be : _e;
+      return e ? qe : ze;
     default:
       return [];
   }
 }
-function De(t, e, n, o) {
-  const i = ft(t);
-  let s = Pe(K(t), n === "start", o);
-  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(Ct)))), s;
+function Ve(t, e, n, o) {
+  const s = dt(t);
+  let i = Me(Z(t), n === "start", o);
+  return s && (i = i.map((r) => r + "-" + s), e && (i = i.concat(i.map(Ct)))), i;
 }
-function ct(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Ae[e]);
+function at(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Ee[e]);
 }
-function $e(t) {
+function Fe(t) {
   return {
     top: 0,
     right: 0,
@@ -198,28 +226,28 @@ function $e(t) {
     ...t
   };
 }
-function ze(t) {
-  return typeof t != "number" ? $e(t) : {
+function Ne(t) {
+  return typeof t != "number" ? Fe(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function at(t) {
+function ut(t) {
   const {
     x: e,
     y: n,
     width: o,
-    height: i
+    height: s
   } = t;
   return {
     width: o,
-    height: i,
+    height: s,
     top: n,
     left: e,
     right: e + o,
-    bottom: n + i,
+    bottom: n + s,
     x: e,
     y: n
   };
@@ -227,15 +255,15 @@ function at(t) {
 function Vt(t, e, n) {
   let {
     reference: o,
-    floating: i
+    floating: s
   } = t;
-  const s = q(e), r = Gt(e), l = Kt(r), a = K(e), c = s === "y", u = o.x + o.width / 2 - i.width / 2, f = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
+  const i = W(e), r = Jt(e), l = Gt(r), a = Z(e), c = i === "y", u = o.x + o.width / 2 - s.width / 2, f = o.y + o.height / 2 - s.height / 2, m = o[l] / 2 - s[l] / 2;
   let d;
   switch (a) {
     case "top":
       d = {
         x: u,
-        y: o.y - i.height
+        y: o.y - s.height
       };
       break;
     case "bottom":
@@ -252,7 +280,7 @@ function Vt(t, e, n) {
       break;
     case "left":
       d = {
-        x: o.x - i.width,
+        x: o.x - s.width,
         y: f
       };
       break;
@@ -262,7 +290,7 @@ function Vt(t, e, n) {
         y: o.y
       };
   }
-  switch (ft(e)) {
+  switch (dt(e)) {
     case "start":
       d[r] -= m * (n && c ? -1 : 1);
       break;
@@ -272,17 +300,17 @@ function Vt(t, e, n) {
   }
   return d;
 }
-const Me = async (t, e, n) => {
+const Ie = async (t, e, n) => {
   const {
     placement: o = "bottom",
-    strategy: i = "absolute",
-    middleware: s = [],
+    strategy: s = "absolute",
+    middleware: i = [],
     platform: r
-  } = n, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  } = n, l = i.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
   let c = await r.getElementRects({
     reference: t,
     floating: e,
-    strategy: i
+    strategy: s
   }), {
     x: u,
     y: f
@@ -292,8 +320,8 @@ const Me = async (t, e, n) => {
       name: g,
       fn: v
     } = l[h], {
-      x: w,
-      y: x,
+      x: y,
+      y: b,
       data: R,
       reset: S
     } = await v({
@@ -301,7 +329,7 @@ const Me = async (t, e, n) => {
       y: f,
       initialPlacement: o,
       placement: m,
-      strategy: i,
+      strategy: s,
       middlewareData: d,
       rects: c,
       platform: r,
@@ -310,7 +338,7 @@ const Me = async (t, e, n) => {
         floating: e
       }
     });
-    u = w ?? u, f = x ?? f, d = {
+    u = y ?? u, f = b ?? f, d = {
       ...d,
       [g]: {
         ...d[g],
@@ -319,7 +347,7 @@ const Me = async (t, e, n) => {
     }, S && p <= 50 && (p++, typeof S == "object" && (S.placement && (m = S.placement), S.rects && (c = S.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
-      strategy: i
+      strategy: s
     }) : S.rects), {
       x: u,
       y: f
@@ -329,17 +357,17 @@ const Me = async (t, e, n) => {
     x: u,
     y: f,
     placement: m,
-    strategy: i,
+    strategy: s,
     middlewareData: d
   };
 };
-async function Ve(t, e) {
+async function We(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
     x: o,
-    y: i,
-    platform: s,
+    y: s,
+    platform: i,
     rects: r,
     elements: l,
     strategy: a
@@ -349,28 +377,28 @@ async function Ve(t, e) {
     elementContext: f = "floating",
     altBoundary: m = !1,
     padding: d = 0
-  } = Lt(e, t), p = ze(d), g = l[m ? f === "floating" ? "reference" : "floating" : f], v = at(await s.getClippingRect({
-    element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+  } = Ot(e, t), p = Ne(d), g = l[m ? f === "floating" ? "reference" : "floating" : f], v = ut(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: u,
     strategy: a
-  })), w = f === "floating" ? {
+  })), y = f === "floating" ? {
     x: o,
-    y: i,
+    y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), R = await (s.isElement == null ? void 0 : s.isElement(x)) ? await (s.getScale == null ? void 0 : s.getScale(x)) || {
+  } : r.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), R = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, S = at(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, S = ut(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: w,
-    offsetParent: x,
+    rect: y,
+    offsetParent: b,
     strategy: a
-  }) : w);
+  }) : y);
   return {
     top: (v.top - S.top + p.top) / R.y,
     bottom: (S.bottom - v.bottom + p.bottom) / R.y,
@@ -378,15 +406,15 @@ async function Ve(t, e) {
     right: (S.right - v.right + p.right) / R.x
   };
 }
-const Fe = function(t) {
+const He = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
     async fn(e) {
       var n, o;
       const {
-        placement: i,
-        middlewareData: s,
+        placement: s,
+        middlewareData: i,
         rects: r,
         initialPlacement: l,
         platform: a,
@@ -399,73 +427,73 @@ const Fe = function(t) {
         fallbackAxisSideDirection: p = "none",
         flipAlignment: h = !0,
         ...g
-      } = Lt(t, e);
-      if ((n = s.arrow) != null && n.alignmentOffset)
+      } = Ot(t, e);
+      if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const v = K(i), w = q(l), x = K(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), S = m || (x || !h ? [ct(l)] : ke(l)), z = p !== "none";
-      !m && z && S.push(...De(l, h, p, R));
-      const y = [l, ...S], L = await Ve(e, g), M = [];
-      let H = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && M.push(L[v]), f) {
-        const V = Ee(i, r, R);
-        M.push(L[V[0]], L[V[1]]);
+      const v = Z(s), y = W(l), b = Z(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), S = m || (b || !h ? [at(l)] : De(l)), V = p !== "none";
+      !m && V && S.push(...Ve(l, h, p, R));
+      const x = [l, ...S], A = await We(e, g), F = [];
+      let U = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && F.push(A[v]), f) {
+        const N = Pe(s, r, R);
+        F.push(A[N[0]], A[N[1]]);
       }
-      if (H = [...H, {
-        placement: i,
-        overflows: M
-      }], !M.every((V) => V <= 0)) {
-        var _t, Pt;
-        const V = (((_t = s.flip) == null ? void 0 : _t.index) || 0) + 1, gt = y[V];
-        if (gt && (!(f === "alignment" ? w !== q(gt) : !1) || // We leave the current main axis only if every placement on that axis
+      if (U = [...U, {
+        placement: s,
+        overflows: F
+      }], !F.every((N) => N <= 0)) {
+        var Bt, Pt;
+        const N = (((Bt = i.flip) == null ? void 0 : Bt.index) || 0) + 1, vt = x[N];
+        if (vt && (!(f === "alignment" ? y !== W(vt) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((O) => q(O.placement) === w ? O.overflows[0] > 0 : !0)))
+        U.every((O) => W(O.placement) === y ? O.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: V,
-              overflows: H
+              index: N,
+              overflows: U
             },
             reset: {
-              placement: gt
+              placement: vt
             }
           };
-        let Z = (Pt = H.filter((F) => F.overflows[0] <= 0).sort((F, O) => F.overflows[1] - O.overflows[1])[0]) == null ? void 0 : Pt.placement;
-        if (!Z)
+        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 (d) {
             case "bestFit": {
               var Dt;
-              const F = (Dt = H.filter((O) => {
-                if (z) {
-                  const P = q(O.placement);
-                  return P === w || // Create a bias to the `y` side axis due to horizontal
+              const I = (Dt = U.filter((O) => {
+                if (V) {
+                  const D = W(O.placement);
+                  return D === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  P === "y";
+                  D === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((P) => P > 0).reduce((P, se) => P + se, 0)]).sort((O, P) => O[1] - P[1])[0]) == null ? void 0 : Dt[0];
-              F && (Z = F);
+              }).map((O) => [O.placement, O.overflows.filter((D) => D > 0).reduce((D, re) => D + re, 0)]).sort((O, D) => O[1] - D[1])[0]) == null ? void 0 : Dt[0];
+              I && (et = I);
               break;
             }
             case "initialPlacement":
-              Z = l;
+              et = l;
               break;
           }
-        if (i !== Z)
+        if (s !== et)
           return {
             reset: {
-              placement: Z
+              placement: et
             }
           };
       }
       return {};
     }
   };
-}, qe = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ne(t, e) {
+}, je = /* @__PURE__ */ new Set(["left", "top"]);
+async function Xe(t, e) {
   const {
     placement: n,
     platform: o,
-    elements: i
-  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = K(n), l = ft(n), a = q(n) === "y", c = qe.has(r) ? -1 : 1, u = s && a ? -1 : 1, f = Lt(e, t);
+    elements: s
+  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), r = Z(n), l = dt(n), a = W(n) === "y", c = je.has(r) ? -1 : 1, u = i && a ? -1 : 1, f = Ot(e, t);
   let {
     mainAxis: m,
     crossAxis: d,
@@ -487,21 +515,21 @@ async function Ne(t, e) {
     y: d * u
   };
 }
-const Ie = function(t) {
+const Ue = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
     async fn(e) {
       var n, o;
       const {
-        x: i,
-        y: s,
+        x: s,
+        y: i,
         placement: r,
         middlewareData: l
-      } = e, a = await Ne(e, t);
+      } = e, a = await Xe(e, t);
       return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
-        x: i + a.x,
-        y: s + a.y,
+        x: s + a.x,
+        y: i + a.y,
         data: {
           ...a,
           placement: r
@@ -510,49 +538,49 @@ const Ie = function(t) {
     }
   };
 };
-function dt() {
+function pt() {
   return typeof window < "u";
 }
-function W(t) {
-  return Ot(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function X(t) {
+  return _t(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function A(t) {
+function L(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function _(t) {
+function P(t) {
   var e;
-  return (e = (Ot(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (_t(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Ot(t) {
-  return dt() ? t instanceof Node || t instanceof A(t).Node : !1;
+function _t(t) {
+  return pt() ? t instanceof Node || t instanceof L(t).Node : !1;
 }
-function T(t) {
-  return dt() ? t instanceof Element || t instanceof A(t).Element : !1;
+function E(t) {
+  return pt() ? t instanceof Element || t instanceof L(t).Element : !1;
 }
 function B(t) {
-  return dt() ? t instanceof HTMLElement || t instanceof A(t).HTMLElement : !1;
+  return pt() ? t instanceof HTMLElement || t instanceof L(t).HTMLElement : !1;
 }
 function Ft(t) {
-  return !dt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
+  return !pt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof L(t).ShadowRoot;
 }
-const We = /* @__PURE__ */ new Set(["inline", "contents"]);
-function st(t) {
+const Ye = /* @__PURE__ */ new Set(["inline", "contents"]);
+function rt(t) {
   const {
     overflow: e,
     overflowX: n,
     overflowY: o,
-    display: i
-  } = E(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !We.has(i);
+    display: s
+  } = $(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Ye.has(s);
 }
-const He = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Xe(t) {
-  return He.has(W(t));
+const Ke = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Ge(t) {
+  return Ke.has(X(t));
 }
-const je = [":popover-open", ":modal"];
-function pt(t) {
-  return je.some((e) => {
+const Je = [":popover-open", ":modal"];
+function mt(t) {
+  return Je.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -560,34 +588,34 @@ function pt(t) {
     }
   });
 }
-const Ue = ["transform", "translate", "scale", "rotate", "perspective"], Ye = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ke = ["paint", "layout", "strict", "content"];
+const Qe = ["transform", "translate", "scale", "rotate", "perspective"], Ze = ["transform", "translate", "scale", "rotate", "perspective", "filter"], tn = ["paint", "layout", "strict", "content"];
 function Tt(t) {
-  const e = Et(), n = T(t) ? E(t) : t;
-  return Ue.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) || Ye.some((o) => (n.willChange || "").includes(o)) || Ke.some((o) => (n.contain || "").includes(o));
+  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));
 }
-function Ge(t) {
-  let e = $(t);
-  for (; B(e) && !G(e); ) {
+function en(t) {
+  let e = q(t);
+  for (; B(e) && !tt(e); ) {
     if (Tt(e))
       return e;
-    if (pt(e))
+    if (mt(e))
       return null;
-    e = $(e);
+    e = q(e);
   }
   return null;
 }
 function Et() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Je = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function G(t) {
-  return Je.has(W(t));
+const nn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function tt(t) {
+  return nn.has(X(t));
 }
-function E(t) {
-  return A(t).getComputedStyle(t);
+function $(t) {
+  return L(t).getComputedStyle(t);
 }
-function mt(t) {
-  return T(t) ? {
+function ht(t) {
+  return E(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -595,127 +623,127 @@ function mt(t) {
     scrollTop: t.scrollY
   };
 }
-function $(t) {
-  if (W(t) === "html")
+function q(t) {
+  if (X(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.
-    _(t)
+    P(t)
   );
   return Ft(e) ? e.host : e;
 }
-function Jt(t) {
-  const e = $(t);
-  return G(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : B(e) && st(e) ? e : Jt(e);
+function Qt(t) {
+  const e = q(t);
+  return tt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : B(e) && rt(e) ? e : Qt(e);
 }
-function ot(t, e, n) {
+function it(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const i = Jt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = A(i);
-  if (s) {
-    const l = At(r);
-    return e.concat(r, r.visualViewport || [], st(i) ? i : [], l && n ? ot(l) : []);
+  const s = Qt(t), i = s === ((o = t.ownerDocument) == null ? void 0 : o.body), r = L(s);
+  if (i) {
+    const l = Lt(r);
+    return e.concat(r, r.visualViewport || [], rt(s) ? s : [], l && n ? it(l) : []);
   }
-  return e.concat(i, ot(i, [], n));
+  return e.concat(s, it(s, [], n));
 }
-function At(t) {
+function Lt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Qt(t) {
-  const e = E(t);
+function Zt(t) {
+  const e = $(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const i = B(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = lt(n) !== s || lt(o) !== r;
-  return l && (n = s, o = r), {
+  const s = B(t), i = s ? t.offsetWidth : n, r = s ? t.offsetHeight : o, l = ct(n) !== i || ct(o) !== r;
+  return l && (n = i, o = r), {
     width: n,
     height: o,
     $: l
   };
 }
-function kt(t) {
-  return T(t) ? t : t.contextElement;
+function $t(t) {
+  return E(t) ? t : t.contextElement;
 }
-function U(t) {
-  const e = kt(t);
+function G(t) {
+  const e = $t(t);
   if (!B(e))
     return k(1);
   const n = e.getBoundingClientRect(), {
     width: o,
-    height: i,
-    $: s
-  } = Qt(e);
-  let r = (s ? lt(n.width) : n.width) / o, l = (s ? lt(n.height) : n.height) / i;
+    height: s,
+    $: i
+  } = Zt(e);
+  let r = (i ? ct(n.width) : n.width) / o, l = (i ? ct(n.height) : n.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const Qe = /* @__PURE__ */ k(0);
-function Zt(t) {
-  const e = A(t);
-  return !Et() || !e.visualViewport ? Qe : {
+const on = /* @__PURE__ */ k(0);
+function te(t) {
+  const e = L(t);
+  return !Et() || !e.visualViewport ? on : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Ze(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== A(t) ? !1 : e;
+function sn(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== L(t) ? !1 : e;
 }
-function I(t, e, n, o) {
+function j(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const i = t.getBoundingClientRect(), s = kt(t);
+  const s = t.getBoundingClientRect(), i = $t(t);
   let r = k(1);
-  e && (o ? T(o) && (r = U(o)) : r = U(t));
-  const l = Ze(s, n, o) ? Zt(s) : k(0);
-  let a = (i.left + l.x) / r.x, c = (i.top + l.y) / r.y, u = i.width / r.x, f = i.height / r.y;
-  if (s) {
-    const m = A(s), d = o && T(o) ? A(o) : o;
-    let p = m, h = At(p);
+  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, u = s.width / r.x, f = s.height / r.y;
+  if (i) {
+    const m = L(i), d = o && E(o) ? L(o) : o;
+    let p = m, h = Lt(p);
     for (; h && o && d !== p; ) {
-      const g = U(h), v = h.getBoundingClientRect(), w = E(h), x = v.left + (h.clientLeft + parseFloat(w.paddingLeft)) * g.x, R = v.top + (h.clientTop + parseFloat(w.paddingTop)) * g.y;
-      a *= g.x, c *= g.y, u *= g.x, f *= g.y, a += x, c += R, p = A(h), h = At(p);
+      const g = G(h), v = h.getBoundingClientRect(), y = $(h), b = v.left + (h.clientLeft + parseFloat(y.paddingLeft)) * g.x, R = v.top + (h.clientTop + parseFloat(y.paddingTop)) * g.y;
+      a *= g.x, c *= g.y, u *= g.x, f *= g.y, a += b, c += R, p = L(h), h = Lt(p);
     }
   }
-  return at({
+  return ut({
     width: u,
     height: f,
     x: a,
     y: c
   });
 }
-function ht(t, e) {
-  const n = mt(t).scrollLeft;
-  return e ? e.left + n : I(_(t)).left + n;
+function gt(t, e) {
+  const n = ht(t).scrollLeft;
+  return e ? e.left + n : j(P(t)).left + n;
 }
-function te(t, e) {
-  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - ht(t, n), i = n.top + e.scrollTop;
+function ee(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - gt(t, n), s = n.top + e.scrollTop;
   return {
     x: o,
-    y: i
+    y: s
   };
 }
-function tn(t) {
+function rn(t) {
   let {
     elements: e,
     rect: n,
     offsetParent: o,
-    strategy: i
+    strategy: s
   } = t;
-  const s = i === "fixed", r = _(o), l = e ? pt(e.floating) : !1;
-  if (o === r || l && s)
+  const i = s === "fixed", r = P(o), l = e ? mt(e.floating) : !1;
+  if (o === r || l && i)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = k(1);
   const u = k(0), f = B(o);
-  if ((f || !f && !s) && ((W(o) !== "body" || st(r)) && (a = mt(o)), B(o))) {
-    const d = I(o);
-    c = U(o), u.x = d.x + o.clientLeft, u.y = d.y + o.clientTop;
+  if ((f || !f && !i) && ((X(o) !== "body" || rt(r)) && (a = ht(o)), B(o))) {
+    const d = j(o);
+    c = G(o), u.x = d.x + o.clientLeft, u.y = d.y + o.clientTop;
   }
-  const m = r && !f && !s ? te(r, a) : k(0);
+  const m = r && !f && !i ? ee(r, a) : k(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
@@ -723,44 +751,44 @@ function tn(t) {
     y: n.y * c.y - a.scrollTop * c.y + u.y + m.y
   };
 }
-function en(t) {
+function ln(t) {
   return Array.from(t.getClientRects());
 }
-function nn(t) {
-  const e = _(t), n = mt(t), o = t.ownerDocument.body, i = j(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = j(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
-  let r = -n.scrollLeft + ht(t);
+function cn(t) {
+  const e = P(t), n = ht(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 + gt(t);
   const l = -n.scrollTop;
-  return E(o).direction === "rtl" && (r += j(e.clientWidth, o.clientWidth) - i), {
-    width: i,
-    height: s,
+  return $(o).direction === "rtl" && (r += K(e.clientWidth, o.clientWidth) - s), {
+    width: s,
+    height: i,
     x: r,
     y: l
   };
 }
-const qt = 25;
-function on(t, e) {
-  const n = A(t), o = _(t), i = n.visualViewport;
-  let s = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
-  if (i) {
-    s = i.width, r = i.height;
+const Nt = 25;
+function an(t, e) {
+  const n = L(t), o = P(t), s = n.visualViewport;
+  let i = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
+  if (s) {
+    i = s.width, r = s.height;
     const u = Et();
-    (!u || u && e === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
+    (!u || u && e === "fixed") && (l = s.offsetLeft, a = s.offsetTop);
   }
-  const c = ht(o);
+  const c = gt(o);
   if (c <= 0) {
     const u = o.ownerDocument, f = u.body, m = getComputedStyle(f), d = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - f.clientWidth - d);
-    p <= qt && (s -= p);
-  } else c <= qt && (s += c);
+    p <= Nt && (i -= p);
+  } else c <= Nt && (i += c);
   return {
-    width: s,
+    width: i,
     height: r,
     x: l,
     y: a
   };
 }
-const sn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function rn(t, e) {
-  const n = I(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = B(t) ? U(t) : k(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, a = i * s.x, c = o * s.y;
+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;
   return {
     width: r,
     height: l,
@@ -768,53 +796,53 @@ function rn(t, e) {
     y: c
   };
 }
-function Nt(t, e, n) {
+function It(t, e, n) {
   let o;
   if (e === "viewport")
-    o = on(t, n);
+    o = an(t, n);
   else if (e === "document")
-    o = nn(_(t));
-  else if (T(e))
-    o = rn(e, n);
+    o = cn(P(t));
+  else if (E(e))
+    o = fn(e, n);
   else {
-    const i = Zt(t);
+    const s = te(t);
     o = {
-      x: e.x - i.x,
-      y: e.y - i.y,
+      x: e.x - s.x,
+      y: e.y - s.y,
       width: e.width,
       height: e.height
     };
   }
-  return at(o);
+  return ut(o);
 }
-function ee(t, e) {
-  const n = $(t);
-  return n === e || !T(n) || G(n) ? !1 : E(n).position === "fixed" || ee(n, e);
+function ne(t, e) {
+  const n = q(t);
+  return n === e || !E(n) || tt(n) ? !1 : $(n).position === "fixed" || ne(n, e);
 }
-function ln(t, e) {
+function dn(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = ot(t, [], !1).filter((l) => T(l) && W(l) !== "body"), i = null;
-  const s = E(t).position === "fixed";
-  let r = s ? $(t) : t;
-  for (; T(r) && !G(r); ) {
-    const l = E(r), a = Tt(r);
-    !a && l.position === "fixed" && (i = null), (s ? !a && !i : !a && l.position === "static" && !!i && sn.has(i.position) || st(r) && !a && ee(t, r)) ? o = o.filter((u) => u !== r) : i = l, r = $(r);
+  let o = it(t, [], !1).filter((l) => E(l) && X(l) !== "body"), s = null;
+  const i = $(t).position === "fixed";
+  let r = i ? q(t) : t;
+  for (; E(r) && !tt(r); ) {
+    const l = $(r), a = Tt(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((u) => u !== r) : s = l, r = q(r);
   }
   return e.set(t, o), o;
 }
-function cn(t) {
+function pn(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: o,
-    strategy: i
+    strategy: s
   } = t;
-  const r = [...n === "clippingAncestors" ? pt(e) ? [] : ln(e, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, u) => {
-    const f = Nt(e, u, i);
-    return c.top = j(f.top, c.top), c.right = Rt(f.right, c.right), c.bottom = Rt(f.bottom, c.bottom), c.left = j(f.left, c.left), c;
-  }, Nt(e, l, i));
+  const r = [...n === "clippingAncestors" ? mt(e) ? [] : dn(e, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, u) => {
+    const f = It(e, u, s);
+    return c.top = K(f.top, c.top), c.right = Rt(f.right, c.right), c.bottom = Rt(f.bottom, c.bottom), c.left = K(f.left, c.left), c;
+  }, It(e, l, s));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -822,33 +850,33 @@ function cn(t) {
     y: a.top
   };
 }
-function an(t) {
+function mn(t) {
   const {
     width: e,
     height: n
-  } = Qt(t);
+  } = Zt(t);
   return {
     width: e,
     height: n
   };
 }
-function un(t, e, n) {
-  const o = B(e), i = _(e), s = n === "fixed", r = I(t, !0, s, e);
+function hn(t, e, n) {
+  const o = B(e), s = P(e), i = n === "fixed", r = j(t, !0, i, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const a = k(0);
   function c() {
-    a.x = ht(i);
+    a.x = gt(s);
   }
-  if (o || !o && !s)
-    if ((W(e) !== "body" || st(i)) && (l = mt(e)), o) {
-      const d = I(e, !0, s, e);
+  if (o || !o && !i)
+    if ((X(e) !== "body" || rt(s)) && (l = ht(e)), o) {
+      const d = j(e, !0, i, e);
       a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
-    } else i && c();
-  s && !o && i && c();
-  const u = i && !o && !s ? te(i, l) : k(0), f = r.left + l.scrollLeft - a.x - u.x, m = r.top + l.scrollTop - a.y - u.y;
+    } else s && c();
+  i && !o && s && c();
+  const u = s && !o && !i ? ee(s, l) : k(0), f = r.left + l.scrollLeft - a.x - u.x, m = r.top + l.scrollTop - a.y - u.y;
   return {
     x: f,
     y: m,
@@ -857,38 +885,38 @@ function un(t, e, n) {
   };
 }
 function wt(t) {
-  return E(t).position === "static";
+  return $(t).position === "static";
 }
-function It(t, e) {
-  if (!B(t) || E(t).position === "fixed")
+function Wt(t, e) {
+  if (!B(t) || $(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return _(t) === n && (n = n.ownerDocument.body), n;
+  return P(t) === n && (n = n.ownerDocument.body), n;
 }
-function ne(t, e) {
-  const n = A(t);
-  if (pt(t))
+function oe(t, e) {
+  const n = L(t);
+  if (mt(t))
     return n;
   if (!B(t)) {
-    let i = $(t);
-    for (; i && !G(i); ) {
-      if (T(i) && !wt(i))
-        return i;
-      i = $(i);
+    let s = q(t);
+    for (; s && !tt(s); ) {
+      if (E(s) && !wt(s))
+        return s;
+      s = q(s);
     }
     return n;
   }
-  let o = It(t, e);
-  for (; o && Xe(o) && wt(o); )
-    o = It(o, e);
-  return o && G(o) && wt(o) && !Tt(o) ? n : o || Ge(t) || n;
+  let o = Wt(t, e);
+  for (; o && Ge(o) && wt(o); )
+    o = Wt(o, e);
+  return o && tt(o) && wt(o) && !Tt(o) ? n : o || en(t) || n;
 }
-const fn = async function(t) {
-  const e = this.getOffsetParent || ne, n = this.getDimensions, o = await n(t.floating);
+const gn = async function(t) {
+  const e = this.getOffsetParent || oe, n = this.getDimensions, o = await n(t.floating);
   return {
-    reference: un(t.reference, await e(t.floating), t.strategy),
+    reference: hn(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -897,33 +925,33 @@ const fn = async function(t) {
     }
   };
 };
-function dn(t) {
-  return E(t).direction === "rtl";
-}
-const pn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: tn,
-  getDocumentElement: _,
-  getClippingRect: cn,
-  getOffsetParent: ne,
-  getElementRects: fn,
-  getClientRects: en,
-  getDimensions: an,
-  getScale: U,
-  isElement: T,
-  isRTL: dn
+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,
+  isElement: E,
+  isRTL: vn
 };
-function oe(t, e) {
+function se(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function mn(t, e) {
+function wn(t, e) {
   let n = null, o;
-  const i = _(t);
-  function s() {
+  const s = P(t);
+  function i() {
     var l;
     clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
   }
   function r(l, a) {
-    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
+    l === void 0 && (l = !1), a === void 0 && (a = 1), i();
     const c = t.getBoundingClientRect(), {
       left: u,
       top: f,
@@ -932,186 +960,186 @@ function mn(t, e) {
     } = c;
     if (l || e(), !m || !d)
       return;
-    const p = rt(f), h = rt(i.clientWidth - (u + m)), g = rt(i.clientHeight - (f + d)), v = rt(u), x = {
+    const p = lt(f), h = lt(s.clientWidth - (u + m)), g = lt(s.clientHeight - (f + d)), v = lt(u), b = {
       rootMargin: -p + "px " + -h + "px " + -g + "px " + -v + "px",
-      threshold: j(0, Rt(1, a)) || 1
+      threshold: K(0, Rt(1, a)) || 1
     };
     let R = !0;
-    function S(z) {
-      const y = z[0].intersectionRatio;
-      if (y !== a) {
+    function S(V) {
+      const x = V[0].intersectionRatio;
+      if (x !== a) {
         if (!R)
           return r();
-        y ? r(!1, y) : o = setTimeout(() => {
+        x ? r(!1, x) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      y === 1 && !oe(c, t.getBoundingClientRect()) && r(), R = !1;
+      x === 1 && !se(c, t.getBoundingClientRect()) && r(), R = !1;
     }
     try {
       n = new IntersectionObserver(S, {
-        ...x,
+        ...b,
         // Handle <iframe>s
-        root: i.ownerDocument
+        root: s.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(S, x);
+      n = new IntersectionObserver(S, b);
     }
     n.observe(t);
   }
-  return r(!0), s;
+  return r(!0), i;
 }
-function hn(t, e, n, o) {
+function xn(t, e, n, o) {
   o === void 0 && (o = {});
   const {
-    ancestorScroll: i = !0,
-    ancestorResize: s = !0,
+    ancestorScroll: s = !0,
+    ancestorResize: i = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = o, c = kt(t), u = i || s ? [...c ? ot(c) : [], ...ot(e)] : [];
+  } = o, c = $t(t), u = s || i ? [...c ? it(c) : [], ...it(e)] : [];
   u.forEach((v) => {
-    i && v.addEventListener("scroll", n, {
+    s && v.addEventListener("scroll", n, {
       passive: !0
-    }), s && v.addEventListener("resize", n);
+    }), i && v.addEventListener("resize", n);
   });
-  const f = c && l ? mn(c, n) : null;
+  const f = c && l ? wn(c, n) : null;
   let m = -1, d = null;
   r && (d = new ResizeObserver((v) => {
-    let [w] = v;
-    w && w.target === c && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var x;
-      (x = d) == null || x.observe(e);
+    let [y] = v;
+    y && y.target === c && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
     })), n();
   }), c && !a && d.observe(c), d.observe(e));
-  let p, h = a ? I(t) : null;
+  let p, h = a ? j(t) : null;
   a && g();
   function g() {
-    const v = I(t);
-    h && !oe(h, v) && n(), h = v, p = requestAnimationFrame(g);
+    const v = j(t);
+    h && !se(h, v) && n(), h = v, p = requestAnimationFrame(g);
   }
   return n(), () => {
     var v;
-    u.forEach((w) => {
-      i && w.removeEventListener("scroll", n), s && w.removeEventListener("resize", n);
+    u.forEach((y) => {
+      s && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
     }), f == null || f(), (v = d) == null || v.disconnect(), d = null, a && cancelAnimationFrame(p);
   };
 }
-const gn = Ie, vn = Fe, wn = (t, e, n) => {
-  const o = /* @__PURE__ */ new Map(), i = {
-    platform: pn,
+const bn = Ue, Sn = He, Rn = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), s = {
+    platform: yn,
     ...n
-  }, s = {
-    ...i.platform,
+  }, i = {
+    ...s.platform,
     _c: o
   };
-  return Me(t, e, {
-    ...i,
-    platform: s
+  return Ie(t, e, {
+    ...s,
+    platform: i
   });
 };
-function yn(t) {
+function Cn(t) {
   return t != null && typeof t == "object" && "$el" in t;
 }
-function Wt(t) {
-  if (yn(t)) {
+function Ht(t) {
+  if (Cn(t)) {
     const e = t.$el;
-    return Ot(e) && W(e) === "#comment" ? null : e;
+    return _t(e) && X(e) === "#comment" ? null : e;
   }
   return t;
 }
-function et(t) {
-  return typeof t == "function" ? t() : it(t);
+function ot(t) {
+  return typeof t == "function" ? t() : H(t);
 }
 function ie(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Ht(t, e) {
+function jt(t, e) {
   const n = ie(t);
   return Math.round(e * n) / n;
 }
-function xn(t, e, n) {
+function Ln(t, e, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, i = b(() => {
-    var y;
-    return (y = et(n.open)) != null ? y : !0;
-  }), s = b(() => et(n.middleware)), r = b(() => {
-    var y;
-    return (y = et(n.placement)) != null ? y : "bottom";
-  }), l = b(() => {
-    var y;
-    return (y = et(n.strategy)) != null ? y : "absolute";
-  }), a = b(() => {
-    var y;
-    return (y = et(n.transform)) != null ? y : !0;
-  }), c = b(() => Wt(t.value)), u = b(() => Wt(e.value)), f = tt(0), m = tt(0), d = tt(l.value), p = tt(r.value), h = ce({}), g = tt(!1), v = b(() => {
-    const y = {
+  const o = n.whileElementsMounted, s = w(() => {
+    var x;
+    return (x = ot(n.open)) != null ? x : !0;
+  }), i = w(() => ot(n.middleware)), r = w(() => {
+    var x;
+    return (x = ot(n.placement)) != null ? x : "bottom";
+  }), l = w(() => {
+    var x;
+    return (x = ot(n.strategy)) != null ? x : "absolute";
+  }), a = w(() => {
+    var x;
+    return (x = ot(n.transform)) != null ? x : !0;
+  }), c = w(() => Ht(t.value)), u = w(() => Ht(e.value)), f = nt(0), m = nt(0), d = nt(l.value), p = nt(r.value), h = ae({}), g = nt(!1), v = w(() => {
+    const x = {
       position: d.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return y;
-    const L = Ht(u.value, f.value), M = Ht(u.value, m.value);
+      return x;
+    const A = jt(u.value, f.value), F = jt(u.value, m.value);
     return a.value ? {
-      ...y,
-      transform: "translate(" + L + "px, " + M + "px)",
+      ...x,
+      transform: "translate(" + A + "px, " + F + "px)",
       ...ie(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: d.value,
-      left: L + "px",
-      top: M + "px"
+      left: A + "px",
+      top: F + "px"
     };
   });
-  let w;
-  function x() {
+  let y;
+  function b() {
     if (c.value == null || u.value == null)
       return;
-    const y = i.value;
-    wn(c.value, u.value, {
-      middleware: s.value,
+    const x = s.value;
+    Rn(c.value, u.value, {
+      middleware: i.value,
       placement: r.value,
       strategy: l.value
-    }).then((L) => {
-      f.value = L.x, m.value = L.y, d.value = L.strategy, p.value = L.placement, h.value = L.middlewareData, g.value = y !== !1;
+    }).then((A) => {
+      f.value = A.x, m.value = A.y, d.value = A.strategy, p.value = A.placement, h.value = A.middlewareData, g.value = x !== !1;
     });
   }
   function R() {
-    typeof w == "function" && (w(), w = void 0);
+    typeof y == "function" && (y(), y = void 0);
   }
   function S() {
     if (R(), o === void 0) {
-      x();
+      b();
       return;
     }
     if (c.value != null && u.value != null) {
-      w = o(c.value, u.value, x);
+      y = o(c.value, u.value, b);
       return;
     }
   }
-  function z() {
-    i.value || (g.value = !1);
+  function V() {
+    s.value || (g.value = !1);
   }
-  return vt([s, r, l, i], x, {
+  return yt([i, r, l, s], b, {
     flush: "sync"
-  }), vt([c, u], S, {
+  }), yt([c, u], S, {
     flush: "sync"
-  }), vt(i, z, {
+  }), yt(s, V, {
     flush: "sync"
-  }), ae() && ue(R), {
-    x: X(f),
-    y: X(m),
-    strategy: X(d),
-    placement: X(p),
-    middlewareData: X(h),
-    isPositioned: X(g),
+  }), ue() && fe(R), {
+    x: Y(f),
+    y: Y(m),
+    strategy: Y(d),
+    placement: Y(p),
+    middlewareData: Y(h),
+    isPositioned: Y(g),
     floatingStyles: v,
-    update: x
+    update: b
   };
 }
-const Cn = /* @__PURE__ */ J({
+const En = /* @__PURE__ */ z({
   __name: "SqPopover",
   props: /* @__PURE__ */ bt({
     placement: { default: "top" },
@@ -1129,12 +1157,13 @@ const Cn = /* @__PURE__ */ J({
   emits: ["update:visible"],
   setup(t) {
     let e;
-    const n = t, o = St("triggerRef"), i = St("popverRef"), s = jt(t, "visible"), { floatingStyles: r } = xn(o, i, {
+    const n = t, o = St("triggerRef"), s = St("popverRef"), i = Yt(t, "visible"), { floatingStyles: r } = Ln(o, s, {
       placement: n.placement,
-      whileElementsMounted: hn,
-      middleware: [gn(n.offset), vn()]
+      whileElementsMounted: xn,
+      transform: !1,
+      middleware: [bn(n.offset), Sn()]
     });
-    fe(() => {
+    de(() => {
       m(), document.removeEventListener("click", f);
     });
     function l() {
@@ -1148,45 +1177,45 @@ const Cn = /* @__PURE__ */ J({
       }, n.hideAfter));
     }
     function c() {
-      n.trigger === "click" && (s.value ? f() : n.disabled || u());
+      n.trigger === "click" && (i.value ? f() : n.disabled || u());
     }
     function u() {
-      s.value = !0, document.addEventListener("click", f);
+      i.value = !0, document.addEventListener("click", f);
     }
     function f() {
-      s.value = !1, document.removeEventListener("click", f);
+      i.value = !1, document.removeEventListener("click", f);
     }
     function m() {
       e && (clearTimeout(e), e = void 0);
     }
-    return (d, p) => (C(), N(de, null, [
-      nt("span", {
+    return (d, p) => (C(), _(pe, null, [
+      J("span", {
         class: "sq-popover-trigger",
         ref_key: "triggerRef",
         ref: o,
         onMouseenter: l,
         onMouseleave: a,
-        onClick: $t(c, ["stop"])
+        onClick: qt(c, ["stop"])
       }, [
-        D(d.$slots, "reference")
+        T(d.$slots, "reference")
       ], 544),
-      (C(), Y(pe, {
+      (C(), Q(me, {
         to: "body",
         disabled: !n.teleported
       }, [
-        Xt(me, { name: "sq-fade" }, {
-          default: ut(() => [
-            Ut(nt("div", {
-              class: Q(["sq-popover", d.popoverClass]),
+        Xt(he, { name: "sq-fade" }, {
+          default: ft(() => [
+            Kt(J("div", {
+              class: M(["sq-popover", d.popoverClass]),
               ref_key: "popverRef",
-              ref: i,
-              style: Yt(it(r)),
-              onClick: p[0] || (p[0] = $t(() => {
+              ref: s,
+              style: At(H(r)),
+              onClick: p[0] || (p[0] = qt(() => {
               }, ["stop"]))
             }, [
-              D(d.$slots, "default")
+              T(d.$slots, "default")
             ], 6), [
-              [he, s.value]
+              [ge, i.value]
             ])
           ]),
           _: 3
@@ -1194,7 +1223,33 @@ const Cn = /* @__PURE__ */ J({
       ], 8, ["disabled"]))
     ], 64));
   }
-}), An = /* @__PURE__ */ J({
+}), $n = /* @__PURE__ */ z({
+  __name: "SqProgress",
+  props: {
+    value: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    color: {},
+    type: { default: "primary" }
+  },
+  setup(t) {
+    const e = t, n = w(() => e.color ? [] : [`is-${e.type}`]), o = w(() => {
+      const i = e.max - e.min;
+      return (e.value - e.min) * 100 / i;
+    }), s = w(() => {
+      const i = {};
+      if (i["--progress-value"] = `${o.value}%`, e.color) {
+        const l = typeof e.color == "string" ? e.color : e.color(o.value);
+        i["--progress-color"] = l;
+      }
+      return i;
+    });
+    return (i, r) => (C(), _("div", {
+      class: M(["sq-progress", n.value]),
+      style: At(s.value)
+    }, null, 6));
+  }
+}), kn = /* @__PURE__ */ z({
   __name: "SqTag",
   props: {
     type: {},
@@ -1203,21 +1258,21 @@ const Cn = /* @__PURE__ */ J({
     size: { default: "md" }
   },
   setup(t) {
-    const e = t, n = b(() => {
-      const i = [];
-      return e.size !== "md" && i.push(`sq-tag--${e.size}`), e.theme !== "materialize" && e.type && i.push(`is-${e.theme}`), e.type && i.push(`is-${e.type}`), e.round && i.push("is-round"), i;
-    }), o = b(() => e.size === "lg" ? "md" : "sm");
-    return (i, s) => (C(), Y(it(Bt), {
-      class: Q(["sq-tag", n.value]),
+    const e = t, n = w(() => {
+      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) => (C(), Q(H(kt), {
+      class: M(["sq-tag", n.value]),
       size: o.value
     }, {
-      default: ut(() => [
-        D(i.$slots, "default")
+      default: ft(() => [
+        T(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
   }
-}), Ln = /* @__PURE__ */ J({
+}), Bn = /* @__PURE__ */ z({
   __name: "SqCheckTag",
   props: {
     checked: { type: Boolean, default: !1 },
@@ -1227,22 +1282,22 @@ const Cn = /* @__PURE__ */ J({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const n = e, o = t, i = b(() => {
+    const n = e, o = t, s = w(() => {
       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;
-    }), s = b(() => o.size === "lg" ? "md" : "sm");
-    return (r, l) => (C(), Y(it(Bt), {
-      class: Q(["sq-check-tag", i.value]),
-      size: s.value,
+    }), i = w(() => o.size === "lg" ? "md" : "sm");
+    return (r, l) => (C(), Q(H(kt), {
+      class: M(["sq-check-tag", s.value]),
+      size: i.value,
       onClick: l[0] || (l[0] = (a) => n("change", !o.checked))
     }, {
-      default: ut(() => [
-        D(r.$slots, "default")
+      default: ft(() => [
+        T(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
   }
-}), Bt = /* @__PURE__ */ J({
+}), kt = /* @__PURE__ */ z({
   __name: "SqText",
   props: {
     rowNum: { default: 1 },
@@ -1250,25 +1305,27 @@ const Cn = /* @__PURE__ */ J({
     size: { default: "md" }
   },
   setup(t) {
-    const e = t, n = b(() => {
-      const i = [];
-      return e.size !== "md" && i.push(`s-text--${e.size}`), e.ellipsis && i.push(e.rowNum > 1 ? "multi-line" : "single-line"), i;
-    }), o = b(
+    const e = t, n = w(() => {
+      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(
       () => e.ellipsis ? `--row-num: ${e.rowNum}` : ""
     );
-    return (i, s) => (C(), N("span", {
-      class: Q(["sq-text", n.value]),
-      style: Yt(o.value)
+    return (s, i) => (C(), _("span", {
+      class: M(["sq-text", n.value]),
+      style: At(o.value)
     }, [
-      D(i.$slots, "default")
+      T(s.$slots, "default")
     ], 6));
   }
 });
 export {
-  Sn as SqButton,
-  Ln as SqCheckTag,
-  Rn as SqInput,
-  Cn as SqPopover,
-  An as SqTag,
-  Bt as SqText
+  On as SqButton,
+  _n as SqCard,
+  Bn as SqCheckTag,
+  Tn as SqInput,
+  En as SqPopover,
+  $n as SqProgress,
+  kn as SqTag,
+  kt as SqText
 };