@cregis/ui 0.2.0 → 0.2.2

package/dist/es/cregis-ui.js

@@ -1,9 +1,9 @@
-import { defineComponent as Y, computed as h, createElementBlock as O, openBlock as y, createElementVNode as E, createCommentVNode as I, mergeProps as xe, createBlock as We, renderSlot as q, resolveDynamicComponent as It, normalizeClass as j, toDisplayString as _, unref as ae, ref as M, watch as J, normalizeStyle as pe, withDirectives as Le, vModelDynamic as ur, withModifiers as dr, vModelText as fr, createVNode as U, withCtx as Z, createTextVNode as Oe, nextTick as Ye, reactive as je, provide as Nt, toRef as pr, Fragment as st, renderList as lt, inject as Ft, onMounted as Je, onUnmounted as Ve, onBeforeUnmount as Ht, Transition as pt, render as Ke, h as qt, toHandlers as Pt, vShow as vt } from "vue";
-import { EdsLoad as vr, EdsCloseCircleFill as mr, EdsWarningFill as gr, EdsSearch as Ut, EdsArrowDownMiniIos as Xt, EdsArrowRightMiniIos as hr } from "@cregis/icon";
-const br = {
+import { defineComponent as G, useSlots as ur, computed as m, createElementBlock as x, openBlock as b, createElementVNode as V, createCommentVNode as I, mergeProps as xe, createBlock as Le, resolveDynamicComponent as Ft, normalizeStyle as ie, renderSlot as q, normalizeClass as j, toDisplayString as M, unref as ne, ref as _, watch as J, withDirectives as je, vModelDynamic as dr, withModifiers as fr, vModelText as pr, createVNode as U, withCtx as Z, createTextVNode as $e, nextTick as Ke, reactive as Me, provide as Ht, toRef as vr, Fragment as lt, renderList as ct, inject as qt, onMounted as et, onUnmounted as Ee, onBeforeUnmount as Ut, Transition as vt, render as Qe, h as Yt, toHandlers as Et, vShow as mt } from "vue";
+import { EdsLoad as mr, EdsCloseCircleFill as gr, EdsWarningFill as hr, EdsSearch as Xt, EdsArrowDownMiniIos as Kt, EdsArrowRightMiniIos as br } from "@cregis/icon";
+const yr = {
   key: 0,
   class: "cregis-button__icon-wrapper"
-}, yr = ["disabled"], wr = ["disabled"], xr = ["disabled"], Ue = /* @__PURE__ */ Y({
+}, wr = ["disabled"], xr = ["disabled"], Or = ["disabled"], Ye = /* @__PURE__ */ G({
   name: "Button",
   inheritAttrs: !1,
   __name: "Button",
@@ -24,7 +24,10 @@ const br = {
     isActive: { type: Boolean }
   },
   setup(e) {
-    const t = e, r = h(() => t.size === "large" ? "20px" : t.size === "medium" ? "16px" : "12px"), n = h(() => t.size === "large" || t.size === "medium" ? "16px" : "12px"), a = h(() => t.width ? { width: t.width } : void 0), i = h(() => {
+    const t = e, r = ur(), n = m(() => {
+      const s = t, d = r.icon;
+      return !s.icon && typeof d == "function";
+    }), a = m(() => t.size === "large" ? "20px" : t.size === "medium" ? "16px" : "12px"), i = m(() => t.size === "large" || t.size === "medium" ? "16px" : "12px"), l = m(() => t.width ? { width: t.width } : void 0), o = m(() => {
       if (t.plain || t.text)
         switch (t.type) {
           case "primary":
@@ -41,26 +44,33 @@ const br = {
       else
         return t.type === "secondary" ? "var(--material-foreground-base-secondary)" : t.type === "foreground" ? "var(--text-face-primary)" : t.type === "sameWhite" ? "var(--text-same-black)" : "var(--material-same-white)";
     });
-    return (s, o) => e.icon || s.$slots.icon ? (y(), O("div", br, [
-      E("button", xe(s.$attrs, {
+    return (s, d) => e.icon || s.$slots.icon ? (b(), x("div", yr, [
+      V("button", xe(s.$attrs, {
         class: ["cregis-button__icon", {
           [`cregis-button__icon--${e.iconType}`]: e.iconType,
           [`cregis-button__icon--${e.size}`]: e.size,
+          "cregis-button__icon--slot": n.value,
           "is-disabled": e.disabled,
           "is-active": e.isActive
         }],
         disabled: e.disabled || e.loading
       }), [
-        e.icon ? (y(), We(It(e.icon), {
+        e.icon ? (b(), Le(Ft(e.icon), {
           key: 0,
-          size: r.value
-        }, null, 8, ["size"])) : q(s.$slots, "icon", { key: 1 })
-      ], 16, yr),
-      e.iconText ? (y(), O("span", {
+          size: a.value
+        }, null, 8, ["size"])) : (b(), x("span", {
+          key: 1,
+          class: "cregis-button__icon-slot-inner",
+          style: ie({ "--cregis-btn-icon-slot-size": a.value })
+        }, [
+          q(s.$slots, "icon")
+        ], 4))
+      ], 16, wr),
+      e.iconText ? (b(), x("span", {
         key: 0,
         class: j(["cregis-button__icon-text", { "is-disabled": e.disabled }])
-      }, _(e.iconText), 3)) : I("", !0)
-    ])) : e.link ? (y(), O("button", xe({ key: 1 }, s.$attrs, {
+      }, M(e.iconText), 3)) : I("", !0)
+    ])) : e.link ? (b(), x("button", xe({ key: 1 }, s.$attrs, {
       class: ["cregis-button__link", {
         [`cregis-button__link--${e.type}`]: e.type,
         [`cregis-button__link--${e.size}`]: e.size,
@@ -70,11 +80,11 @@ const br = {
       disabled: e.disabled || e.loading
     }), [
       q(s.$slots, "default")
-    ], 16, wr)) : (y(), O("button", xe({
+    ], 16, xr)) : (b(), x("button", xe({
       key: 2,
       ref: "buttonRef"
     }, s.$attrs, {
-      style: a.value,
+      style: l.value,
       class: ["cregis-button", {
         [`cregis-button--${e.type}`]: e.type,
         [`cregis-button--${e.size}`]: e.size,
@@ -88,24 +98,24 @@ const br = {
       }],
       disabled: e.disabled || e.loading
     }), [
-      e.loading ? (y(), We(ae(vr), {
+      e.loading ? (b(), Le(ne(mr), {
         key: 0,
         class: "loading",
-        size: n.value,
-        color: i.value
+        size: i.value,
+        color: o.value
       }, null, 8, ["size", "color"])) : q(s.$slots, "default", { key: 1 })
-    ], 16, xr));
+    ], 16, Or));
   }
 }), $r = {
   key: 0,
   class: "cregis-input__prefix"
-}, Or = ["type", "placeholder", "disabled"], kr = {
+}, kr = ["type", "placeholder", "disabled"], Tr = {
   key: 2,
   class: "cregis-input__suffix"
-}, Tr = ["disabled", "placeholder", "rows"], Cr = {
+}, Sr = ["disabled", "placeholder", "rows"], Cr = {
   key: 0,
   class: "cregis-textarea__buttons"
-}, Yt = /* @__PURE__ */ Y({
+}, Qt = /* @__PURE__ */ G({
   name: "Input",
   inheritAttrs: !1,
   __name: "Input",
@@ -123,37 +133,37 @@ const br = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = r, i = M(n.modelValue);
+    const n = e, a = r, i = _(n.modelValue);
     J(
       () => n.modelValue,
       (f) => {
         i.value = f;
       }
     );
-    const s = M(), o = M(0), l = M(!1);
+    const l = _(), o = _(0), s = _(!1);
     let d = null;
     const c = async () => {
-      await Ye(), s.value?.focus();
+      await Ke(), l.value?.focus();
     }, w = async () => {
-      a("update:modelValue", i.value), a("input", i.value), await Ye(), S();
+      a("update:modelValue", i.value), a("input", i.value), await Ke(), C();
     }, k = () => {
       a("change", i.value);
     }, v = (f) => {
-      l.value = !0, a("focus", f);
-    }, C = (f) => {
-      l.value = !1, a("blur", f);
-    }, x = h(() => n.clearable && !n.disabled && !!i.value && l.value), $ = () => {
+      s.value = !0, a("focus", f);
+    }, S = (f) => {
+      s.value = !1, a("blur", f);
+    }, O = m(() => n.clearable && !n.disabled && !!i.value && s.value), $ = () => {
       i.value = "", a("update:modelValue", ""), a("clear"), a("input", ""), a("change", "");
-    }, S = () => {
+    }, C = () => {
       d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-        if (!s.value || s.value.tagName !== "INPUT") return;
-        const f = s.value, m = f.value, u = document.createElement("span");
-        u.style.position = "absolute", u.style.visibility = "hidden", u.style.whiteSpace = "pre", u.style.font = window.getComputedStyle(f).font, u.style.letterSpacing = window.getComputedStyle(f).letterSpacing, u.textContent = m || " ", document.body.appendChild(u), o.value = u.getBoundingClientRect().width, document.body.removeChild(u);
+        if (!l.value || l.value.tagName !== "INPUT") return;
+        const f = l.value, g = f.value, u = document.createElement("span");
+        u.style.position = "absolute", u.style.visibility = "hidden", u.style.whiteSpace = "pre", u.style.font = window.getComputedStyle(f).font, u.style.letterSpacing = window.getComputedStyle(f).letterSpacing, u.textContent = g || " ", document.body.appendChild(u), o.value = u.getBoundingClientRect().width, document.body.removeChild(u);
       });
-    }, V = h(() => {
+    }, E = m(() => {
       const f = {};
       return o.value > 0 && (f.position = "absolute", f.left = `${o.value + 16}px`), f;
-    }), A = async () => {
+    }), R = async () => {
       try {
         i.value = await navigator.clipboard.readText();
       } catch (f) {
@@ -162,8 +172,8 @@ const br = {
     };
     return t({
       focus: c,
-      updateTextWidth: S
-    }), (f, m) => e.type !== "textarea" ? (y(), O("div", {
+      updateTextWidth: C
+    }), (f, g) => e.type !== "textarea" ? (b(), x("div", {
       key: 0,
       class: j(["cregis-input", {
         [`cregis-input--${e.size}`]: e.size,
@@ -171,19 +181,19 @@ const br = {
         "is-prefix": f.$slots.prefix,
         "is-suffix": f.$slots.suffix
       }]),
-      style: pe([{ width: e.width }, e.inputStyle])
+      style: ie([{ width: e.width }, e.inputStyle])
     }, [
-      E("div", {
-        class: j(["cregis-input__wrapper", { "is-focus": l.value }])
+      V("div", {
+        class: j(["cregis-input__wrapper", { "is-focus": s.value }])
       }, [
-        f.$slots.prefix ? (y(), O("span", $r, [
+        f.$slots.prefix ? (b(), x("span", $r, [
           q(f.$slots, "prefix")
         ])) : I("", !0),
-        Le(E("input", xe({
+        je(V("input", xe({
           class: "cregis-input__inner",
-          "onUpdate:modelValue": m[0] || (m[0] = (u) => i.value = u),
+          "onUpdate:modelValue": g[0] || (g[0] = (u) => i.value = u),
           ref_key: "inputRef",
-          ref: s,
+          ref: l,
           type: e.type,
           placeholder: e.placeholder
         }, f.$attrs, {
@@ -191,85 +201,85 @@ const br = {
           onInput: w,
           onChange: k,
           onFocus: v,
-          onBlur: C
-        }), null, 16, Or), [
-          [ur, i.value]
+          onBlur: S
+        }), null, 16, kr), [
+          [dr, i.value]
         ]),
-        e.unit && i.value ? (y(), O("span", {
+        e.unit && i.value ? (b(), x("span", {
           key: 1,
-          style: pe(V.value),
+          style: ie(E.value),
           class: "cregis-input__unit"
-        }, _(e.unit), 5)) : I("", !0),
-        f.$slots.suffix || x.value ? (y(), O("span", kr, [
+        }, M(e.unit), 5)) : I("", !0),
+        f.$slots.suffix || O.value ? (b(), x("span", Tr, [
           q(f.$slots, "suffix"),
-          x.value ? (y(), We(Ue, {
+          O.value ? (b(), Le(Ye, {
             key: 0,
-            icon: ae(mr),
+            icon: ne(gr),
             "icon-type": "square",
             onClick: $,
-            onMousedown: m[1] || (m[1] = dr(() => {
+            onMousedown: g[1] || (g[1] = fr(() => {
             }, ["prevent"]))
           }, null, 8, ["icon"])) : I("", !0)
         ])) : I("", !0)
       ], 2)
-    ], 6)) : (y(), O("div", {
+    ], 6)) : (b(), x("div", {
       key: 1,
       class: j(["cregis-textarea", { "is-disabled": e.disabled }]),
-      style: pe([{ width: e.width }, e.inputStyle])
+      style: ie([{ width: e.width }, e.inputStyle])
     }, [
-      Le(E("textarea", xe({ class: "cregis-textarea__wrapper" }, f.$attrs, {
+      je(V("textarea", xe({ class: "cregis-textarea__wrapper" }, f.$attrs, {
         ref_key: "inputRef",
-        ref: s,
+        ref: l,
         disabled: e.disabled,
         placeholder: e.placeholder,
         rows: e.rows,
-        "onUpdate:modelValue": m[2] || (m[2] = (u) => i.value = u),
+        "onUpdate:modelValue": g[2] || (g[2] = (u) => i.value = u),
         onInput: w,
         onChange: k,
         onFocus: v,
-        onBlur: C
-      }), null, 16, Tr), [
-        [fr, i.value]
+        onBlur: S
+      }), null, 16, Sr), [
+        [pr, i.value]
       ]),
-      e.disabled ? I("", !0) : (y(), O("div", Cr, [
-        U(Ue, {
+      e.disabled ? I("", !0) : (b(), x("div", Cr, [
+        U(Ye, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
-          onClick: A
+          onClick: R
         }, {
-          default: Z(() => [...m[3] || (m[3] = [
-            Oe(" Paste ", -1)
+          default: Z(() => [...g[3] || (g[3] = [
+            $e(" Paste ", -1)
           ])]),
           _: 1
         }),
-        U(Ue, {
+        U(Ye, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
           disabled: !i.value,
           onClick: $
         }, {
-          default: Z(() => [...m[4] || (m[4] = [
-            Oe(" Clear ", -1)
+          default: Z(() => [...g[4] || (g[4] = [
+            $e(" Clear ", -1)
           ])]),
           _: 1
         }, 8, ["disabled"])
       ]))
     ], 6));
   }
-}), Sr = ["width", "height"], Pr = {
+}), Pr = ["width", "height"], Vr = {
   stroke: "none",
   "stroke-width": "1",
   fill: "none",
   "fill-rule": "evenodd"
-}, Er = { transform: "translate(-394.000000, -457.000000)" }, Vr = { transform: "translate(394.000000, 457.000000)" }, Br = ["width", "height"], Rr = /* @__PURE__ */ Y({
+}, Er = { transform: "translate(-394.000000, -457.000000)" }, Br = { transform: "translate(394.000000, 457.000000)" }, Ar = ["width", "height"], Rr = /* @__PURE__ */ G({
   __name: "checked-basis",
   props: {
     size: { default: "16px" }
   },
   setup(e) {
-    return (t, r) => (y(), O("svg", {
+    return (t, r) => (b(), x("svg", {
       width: e.size,
       height: e.size,
       viewBox: "0 0 16 16",
@@ -277,16 +287,16 @@ const br = {
       xmlns: "http://www.w3.org/2000/svg",
       "xmlns:xlink": "http://www.w3.org/1999/xlink"
     }, [
-      E("g", Pr, [
-        E("g", Er, [
-          E("g", Vr, [
-            E("rect", {
+      V("g", Vr, [
+        V("g", Er, [
+          V("g", Br, [
+            V("rect", {
               x: "0",
               y: "0",
               width: e.size,
               height: e.size
-            }, null, 8, Br),
-            r[0] || (r[0] = E("path", {
+            }, null, 8, Ar),
+            r[0] || (r[0] = V("path", {
               d: "M6.67713976,13.5709642 C7.12567714,13.5709642 7.468039,13.3943662 7.70422535,13.0411701 L13.7562297,3.77789816 C13.8407367,3.65005417 13.9024919,3.52546046 13.9414951,3.40411701 C13.9804984,3.28277356 14,3.16468039 14,3.04983749 C14,2.74647887 13.8976165,2.49566631 13.6928494,2.29739978 C13.4880823,2.09913326 13.2307692,2 12.9209101,2 C12.7063922,2 12.5265439,2.04225352 12.3813651,2.12676056 C12.2361863,2.21126761 12.0975081,2.35536295 11.9653304,2.55904659 L6.65113759,10.9512459 L3.95016251,7.60346696 C3.71830986,7.32177681 3.43011918,7.18093174 3.08559047,7.18093174 C2.77139762,7.18093174 2.51191766,7.28169014 2.3071506,7.48320693 C2.10238353,7.68472373 2,7.93824485 2,8.24377031 C2,8.38028169 2.02329361,8.51083424 2.06988082,8.63542795 C2.11646804,8.76002167 2.19826652,8.88949079 2.31527627,9.02383532 L5.67280607,13.0899242 C5.94149512,13.4106176 6.27627302,13.5709642 6.67713976,13.5709642 Z",
               fill: "currentColor",
               "fill-rule": "nonzero"
@@ -294,12 +304,12 @@ const br = {
           ])
         ])
       ])
-    ], 8, Sr));
+    ], 8, Pr));
   }
-}), Ar = {
+}), Dr = {
   key: 0,
   class: "cregis-checkbox--indeterminate"
-}, Gn = /* @__PURE__ */ Y({
+}, ei = /* @__PURE__ */ G({
   name: "Checkbox",
   __name: "Checkbox",
   props: {
@@ -311,7 +321,7 @@ const br = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = h(() => r.modelValue), i = () => {
+    const r = e, n = t, a = m(() => r.modelValue), i = () => {
       r.disabled || n("update:modelValue", !a.value);
     };
     return J(
@@ -319,11 +329,11 @@ const br = {
       () => {
         n("change", a.value);
       }
-    ), (s, o) => (y(), O("div", {
+    ), (l, o) => (b(), x("div", {
       class: "cregis-checkbox__wrapper",
       onClick: i
     }, [
-      E("div", {
+      V("div", {
         class: j(["cregis-checkbox", {
           "is-disabled": e.disabled,
           "is-checked": a.value,
@@ -331,22 +341,22 @@ const br = {
           "is-indeterminate": e.indeterminate
         }])
       }, [
-        e.indeterminate ? (y(), O("div", Ar)) : (y(), We(Rr, {
+        e.indeterminate ? (b(), x("div", Dr)) : (b(), Le(Rr, {
           key: 1,
           size: "10px"
         }))
       ], 2),
-      s.$slots.default || e.label ? (y(), O("span", {
+      l.$slots.default || e.label ? (b(), x("span", {
         key: 0,
         class: j(["cregis-checkbox__label", { "is-disabled": e.disabled }])
       }, [
-        q(s.$slots, "default", {}, () => [
-          Oe(_(e.label), 1)
+        q(l.$slots, "default", {}, () => [
+          $e(M(e.label), 1)
         ])
       ], 2)) : I("", !0)
     ]));
   }
-}), Zn = /* @__PURE__ */ Y({
+}), ti = /* @__PURE__ */ G({
   name: "Radio",
   __name: "Radio",
   props: {
@@ -357,32 +367,32 @@ const br = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = h(() => r.modelValue === r.value), i = () => {
+    const r = e, n = t, a = m(() => r.modelValue === r.value), i = () => {
       r.disabled || (n("update:modelValue", r.value), n("change", r.value));
     };
-    return (s, o) => (y(), O("div", {
+    return (l, o) => (b(), x("div", {
       class: "cregis-radio__wrapper",
       onClick: i
     }, [
-      E("div", {
+      V("div", {
         class: j(["cregis-radio", {
           "is-disabled": e.disabled,
           "is-checked": a.value
         }])
       }, [...o[0] || (o[0] = [
-        E("div", { class: "cregis-radio__inner" }, null, -1)
+        V("div", { class: "cregis-radio__inner" }, null, -1)
       ])], 2),
-      s.$slots.default || e.label ? (y(), O("span", {
+      l.$slots.default || e.label ? (b(), x("span", {
         key: 0,
         class: j(["cregis-radio__label", { "is-disabled": e.disabled }])
       }, [
-        q(s.$slots, "default", {}, () => [
-          Oe(_(e.label), 1)
+        q(l.$slots, "default", {}, () => [
+          $e(M(e.label), 1)
         ])
       ], 2)) : I("", !0)
     ]));
   }
-}), Jn = /* @__PURE__ */ Y({
+}), ri = /* @__PURE__ */ G({
   name: "Divider",
   __name: "Divider",
   props: {
@@ -394,13 +404,13 @@ const br = {
     length: {}
   },
   setup(e) {
-    const t = e, r = h(() => {
+    const t = e, r = m(() => {
       if (Array.isArray(t.margin)) {
         const [a, i] = t.margin;
         return t.direction === "horizontal" ? `${a} 0 ${i} 0` : `0 ${i} 0 ${a}`;
       } else
         return t.direction === "horizontal" ? `${t.margin} 0` : `0 ${t.margin}`;
-    }), n = h(() => t.direction === "horizontal" ? {
+    }), n = m(() => t.direction === "horizontal" ? {
       width: t.length || "100%",
       borderTopWidth: t.lineThickness,
       borderTopStyle: t.borderStyle,
@@ -413,14 +423,14 @@ const br = {
       borderLeftColor: t.color,
       margin: r.value
     });
-    return (a, i) => (y(), O("div", {
+    return (a, i) => (b(), x("div", {
       class: j(["cregis-divider", {
         [`cregis-divider--${e.direction}`]: e.direction
       }]),
-      style: pe(n.value)
+      style: ie(n.value)
     }, null, 6));
   }
-}), Kt = Symbol("TABS_KEY"), Dr = ["onClick"], zr = { style: { display: "none" } }, ei = /* @__PURE__ */ Y({
+}), Gt = Symbol("TABS_KEY"), zr = ["onClick"], Wr = { style: { display: "none" } }, ai = /* @__PURE__ */ G({
   name: "Tabs",
   __name: "Tabs",
   props: {
@@ -430,12 +440,12 @@ const br = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = je([]), n = (s) => {
-      r.some((o) => o.name === s.name) || r.push(s);
-    }, a = (s) => {
-      const o = r.findIndex((l) => l.name === s);
+    const t = e, r = Me([]), n = (l) => {
+      r.some((o) => o.name === l.name) || r.push(l);
+    }, a = (l) => {
+      const o = r.findIndex((s) => s.name === l);
       o !== -1 && r.splice(o, 1);
-    }, i = h(() => t.type === "card" ? t.size === "large" ? {
+    }, i = m(() => t.type === "card" ? t.size === "large" ? {
       borderRadius: "13px"
     } : t.size === "medium" ? {
       borderRadius: "11px"
@@ -444,30 +454,30 @@ const br = {
     } : {
       borderRadius: 0
     });
-    return Nt(Kt, {
-      activeName: pr(t, "modelValue"),
+    return Ht(Gt, {
+      activeName: vr(t, "modelValue"),
       registerTab: n,
       unregisterTab: a
-    }), (s, o) => (y(), O("div", {
+    }), (l, o) => (b(), x("div", {
       class: j(["cregis-tabs", {
         [`cregis-tabs--${e.type}`]: e.type,
         [`cregis-tabs--${e.size}`]: e.size
       }])
     }, [
-      (y(!0), O(st, null, lt(r, (l) => (y(), O("div", {
-        key: l.name,
-        class: j(["cregis-tabs__item", { "is-active": e.modelValue === l.name }]),
-        style: pe(i.value),
-        onClick: (d) => s.$emit("update:modelValue", l.name)
+      (b(!0), x(lt, null, ct(r, (s) => (b(), x("div", {
+        key: s.name,
+        class: j(["cregis-tabs__item", { "is-active": e.modelValue === s.name }]),
+        style: ie(i.value),
+        onClick: (d) => l.$emit("update:modelValue", s.name)
       }, [
-        E("span", null, _(l.label), 1)
-      ], 14, Dr))), 128)),
-      E("div", zr, [
-        q(s.$slots, "default")
+        V("span", null, M(s.label), 1)
+      ], 14, zr))), 128)),
+      V("div", Wr, [
+        q(l.$slots, "default")
       ])
     ], 2));
   }
-}), ti = /* @__PURE__ */ Y({
+}), ni = /* @__PURE__ */ G({
   name: "TabPane",
   __name: "TabPane",
   props: {
@@ -475,25 +485,25 @@ const br = {
     name: {}
   },
   setup(e) {
-    const t = e, r = Ft(Kt);
+    const t = e, r = qt(Gt);
     if (!r) throw new Error("TabPane must be used within Tabs");
-    return Je(() => {
+    return et(() => {
       r.registerTab({ label: t.label, name: t.name });
     }), J(
       () => t.label,
       (n) => {
         r.unregisterTab(t.name), r.registerTab({ label: n, name: t.name });
       }
-    ), Ve(() => {
+    ), Ee(() => {
       r.unregisterTab(t.name);
     }), (n, a) => null;
   }
-}), Wr = { class: "cregis-message__wrapper" }, Lr = {
+}), Lr = { class: "cregis-message__wrapper" }, jr = {
   key: 0,
   class: "cregis-message",
   role: "status",
   "aria-live": "polite"
-}, jr = /* @__PURE__ */ Y({
+}, Mr = /* @__PURE__ */ G({
   name: "Message",
   __name: "Message",
   props: {
@@ -502,7 +512,7 @@ const br = {
     onVanish: {}
   },
   setup(e) {
-    const t = e, r = M(!1);
+    const t = e, r = _(!1);
     let n;
     const a = () => {
       n = window.setTimeout(() => {
@@ -511,53 +521,53 @@ const br = {
     }, i = () => {
       t.onVanish?.();
     };
-    return Ht(() => {
+    return Ut(() => {
       n !== void 0 && clearTimeout(n);
-    }), Ye(() => {
+    }), Ke(() => {
       r.value = !0;
-    }), (s, o) => (y(), O("div", Wr, [
-      U(pt, {
+    }), (l, o) => (b(), x("div", Lr, [
+      U(vt, {
         name: "cregis-message",
         onAfterEnter: a,
         onAfterLeave: i
       }, {
         default: Z(() => [
-          r.value ? (y(), O("div", Lr, _(e.message), 1)) : I("", !0)
+          r.value ? (b(), x("div", jr, M(e.message), 1)) : I("", !0)
         ]),
         _: 1
       })
     ]));
   }
 });
-let nt = !1;
-function Mr(e) {
+let it = !1;
+function _r(e) {
   return typeof e == "string" ? { message: e, duration: 1e3 } : {
     message: e.message,
     duration: e.duration ?? 1e3
   };
 }
-function ri(e) {
-  if (nt) return;
-  const { message: t, duration: r } = Mr(e);
-  nt = !0;
+function ii(e) {
+  if (it) return;
+  const { message: t, duration: r } = _r(e);
+  it = !0;
   const n = document.createElement("div");
-  document.body.appendChild(n), Ke(
-    qt(jr, {
+  document.body.appendChild(n), Qe(
+    Yt(Mr, {
       message: t,
       duration: r,
       onVanish: () => {
-        nt = !1, Ke(null, n), n.remove();
+        it = !1, Qe(null, n), n.remove();
       }
     }),
     n
   );
 }
-const _r = { class: "cregis-notification__wrapper" }, Ir = {
+const Ir = { class: "cregis-notification__wrapper" }, Nr = {
   key: 0,
   class: "cregis-notification",
   role: "status",
   "aria-live": "polite"
-}, Nr = { class: "cregis-notification__content" }, Fr = { class: "cregis-notification__title" }, Hr = { class: "cregis-notification__message" }, qr = /* @__PURE__ */ Y({
+}, Fr = { class: "cregis-notification__content" }, Hr = { class: "cregis-notification__title" }, qr = { class: "cregis-notification__message" }, Ur = /* @__PURE__ */ G({
   name: "Notification",
   __name: "Notification",
   props: {
@@ -568,35 +578,35 @@ const _r = { class: "cregis-notification__wrapper" }, Ir = {
     onVanish: {}
   },
   setup(e) {
-    const t = e, r = M(!1), n = () => {
+    const t = e, r = _(!1), n = () => {
       r.value = !1;
     }, a = () => {
       t.onVanish?.();
     };
-    return Ht(() => {
-    }), Ye(() => {
+    return Ut(() => {
+    }), Ke(() => {
       r.value = !0;
-    }), (i, s) => (y(), O("div", _r, [
-      U(pt, {
+    }), (i, l) => (b(), x("div", Ir, [
+      U(vt, {
         name: "cregis-notification",
         onAfterLeave: a
       }, {
         default: Z(() => [
-          r.value ? (y(), O("div", Ir, [
-            (y(), We(It(ae(gr)), {
+          r.value ? (b(), x("div", Nr, [
+            (b(), Le(Ft(ne(hr)), {
               size: "18px",
               color: "var(--material-vibrant-error-primary)"
             })),
-            E("div", Nr, [
-              E("div", Fr, _(e.title), 1),
-              E("div", Hr, _(e.message), 1)
+            V("div", Fr, [
+              V("div", Hr, M(e.title), 1),
+              V("div", qr, M(e.message), 1)
             ]),
-            U(Ue, {
+            U(Ye, {
               type: "sameWhite",
               onClick: n
             }, {
               default: Z(() => [
-                Oe(_(e.btnText), 1)
+                $e(M(e.btnText), 1)
               ]),
               _: 1
             })
@@ -607,29 +617,29 @@ const _r = { class: "cregis-notification__wrapper" }, Ir = {
     ]));
   }
 });
-let it = !1;
-function ai(e) {
-  if (it) return;
+let ot = !1;
+function oi(e) {
+  if (ot) return;
   const { title: t, message: r, type: n, btnText: a } = e;
-  it = !0;
+  ot = !0;
   const i = document.createElement("div");
-  document.body.appendChild(i), Ke(
-    qt(qr, {
+  document.body.appendChild(i), Qe(
+    Yt(Ur, {
       title: t,
       message: r,
       type: n,
       btnText: a,
       onVanish: () => {
-        it = !1, Ke(null, i), i.remove();
+        ot = !1, Qe(null, i), i.remove();
       }
     }),
     i
   );
 }
-const Ur = { class: "cregis-progress__wrapper" }, Xr = { class: "cregis-progress__track-wrap" }, Yr = { class: "cregis-progress cregis-progress--striped active" }, Kr = {
+const Yr = { class: "cregis-progress__wrapper" }, Xr = { class: "cregis-progress__track-wrap" }, Kr = { class: "cregis-progress cregis-progress--striped active" }, Qr = {
   key: 0,
   class: "cregis-progress__sliding-block"
-}, ni = /* @__PURE__ */ Y({
+}, si = /* @__PURE__ */ G({
   name: "Progress",
   __name: "Progress",
   props: {
@@ -638,37 +648,37 @@ const Ur = { class: "cregis-progress__wrapper" }, Xr = { class: "cregis-progress
     showPercentage: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, r = h(() => Math.min(100, Math.max(0, t.percentage - 1))), n = h(() => ({
+    const t = e, r = m(() => Math.min(100, Math.max(0, t.percentage - 1))), n = m(() => ({
       width: `${t.percentage}%`,
       height: `${t.strokeWidth}px`
-    })), a = h(() => ({
+    })), a = m(() => ({
       "--cregis-progress-tip-left": `${r.value}%`
-    })), i = h(() => `${Math.round(t.percentage)}%`);
-    return (s, o) => (y(), O("div", Ur, [
-      E("div", Xr, [
-        e.showPercentage && t.percentage > 0 ? (y(), O("div", {
+    })), i = m(() => `${Math.round(t.percentage)}%`);
+    return (l, o) => (b(), x("div", Yr, [
+      V("div", Xr, [
+        e.showPercentage && t.percentage > 0 ? (b(), x("div", {
           key: 0,
           class: "cregis-progress__tip",
-          style: pe(a.value),
+          style: ie(a.value),
           "aria-live": "polite"
-        }, _(i.value), 5)) : I("", !0),
-        E("div", Yr, [
-          E("div", {
+        }, M(i.value), 5)) : I("", !0),
+        V("div", Kr, [
+          V("div", {
             class: "cregis-progress__bar",
-            style: pe(n.value)
+            style: ie(n.value)
           }, null, 4),
-          t.percentage === 0 ? (y(), O("div", Kr)) : I("", !0)
+          t.percentage === 0 ? (b(), x("div", Qr)) : I("", !0)
         ])
       ])
     ]));
   }
 });
-var ee = "top", ie = "bottom", oe = "right", te = "left", mt = "auto", Ie = [ee, ie, oe, te], Ce = "start", Me = "end", Qr = "clippingParents", Qt = "viewport", Re = "popper", Gr = "reference", Et = /* @__PURE__ */ Ie.reduce(function(e, t) {
-  return e.concat([t + "-" + Ce, t + "-" + Me]);
-}, []), Gt = /* @__PURE__ */ [].concat(Ie, [mt]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + Ce, t + "-" + Me]);
-}, []), Zr = "beforeRead", Jr = "read", ea = "afterRead", ta = "beforeMain", ra = "main", aa = "afterMain", na = "beforeWrite", ia = "write", oa = "afterWrite", sa = [Zr, Jr, ea, ta, ra, aa, na, ia, oa];
-function me(e) {
+var ee = "top", se = "bottom", le = "right", te = "left", gt = "auto", Ne = [ee, se, le, te], Se = "start", _e = "end", Gr = "clippingParents", Zt = "viewport", Re = "popper", Zr = "reference", Bt = /* @__PURE__ */ Ne.reduce(function(e, t) {
+  return e.concat([t + "-" + Se, t + "-" + _e]);
+}, []), Jt = /* @__PURE__ */ [].concat(Ne, [gt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Se, t + "-" + _e]);
+}, []), Jr = "beforeRead", ea = "read", ta = "afterRead", ra = "beforeMain", aa = "main", na = "afterMain", ia = "beforeWrite", oa = "write", sa = "afterWrite", la = [Jr, ea, ta, ra, aa, na, ia, oa, sa];
+function ve(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function re(e) {
@@ -684,27 +694,27 @@ function ke(e) {
   var t = re(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function ne(e) {
+function oe(e) {
   var t = re(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function gt(e) {
+function ht(e) {
   if (typeof ShadowRoot > "u")
     return !1;
   var t = re(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function la(e) {
+function ca(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(r) {
     var n = t.styles[r] || {}, a = t.attributes[r] || {}, i = t.elements[r];
-    !ne(i) || !me(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(s) {
-      var o = a[s];
-      o === !1 ? i.removeAttribute(s) : i.setAttribute(s, o === !0 ? "" : o);
+    !oe(i) || !ve(i) || (Object.assign(i.style, n), Object.keys(a).forEach(function(l) {
+      var o = a[l];
+      o === !1 ? i.removeAttribute(l) : i.setAttribute(l, o === !0 ? "" : o);
     }));
   });
 }
-function ca(e) {
+function ua(e) {
   var t = e.state, r = {
     popper: {
       position: t.options.strategy,
@@ -719,41 +729,41 @@ function ca(e) {
   };
   return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
     Object.keys(t.elements).forEach(function(n) {
-      var a = t.elements[n], i = t.attributes[n] || {}, s = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), o = s.reduce(function(l, d) {
-        return l[d] = "", l;
+      var a = t.elements[n], i = t.attributes[n] || {}, l = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), o = l.reduce(function(s, d) {
+        return s[d] = "", s;
       }, {});
-      !ne(a) || !me(a) || (Object.assign(a.style, o), Object.keys(i).forEach(function(l) {
-        a.removeAttribute(l);
+      !oe(a) || !ve(a) || (Object.assign(a.style, o), Object.keys(i).forEach(function(s) {
+        a.removeAttribute(s);
       }));
     });
   };
 }
-const ua = {
+const da = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: la,
-  effect: ca,
+  fn: ca,
+  effect: ua,
   requires: ["computeStyles"]
 };
-function ve(e) {
+function pe(e) {
   return e.split("-")[0];
 }
-var $e = Math.max, Qe = Math.min, Se = Math.round;
-function ct() {
+var Oe = Math.max, Ge = Math.min, Ce = Math.round;
+function ut() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
-function Zt() {
-  return !/^((?!chrome|android).)*safari/i.test(ct());
+function er() {
+  return !/^((?!chrome|android).)*safari/i.test(ut());
 }
 function Pe(e, t, r) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   var n = e.getBoundingClientRect(), a = 1, i = 1;
-  t && ne(e) && (a = e.offsetWidth > 0 && Se(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Se(n.height) / e.offsetHeight || 1);
-  var s = ke(e) ? re(e) : window, o = s.visualViewport, l = !Zt() && r, d = (n.left + (l && o ? o.offsetLeft : 0)) / a, c = (n.top + (l && o ? o.offsetTop : 0)) / i, w = n.width / a, k = n.height / i;
+  t && oe(e) && (a = e.offsetWidth > 0 && Ce(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Ce(n.height) / e.offsetHeight || 1);
+  var l = ke(e) ? re(e) : window, o = l.visualViewport, s = !er() && r, d = (n.left + (s && o ? o.offsetLeft : 0)) / a, c = (n.top + (s && o ? o.offsetTop : 0)) / i, w = n.width / a, k = n.height / i;
   return {
     width: w,
     height: k,
@@ -765,7 +775,7 @@ function Pe(e, t, r) {
     y: c
   };
 }
-function ht(e) {
+function bt(e) {
   var t = Pe(e), r = e.offsetWidth, n = e.offsetHeight;
   return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), {
     x: e.offsetLeft,
@@ -774,11 +784,11 @@ function ht(e) {
     height: n
   };
 }
-function Jt(e, t) {
+function tr(e, t) {
   var r = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (r && gt(r)) {
+  if (r && ht(r)) {
     var n = t;
     do {
       if (n && e.isSameNode(n))
@@ -791,8 +801,8 @@ function Jt(e, t) {
 function ge(e) {
   return re(e).getComputedStyle(e);
 }
-function da(e) {
-  return ["table", "td", "th"].indexOf(me(e)) >= 0;
+function fa(e) {
+  return ["table", "td", "th"].indexOf(ve(e)) >= 0;
 }
 function be(e) {
   return ((ke(e) ? e.ownerDocument : (
@@ -800,31 +810,31 @@ function be(e) {
     e.document
   )) || window.document).documentElement;
 }
-function et(e) {
-  return me(e) === "html" ? e : (
+function tt(e) {
+  return ve(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     e.parentNode || // DOM Element detected
-    (gt(e) ? e.host : null) || // ShadowRoot detected
+    (ht(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     be(e)
   );
 }
-function Vt(e) {
-  return !ne(e) || // https://github.com/popperjs/popper-core/issues/837
+function At(e) {
+  return !oe(e) || // https://github.com/popperjs/popper-core/issues/837
   ge(e).position === "fixed" ? null : e.offsetParent;
 }
-function fa(e) {
-  var t = /firefox/i.test(ct()), r = /Trident/i.test(ct());
-  if (r && ne(e)) {
+function pa(e) {
+  var t = /firefox/i.test(ut()), r = /Trident/i.test(ut());
+  if (r && oe(e)) {
     var n = ge(e);
     if (n.position === "fixed")
       return null;
   }
-  var a = et(e);
-  for (gt(a) && (a = a.host); ne(a) && ["html", "body"].indexOf(me(a)) < 0; ) {
+  var a = tt(e);
+  for (ht(a) && (a = a.host); oe(a) && ["html", "body"].indexOf(ve(a)) < 0; ) {
     var i = ge(a);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
       return a;
@@ -832,22 +842,22 @@ function fa(e) {
   }
   return null;
 }
-function Ne(e) {
-  for (var t = re(e), r = Vt(e); r && da(r) && ge(r).position === "static"; )
-    r = Vt(r);
-  return r && (me(r) === "html" || me(r) === "body" && ge(r).position === "static") ? t : r || fa(e) || t;
+function Fe(e) {
+  for (var t = re(e), r = At(e); r && fa(r) && ge(r).position === "static"; )
+    r = At(r);
+  return r && (ve(r) === "html" || ve(r) === "body" && ge(r).position === "static") ? t : r || pa(e) || t;
 }
-function bt(e) {
+function yt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function De(e, t, r) {
-  return $e(e, Qe(t, r));
+function ze(e, t, r) {
+  return Oe(e, Ge(t, r));
 }
-function pa(e, t, r) {
-  var n = De(e, t, r);
+function va(e, t, r) {
+  var n = ze(e, t, r);
   return n > r ? r : n;
 }
-function er() {
+function rr() {
   return {
     top: 0,
     right: 0,
@@ -855,143 +865,143 @@ function er() {
     left: 0
   };
 }
-function tr(e) {
-  return Object.assign({}, er(), e);
+function ar(e) {
+  return Object.assign({}, rr(), e);
 }
-function rr(e, t) {
+function nr(e, t) {
   return t.reduce(function(r, n) {
     return r[n] = e, r;
   }, {});
 }
-var va = function(t, r) {
+var ma = function(t, r) {
   return t = typeof t == "function" ? t(Object.assign({}, r.rects, {
     placement: r.placement
-  })) : t, tr(typeof t != "number" ? t : rr(t, Ie));
+  })) : t, ar(typeof t != "number" ? t : nr(t, Ne));
 };
-function ma(e) {
-  var t, r = e.state, n = e.name, a = e.options, i = r.elements.arrow, s = r.modifiersData.popperOffsets, o = ve(r.placement), l = bt(o), d = [te, oe].indexOf(o) >= 0, c = d ? "height" : "width";
-  if (!(!i || !s)) {
-    var w = va(a.padding, r), k = ht(i), v = l === "y" ? ee : te, C = l === "y" ? ie : oe, x = r.rects.reference[c] + r.rects.reference[l] - s[l] - r.rects.popper[c], $ = s[l] - r.rects.reference[l], S = Ne(i), V = S ? l === "y" ? S.clientHeight || 0 : S.clientWidth || 0 : 0, A = x / 2 - $ / 2, f = w[v], m = V - k[c] - w[C], u = V / 2 - k[c] / 2 + A, T = De(f, u, m), B = l;
+function ga(e) {
+  var t, r = e.state, n = e.name, a = e.options, i = r.elements.arrow, l = r.modifiersData.popperOffsets, o = pe(r.placement), s = yt(o), d = [te, le].indexOf(o) >= 0, c = d ? "height" : "width";
+  if (!(!i || !l)) {
+    var w = ma(a.padding, r), k = bt(i), v = s === "y" ? ee : te, S = s === "y" ? se : le, O = r.rects.reference[c] + r.rects.reference[s] - l[s] - r.rects.popper[c], $ = l[s] - r.rects.reference[s], C = Fe(i), E = C ? s === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, R = O / 2 - $ / 2, f = w[v], g = E - k[c] - w[S], u = E / 2 - k[c] / 2 + R, T = ze(f, u, g), B = s;
     r.modifiersData[n] = (t = {}, t[B] = T, t.centerOffset = T - u, t);
   }
 }
-function ga(e) {
+function ha(e) {
   var t = e.state, r = e.options, n = r.element, a = n === void 0 ? "[data-popper-arrow]" : n;
-  a != null && (typeof a == "string" && (a = t.elements.popper.querySelector(a), !a) || Jt(t.elements.popper, a) && (t.elements.arrow = a));
+  a != null && (typeof a == "string" && (a = t.elements.popper.querySelector(a), !a) || tr(t.elements.popper, a) && (t.elements.arrow = a));
 }
-const ha = {
+const ba = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: ma,
-  effect: ga,
+  fn: ga,
+  effect: ha,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function Ee(e) {
+function Ve(e) {
   return e.split("-")[1];
 }
-var ba = {
+var ya = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function ya(e, t) {
+function wa(e, t) {
   var r = e.x, n = e.y, a = t.devicePixelRatio || 1;
   return {
-    x: Se(r * a) / a || 0,
-    y: Se(n * a) / a || 0
+    x: Ce(r * a) / a || 0,
+    y: Ce(n * a) / a || 0
   };
 }
-function Bt(e) {
-  var t, r = e.popper, n = e.popperRect, a = e.placement, i = e.variation, s = e.offsets, o = e.position, l = e.gpuAcceleration, d = e.adaptive, c = e.roundOffsets, w = e.isFixed, k = s.x, v = k === void 0 ? 0 : k, C = s.y, x = C === void 0 ? 0 : C, $ = typeof c == "function" ? c({
+function Rt(e) {
+  var t, r = e.popper, n = e.popperRect, a = e.placement, i = e.variation, l = e.offsets, o = e.position, s = e.gpuAcceleration, d = e.adaptive, c = e.roundOffsets, w = e.isFixed, k = l.x, v = k === void 0 ? 0 : k, S = l.y, O = S === void 0 ? 0 : S, $ = typeof c == "function" ? c({
     x: v,
-    y: x
+    y: O
   }) : {
     x: v,
-    y: x
+    y: O
   };
-  v = $.x, x = $.y;
-  var S = s.hasOwnProperty("x"), V = s.hasOwnProperty("y"), A = te, f = ee, m = window;
+  v = $.x, O = $.y;
+  var C = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), R = te, f = ee, g = window;
   if (d) {
-    var u = Ne(r), T = "clientHeight", B = "clientWidth";
-    if (u === re(r) && (u = be(r), ge(u).position !== "static" && o === "absolute" && (T = "scrollHeight", B = "scrollWidth")), u = u, a === ee || (a === te || a === oe) && i === Me) {
-      f = ie;
-      var D = w && u === m && m.visualViewport ? m.visualViewport.height : (
+    var u = Fe(r), T = "clientHeight", B = "clientWidth";
+    if (u === re(r) && (u = be(r), ge(u).position !== "static" && o === "absolute" && (T = "scrollHeight", B = "scrollWidth")), u = u, a === ee || (a === te || a === le) && i === _e) {
+      f = se;
+      var D = w && u === g && g.visualViewport ? g.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         u[T]
       );
-      x -= D - n.height, x *= l ? 1 : -1;
+      O -= D - n.height, O *= s ? 1 : -1;
     }
-    if (a === te || (a === ee || a === ie) && i === Me) {
-      A = oe;
-      var W = w && u === m && m.visualViewport ? m.visualViewport.width : (
+    if (a === te || (a === ee || a === se) && i === _e) {
+      R = le;
+      var W = w && u === g && g.visualViewport ? g.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         u[B]
       );
-      v -= W - n.width, v *= l ? 1 : -1;
+      v -= W - n.width, v *= s ? 1 : -1;
     }
   }
-  var b = Object.assign({
+  var y = Object.assign({
     position: o
-  }, d && ba), R = c === !0 ? ya({
+  }, d && ya), A = c === !0 ? wa({
     x: v,
-    y: x
+    y: O
   }, re(r)) : {
     x: v,
-    y: x
+    y: O
   };
-  if (v = R.x, x = R.y, l) {
+  if (v = A.x, O = A.y, s) {
     var z;
-    return Object.assign({}, b, (z = {}, z[f] = V ? "0" : "", z[A] = S ? "0" : "", z.transform = (m.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + x + "px)" : "translate3d(" + v + "px, " + x + "px, 0)", z));
+    return Object.assign({}, y, (z = {}, z[f] = E ? "0" : "", z[R] = C ? "0" : "", z.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + O + "px)" : "translate3d(" + v + "px, " + O + "px, 0)", z));
   }
-  return Object.assign({}, b, (t = {}, t[f] = V ? x + "px" : "", t[A] = S ? v + "px" : "", t.transform = "", t));
+  return Object.assign({}, y, (t = {}, t[f] = E ? O + "px" : "", t[R] = C ? v + "px" : "", t.transform = "", t));
 }
-function wa(e) {
-  var t = e.state, r = e.options, n = r.gpuAcceleration, a = n === void 0 ? !0 : n, i = r.adaptive, s = i === void 0 ? !0 : i, o = r.roundOffsets, l = o === void 0 ? !0 : o, d = {
-    placement: ve(t.placement),
-    variation: Ee(t.placement),
+function xa(e) {
+  var t = e.state, r = e.options, n = r.gpuAcceleration, a = n === void 0 ? !0 : n, i = r.adaptive, l = i === void 0 ? !0 : i, o = r.roundOffsets, s = o === void 0 ? !0 : o, d = {
+    placement: pe(t.placement),
+    variation: Ve(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
     gpuAcceleration: a,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Bt(Object.assign({}, d, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Rt(Object.assign({}, d, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
-    adaptive: s,
-    roundOffsets: l
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Bt(Object.assign({}, d, {
+    adaptive: l,
+    roundOffsets: s
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Rt(Object.assign({}, d, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: l
+    roundOffsets: s
   })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-placement": t.placement
   });
 }
-const xa = {
+const Oa = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: wa,
+  fn: xa,
   data: {}
 };
-var qe = {
+var Ue = {
   passive: !0
 };
 function $a(e) {
-  var t = e.state, r = e.instance, n = e.options, a = n.scroll, i = a === void 0 ? !0 : a, s = n.resize, o = s === void 0 ? !0 : s, l = re(t.elements.popper), d = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  var t = e.state, r = e.instance, n = e.options, a = n.scroll, i = a === void 0 ? !0 : a, l = n.resize, o = l === void 0 ? !0 : l, s = re(t.elements.popper), d = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return i && d.forEach(function(c) {
-    c.addEventListener("scroll", r.update, qe);
-  }), o && l.addEventListener("resize", r.update, qe), function() {
+    c.addEventListener("scroll", r.update, Ue);
+  }), o && s.addEventListener("resize", r.update, Ue), function() {
     i && d.forEach(function(c) {
-      c.removeEventListener("scroll", r.update, qe);
-    }), o && l.removeEventListener("resize", r.update, qe);
+      c.removeEventListener("scroll", r.update, Ue);
+    }), o && s.removeEventListener("resize", r.update, Ue);
   };
 }
-const Oa = {
+const ka = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
@@ -1000,7 +1010,7 @@ const Oa = {
   effect: $a,
   data: {}
 };
-var ka = {
+var Ta = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -1008,68 +1018,68 @@ var ka = {
 };
 function Xe(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return ka[t];
+    return Ta[t];
   });
 }
-var Ta = {
+var Sa = {
   start: "end",
   end: "start"
 };
-function Rt(e) {
+function Dt(e) {
   return e.replace(/start|end/g, function(t) {
-    return Ta[t];
+    return Sa[t];
   });
 }
-function yt(e) {
+function wt(e) {
   var t = re(e), r = t.pageXOffset, n = t.pageYOffset;
   return {
     scrollLeft: r,
     scrollTop: n
   };
 }
-function wt(e) {
-  return Pe(be(e)).left + yt(e).scrollLeft;
+function xt(e) {
+  return Pe(be(e)).left + wt(e).scrollLeft;
 }
 function Ca(e, t) {
-  var r = re(e), n = be(e), a = r.visualViewport, i = n.clientWidth, s = n.clientHeight, o = 0, l = 0;
+  var r = re(e), n = be(e), a = r.visualViewport, i = n.clientWidth, l = n.clientHeight, o = 0, s = 0;
   if (a) {
-    i = a.width, s = a.height;
-    var d = Zt();
-    (d || !d && t === "fixed") && (o = a.offsetLeft, l = a.offsetTop);
+    i = a.width, l = a.height;
+    var d = er();
+    (d || !d && t === "fixed") && (o = a.offsetLeft, s = a.offsetTop);
   }
   return {
     width: i,
-    height: s,
-    x: o + wt(e),
-    y: l
+    height: l,
+    x: o + xt(e),
+    y: s
   };
 }
-function Sa(e) {
-  var t, r = be(e), n = yt(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, i = $e(r.scrollWidth, r.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = $e(r.scrollHeight, r.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), o = -n.scrollLeft + wt(e), l = -n.scrollTop;
-  return ge(a || r).direction === "rtl" && (o += $e(r.clientWidth, a ? a.clientWidth : 0) - i), {
+function Pa(e) {
+  var t, r = be(e), n = wt(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, i = Oe(r.scrollWidth, r.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), l = Oe(r.scrollHeight, r.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), o = -n.scrollLeft + xt(e), s = -n.scrollTop;
+  return ge(a || r).direction === "rtl" && (o += Oe(r.clientWidth, a ? a.clientWidth : 0) - i), {
     width: i,
-    height: s,
+    height: l,
     x: o,
-    y: l
+    y: s
   };
 }
-function xt(e) {
+function Ot(e) {
   var t = ge(e), r = t.overflow, n = t.overflowX, a = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(r + a + n);
 }
-function ar(e) {
-  return ["html", "body", "#document"].indexOf(me(e)) >= 0 ? e.ownerDocument.body : ne(e) && xt(e) ? e : ar(et(e));
+function ir(e) {
+  return ["html", "body", "#document"].indexOf(ve(e)) >= 0 ? e.ownerDocument.body : oe(e) && Ot(e) ? e : ir(tt(e));
 }
-function ze(e, t) {
+function We(e, t) {
   var r;
   t === void 0 && (t = []);
-  var n = ar(e), a = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = re(n), s = a ? [i].concat(i.visualViewport || [], xt(n) ? n : []) : n, o = t.concat(s);
+  var n = ir(e), a = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = re(n), l = a ? [i].concat(i.visualViewport || [], Ot(n) ? n : []) : n, o = t.concat(l);
   return a ? o : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    o.concat(ze(et(s)))
+    o.concat(We(tt(l)))
   );
 }
-function ut(e) {
+function dt(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1077,179 +1087,179 @@ function ut(e) {
     bottom: e.y + e.height
   });
 }
-function Pa(e, t) {
+function Va(e, t) {
   var r = Pe(e, !1, t === "fixed");
   return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
 }
-function At(e, t, r) {
-  return t === Qt ? ut(Ca(e, r)) : ke(t) ? Pa(t, r) : ut(Sa(be(e)));
+function zt(e, t, r) {
+  return t === Zt ? dt(Ca(e, r)) : ke(t) ? Va(t, r) : dt(Pa(be(e)));
 }
 function Ea(e) {
-  var t = ze(et(e)), r = ["absolute", "fixed"].indexOf(ge(e).position) >= 0, n = r && ne(e) ? Ne(e) : e;
+  var t = We(tt(e)), r = ["absolute", "fixed"].indexOf(ge(e).position) >= 0, n = r && oe(e) ? Fe(e) : e;
   return ke(n) ? t.filter(function(a) {
-    return ke(a) && Jt(a, n) && me(a) !== "body";
+    return ke(a) && tr(a, n) && ve(a) !== "body";
   }) : [];
 }
-function Va(e, t, r, n) {
-  var a = t === "clippingParents" ? Ea(e) : [].concat(t), i = [].concat(a, [r]), s = i[0], o = i.reduce(function(l, d) {
-    var c = At(e, d, n);
-    return l.top = $e(c.top, l.top), l.right = Qe(c.right, l.right), l.bottom = Qe(c.bottom, l.bottom), l.left = $e(c.left, l.left), l;
-  }, At(e, s, n));
+function Ba(e, t, r, n) {
+  var a = t === "clippingParents" ? Ea(e) : [].concat(t), i = [].concat(a, [r]), l = i[0], o = i.reduce(function(s, d) {
+    var c = zt(e, d, n);
+    return s.top = Oe(c.top, s.top), s.right = Ge(c.right, s.right), s.bottom = Ge(c.bottom, s.bottom), s.left = Oe(c.left, s.left), s;
+  }, zt(e, l, n));
   return o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
 }
-function nr(e) {
-  var t = e.reference, r = e.element, n = e.placement, a = n ? ve(n) : null, i = n ? Ee(n) : null, s = t.x + t.width / 2 - r.width / 2, o = t.y + t.height / 2 - r.height / 2, l;
+function or(e) {
+  var t = e.reference, r = e.element, n = e.placement, a = n ? pe(n) : null, i = n ? Ve(n) : null, l = t.x + t.width / 2 - r.width / 2, o = t.y + t.height / 2 - r.height / 2, s;
   switch (a) {
     case ee:
-      l = {
-        x: s,
+      s = {
+        x: l,
         y: t.y - r.height
       };
       break;
-    case ie:
-      l = {
-        x: s,
+    case se:
+      s = {
+        x: l,
         y: t.y + t.height
       };
       break;
-    case oe:
-      l = {
+    case le:
+      s = {
         x: t.x + t.width,
         y: o
       };
       break;
     case te:
-      l = {
+      s = {
         x: t.x - r.width,
         y: o
       };
       break;
     default:
-      l = {
+      s = {
         x: t.x,
         y: t.y
       };
   }
-  var d = a ? bt(a) : null;
+  var d = a ? yt(a) : null;
   if (d != null) {
     var c = d === "y" ? "height" : "width";
     switch (i) {
-      case Ce:
-        l[d] = l[d] - (t[c] / 2 - r[c] / 2);
+      case Se:
+        s[d] = s[d] - (t[c] / 2 - r[c] / 2);
         break;
-      case Me:
-        l[d] = l[d] + (t[c] / 2 - r[c] / 2);
+      case _e:
+        s[d] = s[d] + (t[c] / 2 - r[c] / 2);
         break;
     }
   }
-  return l;
+  return s;
 }
-function _e(e, t) {
+function Ie(e, t) {
   t === void 0 && (t = {});
-  var r = t, n = r.placement, a = n === void 0 ? e.placement : n, i = r.strategy, s = i === void 0 ? e.strategy : i, o = r.boundary, l = o === void 0 ? Qr : o, d = r.rootBoundary, c = d === void 0 ? Qt : d, w = r.elementContext, k = w === void 0 ? Re : w, v = r.altBoundary, C = v === void 0 ? !1 : v, x = r.padding, $ = x === void 0 ? 0 : x, S = tr(typeof $ != "number" ? $ : rr($, Ie)), V = k === Re ? Gr : Re, A = e.rects.popper, f = e.elements[C ? V : k], m = Va(ke(f) ? f : f.contextElement || be(e.elements.popper), l, c, s), u = Pe(e.elements.reference), T = nr({
+  var r = t, n = r.placement, a = n === void 0 ? e.placement : n, i = r.strategy, l = i === void 0 ? e.strategy : i, o = r.boundary, s = o === void 0 ? Gr : o, d = r.rootBoundary, c = d === void 0 ? Zt : d, w = r.elementContext, k = w === void 0 ? Re : w, v = r.altBoundary, S = v === void 0 ? !1 : v, O = r.padding, $ = O === void 0 ? 0 : O, C = ar(typeof $ != "number" ? $ : nr($, Ne)), E = k === Re ? Zr : Re, R = e.rects.popper, f = e.elements[S ? E : k], g = Ba(ke(f) ? f : f.contextElement || be(e.elements.popper), s, c, l), u = Pe(e.elements.reference), T = or({
     reference: u,
-    element: A,
+    element: R,
     placement: a
-  }), B = ut(Object.assign({}, A, T)), D = k === Re ? B : u, W = {
-    top: m.top - D.top + S.top,
-    bottom: D.bottom - m.bottom + S.bottom,
-    left: m.left - D.left + S.left,
-    right: D.right - m.right + S.right
-  }, b = e.modifiersData.offset;
-  if (k === Re && b) {
-    var R = b[a];
+  }), B = dt(Object.assign({}, R, T)), D = k === Re ? B : u, W = {
+    top: g.top - D.top + C.top,
+    bottom: D.bottom - g.bottom + C.bottom,
+    left: g.left - D.left + C.left,
+    right: D.right - g.right + C.right
+  }, y = e.modifiersData.offset;
+  if (k === Re && y) {
+    var A = y[a];
     Object.keys(W).forEach(function(z) {
-      var K = [oe, ie].indexOf(z) >= 0 ? 1 : -1, Q = [ee, ie].indexOf(z) >= 0 ? "y" : "x";
-      W[z] += R[Q] * K;
+      var Y = [le, se].indexOf(z) >= 0 ? 1 : -1, X = [ee, se].indexOf(z) >= 0 ? "y" : "x";
+      W[z] += A[X] * Y;
     });
   }
   return W;
 }
-function Ba(e, t) {
+function Aa(e, t) {
   t === void 0 && (t = {});
-  var r = t, n = r.placement, a = r.boundary, i = r.rootBoundary, s = r.padding, o = r.flipVariations, l = r.allowedAutoPlacements, d = l === void 0 ? Gt : l, c = Ee(n), w = c ? o ? Et : Et.filter(function(C) {
-    return Ee(C) === c;
-  }) : Ie, k = w.filter(function(C) {
-    return d.indexOf(C) >= 0;
+  var r = t, n = r.placement, a = r.boundary, i = r.rootBoundary, l = r.padding, o = r.flipVariations, s = r.allowedAutoPlacements, d = s === void 0 ? Jt : s, c = Ve(n), w = c ? o ? Bt : Bt.filter(function(S) {
+    return Ve(S) === c;
+  }) : Ne, k = w.filter(function(S) {
+    return d.indexOf(S) >= 0;
   });
   k.length === 0 && (k = w);
-  var v = k.reduce(function(C, x) {
-    return C[x] = _e(e, {
-      placement: x,
+  var v = k.reduce(function(S, O) {
+    return S[O] = Ie(e, {
+      placement: O,
       boundary: a,
       rootBoundary: i,
-      padding: s
-    })[ve(x)], C;
+      padding: l
+    })[pe(O)], S;
   }, {});
-  return Object.keys(v).sort(function(C, x) {
-    return v[C] - v[x];
+  return Object.keys(v).sort(function(S, O) {
+    return v[S] - v[O];
   });
 }
 function Ra(e) {
-  if (ve(e) === mt)
+  if (pe(e) === gt)
     return [];
   var t = Xe(e);
-  return [Rt(e), t, Rt(t)];
+  return [Dt(e), t, Dt(t)];
 }
-function Aa(e) {
+function Da(e) {
   var t = e.state, r = e.options, n = e.name;
   if (!t.modifiersData[n]._skip) {
-    for (var a = r.mainAxis, i = a === void 0 ? !0 : a, s = r.altAxis, o = s === void 0 ? !0 : s, l = r.fallbackPlacements, d = r.padding, c = r.boundary, w = r.rootBoundary, k = r.altBoundary, v = r.flipVariations, C = v === void 0 ? !0 : v, x = r.allowedAutoPlacements, $ = t.options.placement, S = ve($), V = S === $, A = l || (V || !C ? [Xe($)] : Ra($)), f = [$].concat(A).reduce(function(he, de) {
-      return he.concat(ve(de) === mt ? Ba(t, {
-        placement: de,
+    for (var a = r.mainAxis, i = a === void 0 ? !0 : a, l = r.altAxis, o = l === void 0 ? !0 : l, s = r.fallbackPlacements, d = r.padding, c = r.boundary, w = r.rootBoundary, k = r.altBoundary, v = r.flipVariations, S = v === void 0 ? !0 : v, O = r.allowedAutoPlacements, $ = t.options.placement, C = pe($), E = C === $, R = s || (E || !S ? [Xe($)] : Ra($)), f = [$].concat(R).reduce(function(he, fe) {
+      return he.concat(pe(fe) === gt ? Aa(t, {
+        placement: fe,
         boundary: c,
         rootBoundary: w,
         padding: d,
-        flipVariations: C,
-        allowedAutoPlacements: x
-      }) : de);
-    }, []), m = t.rects.reference, u = t.rects.popper, T = /* @__PURE__ */ new Map(), B = !0, D = f[0], W = 0; W < f.length; W++) {
-      var b = f[W], R = ve(b), z = Ee(b) === Ce, K = [ee, ie].indexOf(R) >= 0, Q = K ? "width" : "height", N = _e(t, {
-        placement: b,
+        flipVariations: S,
+        allowedAutoPlacements: O
+      }) : fe);
+    }, []), g = t.rects.reference, u = t.rects.popper, T = /* @__PURE__ */ new Map(), B = !0, D = f[0], W = 0; W < f.length; W++) {
+      var y = f[W], A = pe(y), z = Ve(y) === Se, Y = [ee, se].indexOf(A) >= 0, X = Y ? "width" : "height", F = Ie(t, {
+        placement: y,
         boundary: c,
         rootBoundary: w,
         altBoundary: k,
         padding: d
-      }), F = K ? z ? oe : te : z ? ie : ee;
-      m[Q] > u[Q] && (F = Xe(F));
-      var ue = Xe(F), se = [];
-      if (i && se.push(N[R] <= 0), o && se.push(N[F] <= 0, N[ue] <= 0), se.every(function(he) {
+      }), H = Y ? z ? le : te : z ? se : ee;
+      g[X] > u[X] && (H = Xe(H));
+      var de = Xe(H), ce = [];
+      if (i && ce.push(F[A] <= 0), o && ce.push(F[H] <= 0, F[de] <= 0), ce.every(function(he) {
         return he;
       })) {
-        D = b, B = !1;
+        D = y, B = !1;
         break;
       }
-      T.set(b, se);
+      T.set(y, ce);
     }
     if (B)
-      for (var g = C ? 3 : 1, H = function(de) {
+      for (var h = S ? 3 : 1, N = function(fe) {
         var ye = f.find(function(Te) {
-          var fe = T.get(Te);
-          if (fe)
-            return fe.slice(0, de).every(function(Be) {
+          var me = T.get(Te);
+          if (me)
+            return me.slice(0, fe).every(function(Be) {
               return Be;
             });
         });
         if (ye)
           return D = ye, "break";
-      }, X = g; X > 0; X--) {
-        var le = H(X);
-        if (le === "break") break;
+      }, K = h; K > 0; K--) {
+        var ue = N(K);
+        if (ue === "break") break;
       }
     t.placement !== D && (t.modifiersData[n]._skip = !0, t.placement = D, t.reset = !0);
   }
 }
-const Da = {
+const za = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Aa,
+  fn: Da,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Dt(e, t, r) {
+function Wt(e, t, r) {
   return r === void 0 && (r = {
     x: 0,
     y: 0
@@ -1260,19 +1270,19 @@ function Dt(e, t, r) {
     left: e.left - t.width - r.x
   };
 }
-function zt(e) {
-  return [ee, oe, ie, te].some(function(t) {
+function Lt(e) {
+  return [ee, le, se, te].some(function(t) {
     return e[t] >= 0;
   });
 }
-function za(e) {
-  var t = e.state, r = e.name, n = t.rects.reference, a = t.rects.popper, i = t.modifiersData.preventOverflow, s = _e(t, {
+function Wa(e) {
+  var t = e.state, r = e.name, n = t.rects.reference, a = t.rects.popper, i = t.modifiersData.preventOverflow, l = Ie(t, {
     elementContext: "reference"
-  }), o = _e(t, {
+  }), o = Ie(t, {
     altBoundary: !0
-  }), l = Dt(s, n), d = Dt(o, a, i), c = zt(l), w = zt(d);
+  }), s = Wt(l, n), d = Wt(o, a, i), c = Lt(s), w = Lt(d);
   t.modifiersData[r] = {
-    referenceClippingOffsets: l,
+    referenceClippingOffsets: s,
     popperEscapeOffsets: d,
     isReferenceHidden: c,
     hasPopperEscaped: w
@@ -1281,138 +1291,138 @@ function za(e) {
     "data-popper-escaped": w
   });
 }
-const Wa = {
+const La = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: za
+  fn: Wa
 };
-function La(e, t, r) {
-  var n = ve(e), a = [te, ee].indexOf(n) >= 0 ? -1 : 1, i = typeof r == "function" ? r(Object.assign({}, t, {
+function ja(e, t, r) {
+  var n = pe(e), a = [te, ee].indexOf(n) >= 0 ? -1 : 1, i = typeof r == "function" ? r(Object.assign({}, t, {
     placement: e
-  })) : r, s = i[0], o = i[1];
-  return s = s || 0, o = (o || 0) * a, [te, oe].indexOf(n) >= 0 ? {
+  })) : r, l = i[0], o = i[1];
+  return l = l || 0, o = (o || 0) * a, [te, le].indexOf(n) >= 0 ? {
     x: o,
-    y: s
+    y: l
   } : {
-    x: s,
+    x: l,
     y: o
   };
 }
-function ja(e) {
-  var t = e.state, r = e.options, n = e.name, a = r.offset, i = a === void 0 ? [0, 0] : a, s = Gt.reduce(function(c, w) {
-    return c[w] = La(w, t.rects, i), c;
-  }, {}), o = s[t.placement], l = o.x, d = o.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += d), t.modifiersData[n] = s;
+function Ma(e) {
+  var t = e.state, r = e.options, n = e.name, a = r.offset, i = a === void 0 ? [0, 0] : a, l = Jt.reduce(function(c, w) {
+    return c[w] = ja(w, t.rects, i), c;
+  }, {}), o = l[t.placement], s = o.x, d = o.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += d), t.modifiersData[n] = l;
 }
-const Ma = {
+const _a = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: ja
+  fn: Ma
 };
-function _a(e) {
+function Ia(e) {
   var t = e.state, r = e.name;
-  t.modifiersData[r] = nr({
+  t.modifiersData[r] = or({
     reference: t.rects.reference,
     element: t.rects.popper,
     placement: t.placement
   });
 }
-const Ia = {
+const Na = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: _a,
+  fn: Ia,
   data: {}
 };
-function Na(e) {
+function Fa(e) {
   return e === "x" ? "y" : "x";
 }
-function Fa(e) {
-  var t = e.state, r = e.options, n = e.name, a = r.mainAxis, i = a === void 0 ? !0 : a, s = r.altAxis, o = s === void 0 ? !1 : s, l = r.boundary, d = r.rootBoundary, c = r.altBoundary, w = r.padding, k = r.tether, v = k === void 0 ? !0 : k, C = r.tetherOffset, x = C === void 0 ? 0 : C, $ = _e(t, {
-    boundary: l,
+function Ha(e) {
+  var t = e.state, r = e.options, n = e.name, a = r.mainAxis, i = a === void 0 ? !0 : a, l = r.altAxis, o = l === void 0 ? !1 : l, s = r.boundary, d = r.rootBoundary, c = r.altBoundary, w = r.padding, k = r.tether, v = k === void 0 ? !0 : k, S = r.tetherOffset, O = S === void 0 ? 0 : S, $ = Ie(t, {
+    boundary: s,
     rootBoundary: d,
     padding: w,
     altBoundary: c
-  }), S = ve(t.placement), V = Ee(t.placement), A = !V, f = bt(S), m = Na(f), u = t.modifiersData.popperOffsets, T = t.rects.reference, B = t.rects.popper, D = typeof x == "function" ? x(Object.assign({}, t.rects, {
+  }), C = pe(t.placement), E = Ve(t.placement), R = !E, f = yt(C), g = Fa(f), u = t.modifiersData.popperOffsets, T = t.rects.reference, B = t.rects.popper, D = typeof O == "function" ? O(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : x, W = typeof D == "number" ? {
+  })) : O, W = typeof D == "number" ? {
     mainAxis: D,
     altAxis: D
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, D), b = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
+  }, D), y = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, A = {
     x: 0,
     y: 0
   };
   if (u) {
     if (i) {
-      var z, K = f === "y" ? ee : te, Q = f === "y" ? ie : oe, N = f === "y" ? "height" : "width", F = u[f], ue = F + $[K], se = F - $[Q], g = v ? -B[N] / 2 : 0, H = V === Ce ? T[N] : B[N], X = V === Ce ? -B[N] : -T[N], le = t.elements.arrow, he = v && le ? ht(le) : {
+      var z, Y = f === "y" ? ee : te, X = f === "y" ? se : le, F = f === "y" ? "height" : "width", H = u[f], de = H + $[Y], ce = H - $[X], h = v ? -B[F] / 2 : 0, N = E === Se ? T[F] : B[F], K = E === Se ? -B[F] : -T[F], ue = t.elements.arrow, he = v && ue ? bt(ue) : {
         width: 0,
         height: 0
-      }, de = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : er(), ye = de[K], Te = de[Q], fe = De(0, T[N], he[N]), Be = A ? T[N] / 2 - g - fe - ye - W.mainAxis : H - fe - ye - W.mainAxis, tt = A ? -T[N] / 2 + g + fe + Te + W.mainAxis : X + fe + Te + W.mainAxis, p = t.elements.arrow && Ne(t.elements.arrow), L = p ? f === "y" ? p.clientTop || 0 : p.clientLeft || 0 : 0, P = (z = b?.[f]) != null ? z : 0, ce = F + Be - P - L, G = F + tt - P, Fe = De(v ? Qe(ue, ce) : ue, F, v ? $e(se, G) : se);
-      u[f] = Fe, R[f] = Fe - F;
+      }, fe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : rr(), ye = fe[Y], Te = fe[X], me = ze(0, T[F], he[F]), Be = R ? T[F] / 2 - h - me - ye - W.mainAxis : N - me - ye - W.mainAxis, He = R ? -T[F] / 2 + h + me + Te + W.mainAxis : K + me + Te + W.mainAxis, Ae = t.elements.arrow && Fe(t.elements.arrow), rt = Ae ? f === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, p = (z = y?.[f]) != null ? z : 0, L = H + Be - p - rt, P = H + He - p, ae = ze(v ? Ge(de, L) : de, H, v ? Oe(ce, P) : ce);
+      u[f] = ae, A[f] = ae - H;
     }
     if (o) {
-      var rt, lr = f === "x" ? ee : te, cr = f === "x" ? ie : oe, we = u[m], He = m === "y" ? "height" : "width", $t = we + $[lr], Ot = we - $[cr], at = [ee, te].indexOf(S) !== -1, kt = (rt = b?.[m]) != null ? rt : 0, Tt = at ? $t : we - T[He] - B[He] - kt + W.altAxis, Ct = at ? we + T[He] + B[He] - kt - W.altAxis : Ot, St = v && at ? pa(Tt, we, Ct) : De(v ? Tt : $t, we, v ? Ct : Ot);
-      u[m] = St, R[m] = St - we;
+      var Q, at = f === "x" ? ee : te, $t = f === "x" ? se : le, we = u[g], qe = g === "y" ? "height" : "width", kt = we + $[at], Tt = we - $[$t], nt = [ee, te].indexOf(C) !== -1, St = (Q = y?.[g]) != null ? Q : 0, Ct = nt ? kt : we - T[qe] - B[qe] - St + W.altAxis, Pt = nt ? we + T[qe] + B[qe] - St - W.altAxis : Tt, Vt = v && nt ? va(Ct, we, Pt) : ze(v ? Ct : kt, we, v ? Pt : Tt);
+      u[g] = Vt, A[g] = Vt - we;
     }
-    t.modifiersData[n] = R;
+    t.modifiersData[n] = A;
   }
 }
-const Ha = {
+const qa = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Fa,
+  fn: Ha,
   requiresIfExists: ["offset"]
 };
-function qa(e) {
+function Ua(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Ua(e) {
-  return e === re(e) || !ne(e) ? yt(e) : qa(e);
+function Ya(e) {
+  return e === re(e) || !oe(e) ? wt(e) : Ua(e);
 }
 function Xa(e) {
-  var t = e.getBoundingClientRect(), r = Se(t.width) / e.offsetWidth || 1, n = Se(t.height) / e.offsetHeight || 1;
+  var t = e.getBoundingClientRect(), r = Ce(t.width) / e.offsetWidth || 1, n = Ce(t.height) / e.offsetHeight || 1;
   return r !== 1 || n !== 1;
 }
-function Ya(e, t, r) {
+function Ka(e, t, r) {
   r === void 0 && (r = !1);
-  var n = ne(t), a = ne(t) && Xa(t), i = be(t), s = Pe(e, a, r), o = {
+  var n = oe(t), a = oe(t) && Xa(t), i = be(t), l = Pe(e, a, r), o = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = {
+  }, s = {
     x: 0,
     y: 0
   };
-  return (n || !n && !r) && ((me(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  xt(i)) && (o = Ua(t)), ne(t) ? (l = Pe(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : i && (l.x = wt(i))), {
-    x: s.left + o.scrollLeft - l.x,
-    y: s.top + o.scrollTop - l.y,
-    width: s.width,
-    height: s.height
+  return (n || !n && !r) && ((ve(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  Ot(i)) && (o = Ya(t)), oe(t) ? (s = Pe(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = xt(i))), {
+    x: l.left + o.scrollLeft - s.x,
+    y: l.top + o.scrollTop - s.y,
+    width: l.width,
+    height: l.height
   };
 }
-function Ka(e) {
+function Qa(e) {
   var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = [];
   e.forEach(function(i) {
     t.set(i.name, i);
   });
   function a(i) {
     r.add(i.name);
-    var s = [].concat(i.requires || [], i.requiresIfExists || []);
-    s.forEach(function(o) {
+    var l = [].concat(i.requires || [], i.requiresIfExists || []);
+    l.forEach(function(o) {
       if (!r.has(o)) {
-        var l = t.get(o);
-        l && a(l);
+        var s = t.get(o);
+        s && a(s);
       }
     }), n.push(i);
   }
@@ -1420,15 +1430,15 @@ function Ka(e) {
     r.has(i.name) || a(i);
   }), n;
 }
-function Qa(e) {
-  var t = Ka(e);
-  return sa.reduce(function(r, n) {
+function Ga(e) {
+  var t = Qa(e);
+  return la.reduce(function(r, n) {
     return r.concat(t.filter(function(a) {
       return a.phase === n;
     }));
   }, []);
 }
-function Ga(e) {
+function Za(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(r) {
@@ -1438,7 +1448,7 @@ function Ga(e) {
     })), t;
   };
 }
-function Za(e) {
+function Ja(e) {
   var t = e.reduce(function(r, n) {
     var a = r[n.name];
     return r[n.name] = a ? Object.assign({}, a, n, {
@@ -1450,46 +1460,46 @@ function Za(e) {
     return t[r];
   });
 }
-var Wt = {
+var jt = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function Lt() {
+function Mt() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return !t.some(function(n) {
     return !(n && typeof n.getBoundingClientRect == "function");
   });
 }
-function Ja(e) {
+function en(e) {
   e === void 0 && (e = {});
-  var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, a = t.defaultOptions, i = a === void 0 ? Wt : a;
-  return function(o, l, d) {
+  var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, a = t.defaultOptions, i = a === void 0 ? jt : a;
+  return function(o, s, d) {
     d === void 0 && (d = i);
     var c = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Wt, i),
+      options: Object.assign({}, jt, i),
       modifiersData: {},
       elements: {
         reference: o,
-        popper: l
+        popper: s
       },
       attributes: {},
       styles: {}
     }, w = [], k = !1, v = {
       state: c,
-      setOptions: function(S) {
-        var V = typeof S == "function" ? S(c.options) : S;
-        x(), c.options = Object.assign({}, i, c.options, V), c.scrollParents = {
-          reference: ke(o) ? ze(o) : o.contextElement ? ze(o.contextElement) : [],
-          popper: ze(l)
+      setOptions: function(C) {
+        var E = typeof C == "function" ? C(c.options) : C;
+        O(), c.options = Object.assign({}, i, c.options, E), c.scrollParents = {
+          reference: ke(o) ? We(o) : o.contextElement ? We(o.contextElement) : [],
+          popper: We(s)
         };
-        var A = Qa(Za([].concat(n, c.options.modifiers)));
-        return c.orderedModifiers = A.filter(function(f) {
+        var R = Ga(Ja([].concat(n, c.options.modifiers)));
+        return c.orderedModifiers = R.filter(function(f) {
           return f.enabled;
-        }), C(), v.update();
+        }), S(), v.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1498,11 +1508,11 @@ function Ja(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!k) {
-          var S = c.elements, V = S.reference, A = S.popper;
-          if (Lt(V, A)) {
+          var C = c.elements, E = C.reference, R = C.popper;
+          if (Mt(E, R)) {
             c.rects = {
-              reference: Ya(V, Ne(A), c.options.strategy === "fixed"),
-              popper: ht(A)
+              reference: Ka(E, Fe(R), c.options.strategy === "fixed"),
+              popper: bt(R)
             }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(W) {
               return c.modifiersData[W.name] = Object.assign({}, W.data);
             });
@@ -1511,7 +1521,7 @@ function Ja(e) {
                 c.reset = !1, f = -1;
                 continue;
               }
-              var m = c.orderedModifiers[f], u = m.fn, T = m.options, B = T === void 0 ? {} : T, D = m.name;
+              var g = c.orderedModifiers[f], u = g.fn, T = g.options, B = T === void 0 ? {} : T, D = g.name;
               typeof u == "function" && (c = u({
                 state: c,
                 options: B,
@@ -1524,36 +1534,36 @@ function Ja(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Ga(function() {
+      update: Za(function() {
         return new Promise(function($) {
           v.forceUpdate(), $(c);
         });
       }),
       destroy: function() {
-        x(), k = !0;
+        O(), k = !0;
       }
     };
-    if (!Lt(o, l))
+    if (!Mt(o, s))
       return v;
     v.setOptions(d).then(function($) {
       !k && d.onFirstUpdate && d.onFirstUpdate($);
     });
-    function C() {
+    function S() {
       c.orderedModifiers.forEach(function($) {
-        var S = $.name, V = $.options, A = V === void 0 ? {} : V, f = $.effect;
+        var C = $.name, E = $.options, R = E === void 0 ? {} : E, f = $.effect;
         if (typeof f == "function") {
-          var m = f({
+          var g = f({
             state: c,
-            name: S,
+            name: C,
             instance: v,
-            options: A
+            options: R
           }), u = function() {
           };
-          w.push(m || u);
+          w.push(g || u);
         }
       });
     }
-    function x() {
+    function O() {
       w.forEach(function($) {
         return $();
       }), w = [];
@@ -1561,136 +1571,136 @@ function Ja(e) {
     return v;
   };
 }
-var en = [Oa, Ia, xa, ua, Ma, Da, Ha, ha, Wa], tn = /* @__PURE__ */ Ja({
-  defaultModifiers: en
-}), rn = typeof global == "object" && global && global.Object === Object && global, an = typeof self == "object" && self && self.Object === Object && self, ir = rn || an || Function("return this")(), Ge = ir.Symbol, or = Object.prototype, nn = or.hasOwnProperty, on = or.toString, Ae = Ge ? Ge.toStringTag : void 0;
-function sn(e) {
-  var t = nn.call(e, Ae), r = e[Ae];
+var tn = [ka, Na, Oa, da, _a, za, qa, ba, La], rn = /* @__PURE__ */ en({
+  defaultModifiers: tn
+}), an = typeof global == "object" && global && global.Object === Object && global, nn = typeof self == "object" && self && self.Object === Object && self, sr = an || nn || Function("return this")(), Ze = sr.Symbol, lr = Object.prototype, on = lr.hasOwnProperty, sn = lr.toString, De = Ze ? Ze.toStringTag : void 0;
+function ln(e) {
+  var t = on.call(e, De), r = e[De];
   try {
-    e[Ae] = void 0;
+    e[De] = void 0;
     var n = !0;
   } catch {
   }
-  var a = on.call(e);
-  return n && (t ? e[Ae] = r : delete e[Ae]), a;
-}
-var ln = Object.prototype, cn = ln.toString;
-function un(e) {
-  return cn.call(e);
+  var a = sn.call(e);
+  return n && (t ? e[De] = r : delete e[De]), a;
 }
-var dn = "[object Null]", fn = "[object Undefined]", jt = Ge ? Ge.toStringTag : void 0;
-function pn(e) {
-  return e == null ? e === void 0 ? fn : dn : jt && jt in Object(e) ? sn(e) : un(e);
+var cn = Object.prototype, un = cn.toString;
+function dn(e) {
+  return un.call(e);
 }
+var fn = "[object Null]", pn = "[object Undefined]", _t = Ze ? Ze.toStringTag : void 0;
 function vn(e) {
+  return e == null ? e === void 0 ? pn : fn : _t && _t in Object(e) ? ln(e) : dn(e);
+}
+function mn(e) {
   return e != null && typeof e == "object";
 }
-var mn = "[object Symbol]";
-function gn(e) {
-  return typeof e == "symbol" || vn(e) && pn(e) == mn;
+var gn = "[object Symbol]";
+function hn(e) {
+  return typeof e == "symbol" || mn(e) && vn(e) == gn;
 }
-var hn = /\s/;
-function bn(e) {
-  for (var t = e.length; t-- && hn.test(e.charAt(t)); )
+var bn = /\s/;
+function yn(e) {
+  for (var t = e.length; t-- && bn.test(e.charAt(t)); )
     ;
   return t;
 }
-var yn = /^\s+/;
-function wn(e) {
-  return e && e.slice(0, bn(e) + 1).replace(yn, "");
+var wn = /^\s+/;
+function xn(e) {
+  return e && e.slice(0, yn(e) + 1).replace(wn, "");
 }
-function Ze(e) {
+function Je(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var Mt = NaN, xn = /^[-+]0x[0-9a-f]+$/i, $n = /^0b[01]+$/i, On = /^0o[0-7]+$/i, kn = parseInt;
-function _t(e) {
+var It = NaN, On = /^[-+]0x[0-9a-f]+$/i, $n = /^0b[01]+$/i, kn = /^0o[0-7]+$/i, Tn = parseInt;
+function Nt(e) {
   if (typeof e == "number")
     return e;
-  if (gn(e))
-    return Mt;
-  if (Ze(e)) {
+  if (hn(e))
+    return It;
+  if (Je(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Ze(t) ? t + "" : t;
+    e = Je(t) ? t + "" : t;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = wn(e);
+  e = xn(e);
   var r = $n.test(e);
-  return r || On.test(e) ? kn(e.slice(2), r ? 2 : 8) : xn.test(e) ? Mt : +e;
+  return r || kn.test(e) ? Tn(e.slice(2), r ? 2 : 8) : On.test(e) ? It : +e;
 }
-var ot = function() {
-  return ir.Date.now();
-}, Tn = "Expected a function", Cn = Math.max, Sn = Math.min;
-function dt(e, t, r) {
-  var n, a, i, s, o, l, d = 0, c = !1, w = !1, k = !0;
+var st = function() {
+  return sr.Date.now();
+}, Sn = "Expected a function", Cn = Math.max, Pn = Math.min;
+function ft(e, t, r) {
+  var n, a, i, l, o, s, d = 0, c = !1, w = !1, k = !0;
   if (typeof e != "function")
-    throw new TypeError(Tn);
-  t = _t(t) || 0, Ze(r) && (c = !!r.leading, w = "maxWait" in r, i = w ? Cn(_t(r.maxWait) || 0, t) : i, k = "trailing" in r ? !!r.trailing : k);
+    throw new TypeError(Sn);
+  t = Nt(t) || 0, Je(r) && (c = !!r.leading, w = "maxWait" in r, i = w ? Cn(Nt(r.maxWait) || 0, t) : i, k = "trailing" in r ? !!r.trailing : k);
   function v(u) {
     var T = n, B = a;
-    return n = a = void 0, d = u, s = e.apply(B, T), s;
+    return n = a = void 0, d = u, l = e.apply(B, T), l;
   }
-  function C(u) {
-    return d = u, o = setTimeout(S, t), c ? v(u) : s;
+  function S(u) {
+    return d = u, o = setTimeout(C, t), c ? v(u) : l;
   }
-  function x(u) {
-    var T = u - l, B = u - d, D = t - T;
-    return w ? Sn(D, i - B) : D;
+  function O(u) {
+    var T = u - s, B = u - d, D = t - T;
+    return w ? Pn(D, i - B) : D;
   }
   function $(u) {
-    var T = u - l, B = u - d;
-    return l === void 0 || T >= t || T < 0 || w && B >= i;
+    var T = u - s, B = u - d;
+    return s === void 0 || T >= t || T < 0 || w && B >= i;
   }
-  function S() {
-    var u = ot();
+  function C() {
+    var u = st();
     if ($(u))
-      return V(u);
-    o = setTimeout(S, x(u));
+      return E(u);
+    o = setTimeout(C, O(u));
   }
-  function V(u) {
-    return o = void 0, k && n ? v(u) : (n = a = void 0, s);
+  function E(u) {
+    return o = void 0, k && n ? v(u) : (n = a = void 0, l);
   }
-  function A() {
-    o !== void 0 && clearTimeout(o), d = 0, n = l = a = o = void 0;
+  function R() {
+    o !== void 0 && clearTimeout(o), d = 0, n = s = a = o = void 0;
   }
   function f() {
-    return o === void 0 ? s : V(ot());
+    return o === void 0 ? l : E(st());
   }
-  function m() {
-    var u = ot(), T = $(u);
-    if (n = arguments, a = this, l = u, T) {
+  function g() {
+    var u = st(), T = $(u);
+    if (n = arguments, a = this, s = u, T) {
       if (o === void 0)
-        return C(l);
+        return S(s);
       if (w)
-        return clearTimeout(o), o = setTimeout(S, t), v(l);
+        return clearTimeout(o), o = setTimeout(C, t), v(s);
     }
-    return o === void 0 && (o = setTimeout(S, t)), s;
+    return o === void 0 && (o = setTimeout(C, t)), l;
   }
-  return m.cancel = A, m.flush = f, m;
+  return g.cancel = R, g.flush = f, g;
 }
-var Pn = "Expected a function";
+var Vn = "Expected a function";
 function En(e, t, r) {
   var n = !0, a = !0;
   if (typeof e != "function")
-    throw new TypeError(Pn);
-  return Ze(r) && (n = "leading" in r ? !!r.leading : n, a = "trailing" in r ? !!r.trailing : a), dt(e, t, {
+    throw new TypeError(Vn);
+  return Je(r) && (n = "leading" in r ? !!r.leading : n, a = "trailing" in r ? !!r.trailing : a), ft(e, t, {
     leading: n,
     maxWait: t,
     trailing: a
   });
 }
-const Vn = (e, t) => {
+const Bn = (e, t) => {
   const r = (n) => {
     const a = e.value, i = n.target;
     !a || !i || !(i instanceof Node) || a.contains(i) || t(n);
   };
-  Je(() => {
+  et(() => {
     document.addEventListener("click", r, !0);
-  }), Ve(() => {
+  }), Ee(() => {
     document.removeEventListener("click", r, !0);
   });
-}, Bn = 80, ft = /* @__PURE__ */ Y({
+}, An = 80, pt = /* @__PURE__ */ G({
   name: "Popover",
   __name: "Popover",
   props: {
@@ -1709,19 +1719,19 @@ const Vn = (e, t) => {
   },
   emits: ["visible-change", "click-outside", "scroll"],
   setup(e, { expose: t, emit: r }) {
-    const n = M(!1), a = e, i = h(() => a.preserveContentMount || n.value), s = h(() => !a.preserveContentMount || n.value), o = r, l = M(), d = M(), c = M();
-    let w = null, k = je({}), v = je({});
-    const C = (b) => typeof b == "number" ? `${b}px` : b, x = h(() => {
-      const b = a.maxPopperHeight;
-      return b != null && b !== "";
-    }), $ = h(() => {
-      const b = {}, R = a.popperWidth;
-      if (R != null && R !== "" && (b.width = C(R)), x.value) {
+    const n = _(!1), a = e, i = m(() => a.preserveContentMount || n.value), l = m(() => !a.preserveContentMount || n.value), o = r, s = _(), d = _(), c = _();
+    let w = null, k = Me({}), v = Me({});
+    const S = (y) => typeof y == "number" ? `${y}px` : y, O = m(() => {
+      const y = a.maxPopperHeight;
+      return y != null && y !== "";
+    }), $ = m(() => {
+      const y = {}, A = a.popperWidth;
+      if (A != null && A !== "" && (y.width = S(A)), O.value) {
         const z = a.maxPopperHeight;
-        b.maxHeight = C(z), b.overflowY = "auto", b.scrollbarWidth = "none", b.msOverflowStyle = "none";
+        y.maxHeight = S(z), y.overflowY = "auto", y.scrollbarWidth = "none", y.msOverflowStyle = "none";
       }
-      return b.padding = C(a.padding), b;
-    }), S = h(() => ({
+      return y.padding = S(a.padding), y;
+    }), C = m(() => ({
       placement: a.placement,
       modifiers: [
         {
@@ -1732,16 +1742,16 @@ const Vn = (e, t) => {
         }
       ],
       ...a.popoverOptions
-    })), V = () => {
+    })), E = () => {
       a.disabled || (n.value = !0, o("visible-change", !0));
-    }, A = () => {
+    }, R = () => {
       n.value = !1, o("visible-change", !1);
-    }, f = dt(V, a.openDelay), m = dt(A, a.closeDelay), u = () => {
-      a.disabled || (m.cancel(), f());
+    }, f = ft(E, a.openDelay), g = ft(R, a.closeDelay), u = () => {
+      a.disabled || (g.cancel(), f());
     }, T = () => {
-      f.cancel(), m();
+      f.cancel(), g();
     };
-    Vn(l, () => {
+    Bn(s, () => {
       a.trigger === "click" && n.value && !a.manual && T(), n.value && o("click-outside", !0);
     });
     const B = () => {
@@ -1751,80 +1761,80 @@ const Vn = (e, t) => {
     };
     J(
       () => n.value,
-      (b) => {
-        b && (d.value && c.value ? w = tn(d.value, c.value, S.value) : w?.destroy());
+      (y) => {
+        y && (d.value && c.value ? w = rn(d.value, c.value, C.value) : w?.destroy());
       },
       { flush: "post" }
     ), J(
       () => a.manual,
-      (b) => {
-        b ? (v = {}, k = {}) : D();
+      (y) => {
+        y ? (v = {}, k = {}) : D();
       }
     ), J(
       () => a.trigger,
-      (b, R) => {
-        b !== R && (v = {}, k = {}, D());
+      (y, A) => {
+        y !== A && (v = {}, k = {}, D());
       }
     ), J(
       () => a.disabled,
-      (b) => {
-        b && T();
+      (y) => {
+        y && T();
       }
-    ), Je(() => {
+    ), et(() => {
       a.manual || D();
     });
-    const W = En((b) => {
-      const R = b.target;
-      o("scroll", { scrollTop: R.scrollTop, scrollLeft: R.scrollLeft });
-    }, Bn);
-    return Ve(() => {
+    const W = En((y) => {
+      const A = y.target;
+      o("scroll", { scrollTop: A.scrollTop, scrollLeft: A.scrollLeft });
+    }, An);
+    return Ee(() => {
       W.cancel(), w?.destroy();
     }), t({
       isOpen: n,
       open: u,
       close: T
-    }), (b, R) => (y(), O("div", xe({
+    }), (y, A) => (b(), x("div", xe({
       class: "cregis-popover",
       ref_key: "popoverRef",
-      ref: l
-    }, Pt(ae(k), !0)), [
-      E("div", xe({
+      ref: s
+    }, Et(ne(k), !0)), [
+      V("div", xe({
         class: ["cregis-popover__trigger", { "cregis-popover__trigger--disabled": e.disabled }],
         ref_key: "popoverTriggerRef",
         ref: d
-      }, Pt(ae(v), !0)), [
-        q(b.$slots, "reference")
+      }, Et(ne(v), !0)), [
+        q(y.$slots, "reference")
       ], 16),
-      U(pt, { name: "fade" }, {
+      U(vt, { name: "fade" }, {
         default: Z(() => [
-          i.value ? Le((y(), O("div", {
+          i.value ? je((b(), x("div", {
             key: 0,
-            class: j(["cregis-popover__content", { "cregis-popover__content--hide-scrollbar": x.value }]),
+            class: j(["cregis-popover__content", { "cregis-popover__content--hide-scrollbar": O.value }]),
             ref_key: "popoverContentRef",
             ref: c,
-            style: pe($.value),
-            onScroll: R[0] || (R[0] = //@ts-ignore
-            (...z) => ae(W) && ae(W)(...z))
+            style: ie($.value),
+            onScroll: A[0] || (A[0] = //@ts-ignore
+            (...z) => ne(W) && ne(W)(...z))
           }, [
-            q(b.$slots, "default")
+            q(y.$slots, "default")
           ], 38)), [
-            [vt, s.value]
+            [mt, l.value]
           ]) : I("", !0)
         ]),
         _: 3
       })
     ], 16));
   }
-}), sr = Symbol("CregisSelect"), Rn = { class: "cregis-select__trigger-label" }, An = { class: "cregis-select__selected" }, Dn = {
+}), cr = Symbol("CregisSelect"), Rn = { class: "cregis-select__trigger-label" }, Dn = { class: "cregis-select__selected" }, zn = {
   key: 1,
   class: "cregis-select__placeholder"
-}, zn = {
+}, Wn = {
   key: 0,
   class: "cregis-select__dropdown-empty"
-}, Wn = {
+}, Ln = {
   key: 2,
   class: "cregis-select__dropdown-filter-empty"
-}, Ln = { class: "cregis-select__dropdown-content" }, ii = /* @__PURE__ */ Y({
+}, jn = { class: "cregis-select__dropdown-content" }, li = /* @__PURE__ */ G({
   name: "Select",
   __name: "Select",
   props: {
@@ -1844,146 +1854,146 @@ const Vn = (e, t) => {
   },
   emits: ["update:modelValue", "change", "visible-change", "filter-input", "filter-clear"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = M(null), i = M(!1);
-    let s = null;
+    const r = e, n = t, a = _(null), i = _(!1);
+    let l = null;
     const o = () => {
-      s !== null && (clearTimeout(s), s = null);
-    }, l = (g) => {
-      i.value = g, n("visible-change", g), !g && r.filterable && (f.value = "", m.value = "", o());
-    }, d = (g) => typeof g == "number" ? `n:${g}` : `s:${g}`, c = je({}), w = je({}), k = M(0), v = M(null), C = (g, H, X) => {
-      const le = d(g);
-      return k.value++, c[le] = H, w[le] = X ?? H, () => {
-        k.value--, delete c[le], delete w[le];
+      l !== null && (clearTimeout(l), l = null);
+    }, s = (h) => {
+      i.value = h, n("visible-change", h), !h && r.filterable && (f.value = "", g.value = "", o());
+    }, d = (h) => typeof h == "number" ? `n:${h}` : `s:${h}`, c = Me({}), w = Me({}), k = _(0), v = _(null), S = (h, N, K) => {
+      const ue = d(h);
+      return k.value++, c[ue] = N, w[ue] = K ?? N, () => {
+        k.value--, delete c[ue], delete w[ue];
       };
-    }, x = h(() => k.value === 0);
+    }, O = m(() => k.value === 0);
     J(
       () => r.modelValue,
-      (g) => {
-        if (g == null || g === "") {
+      (h) => {
+        if (h == null || h === "") {
           v.value = null;
           return;
         }
-        v.value && v.value.value !== g && (v.value = null);
+        v.value && v.value.value !== h && (v.value = null);
       }
     );
-    const $ = h(() => {
-      const g = r.modelValue;
-      return g != null && g !== "";
-    }), S = h(() => {
+    const $ = m(() => {
+      const h = r.modelValue;
+      return h != null && h !== "";
+    }), C = m(() => {
       if (!$.value) return "";
-      const g = r.modelValue;
-      return v.value?.value === g ? v.value.label : c[d(g)] ?? String(g);
-    }), V = (g) => r.modelValue === g, A = (g, H) => {
-      r.disabled || (v.value = { value: g, label: H }, n("update:modelValue", g), n("change", g), a.value?.close());
-    }, f = M(""), m = M(""), u = h(() => m.value.trim().toLowerCase()), T = h(() => {
-      const g = u.value;
-      return !r.filterable || !g ? !0 : Object.keys(c).some((H) => (w[H] ?? c[H]).toLowerCase().includes(g));
-    }), B = h(
-      () => r.filterable && !!u.value && !T.value && !x.value
+      const h = r.modelValue;
+      return v.value?.value === h ? v.value.label : c[d(h)] ?? String(h);
+    }), E = (h) => r.modelValue === h, R = (h, N) => {
+      r.disabled || (v.value = { value: h, label: N }, n("update:modelValue", h), n("change", h), a.value?.close());
+    }, f = _(""), g = _(""), u = m(() => g.value.trim().toLowerCase()), T = m(() => {
+      const h = u.value;
+      return !r.filterable || !h ? !0 : Object.keys(c).some((N) => (w[N] ?? c[N]).toLowerCase().includes(h));
+    }), B = m(
+      () => r.filterable && !!u.value && !T.value && !O.value
     ), D = () => {
-      r.filterable && (o(), s = setTimeout(() => {
-        m.value = f.value.trim(), s = null;
+      r.filterable && (o(), l = setTimeout(() => {
+        g.value = f.value.trim(), l = null;
       }, r.filterDebounceMs));
     };
     J(f, () => {
       r.filterable && D();
     }), J(
       () => r.filterable,
-      (g) => {
-        g || (f.value = "", m.value = "", o());
+      (h) => {
+        h || (f.value = "", g.value = "", o());
       }
-    ), Ve(() => o());
-    const W = (g) => {
-      n("filter-input", String(g ?? ""));
-    }, b = () => {
-      m.value = "", o(), n("filter-clear");
+    ), Ee(() => o());
+    const W = (h) => {
+      n("filter-input", String(h ?? ""));
+    }, y = () => {
+      g.value = "", o(), n("filter-clear");
     };
-    Nt(sr, {
-      modelValue: h(() => r.modelValue),
-      disabled: h(() => !!r.disabled),
-      selectOption: A,
-      isOptionSelected: V,
-      registerOption: C,
+    Ht(cr, {
+      modelValue: m(() => r.modelValue),
+      disabled: m(() => !!r.disabled),
+      selectOption: R,
+      isOptionSelected: E,
+      registerOption: S,
       filterQuery: u
     });
-    const R = (g) => typeof g == "number" ? `${g}px` : g, z = h(() => {
-      if (r.popperWidth) return R(r.popperWidth);
-      const g = r.triggerWidth;
-      return typeof g == "number" ? g + 8 : `calc(${g} + 8px)`;
-    }), K = h(() => typeof z.value == "number" ? `${z.value - 12}px` : `calc(${z.value} - 12px)`), Q = h(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), N = h(() => ({
-      width: R(r.triggerWidth)
-    })), F = h(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), ue = M(0), se = (g) => {
-      ue.value = g.scrollTop;
+    const A = (h) => typeof h == "number" ? `${h}px` : h, z = m(() => {
+      if (r.popperWidth) return A(r.popperWidth);
+      const h = r.triggerWidth;
+      return typeof h == "number" ? h + 8 : `calc(${h} + 8px)`;
+    }), Y = m(() => typeof z.value == "number" ? `${z.value - 12}px` : `calc(${z.value} - 12px)`), X = m(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), F = m(() => ({
+      width: A(r.triggerWidth)
+    })), H = m(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), de = _(0), ce = (h) => {
+      de.value = h.scrollTop;
     };
-    return (g, H) => (y(), O("div", {
+    return (h, N) => (b(), x("div", {
       class: j(["cregis-select", { "is-disabled": e.disabled }])
     }, [
-      U(ft, {
+      U(pt, {
         ref_key: "popoverRef",
         ref: a,
         "preserve-content-mount": "",
         "popper-width": z.value,
-        placement: Q.value,
+        placement: X.value,
         disabled: !!e.disabled,
         padding: 0,
         "max-popper-height": e.maxPopperHeight,
-        onVisibleChange: l,
-        onScroll: se
+        onVisibleChange: s,
+        onScroll: ce
       }, {
         reference: Z(() => [
-          E("div", {
+          V("div", {
             class: j(["cregis-select__trigger", { [`cregis-select__trigger--${e.size}`]: e.size, [`cregis-select__trigger--${e.type}`]: e.type }]),
-            style: pe(N.value)
+            style: ie(F.value)
           }, [
-            E("div", Rn, [
-              $.value ? q(g.$slots, "label", {
+            V("div", Rn, [
+              $.value ? q(h.$slots, "label", {
                 key: 0,
                 modelValue: e.modelValue,
-                displayText: S.value,
+                displayText: C.value,
                 placeholder: e.placeholder,
                 hasSelection: $.value
               }, () => [
-                E("p", An, _(S.value), 1)
-              ]) : (y(), O("p", Dn, _(e.placeholder), 1))
+                V("p", Dn, M(C.value), 1)
+              ]) : (b(), x("p", zn, M(e.placeholder), 1))
             ]),
-            E("span", {
+            V("span", {
               class: j(["cregis-select__icon", { "is-open": i.value }])
             }, [
-              U(ae(Xt), {
-                size: F.value,
+              U(ne(Kt), {
+                size: H.value,
                 color: e.disabled ? "var(--text-base-quaternary)" : "var(--material-foreground-base-secondary)"
               }, null, 8, ["size", "color"])
             ], 2)
           ], 6)
         ]),
         default: Z(() => [
-          E("div", {
-            class: j(["cregis-select__dropdown", { "is-empty": x.value }])
+          V("div", {
+            class: j(["cregis-select__dropdown", { "is-empty": O.value }])
           }, [
-            x.value ? (y(), O("p", zn, _(e.noDataText), 1)) : I("", !0),
-            e.filterable ? (y(), O("div", {
+            O.value ? (b(), x("p", Wn, M(e.noDataText), 1)) : I("", !0),
+            e.filterable ? (b(), x("div", {
               key: 1,
-              class: j(["cregis-select__dropdown-filter", { "backdrop-fixed-header": ue.value > 10 }])
+              class: j(["cregis-select__dropdown-filter", { "backdrop-fixed-header": de.value > 10 }])
             }, [
-              U(Yt, {
+              U(Qt, {
                 modelValue: f.value,
-                "onUpdate:modelValue": H[0] || (H[0] = (X) => f.value = X),
+                "onUpdate:modelValue": N[0] || (N[0] = (K) => f.value = K),
                 placeholder: "search",
-                width: K.value,
+                width: Y.value,
                 size: "small",
                 clearable: "",
                 onInput: W,
-                onClear: b
+                onClear: y
               }, {
                 prefix: Z(() => [
-                  U(ae(Ut), { size: "14px" })
+                  U(ne(Xt), { size: "14px" })
                 ]),
                 _: 1
               }, 8, ["modelValue", "width"])
             ], 2)) : I("", !0),
-            B.value ? (y(), O("p", Wn, _(e.noMatchText), 1)) : I("", !0),
-            E("div", Ln, [
-              q(g.$slots, "default")
+            B.value ? (b(), x("p", Ln, M(e.noMatchText), 1)) : I("", !0),
+            V("div", jn, [
+              q(h.$slots, "default")
             ])
           ], 2)
         ]),
@@ -1991,7 +2001,7 @@ const Vn = (e, t) => {
       }, 8, ["popper-width", "placement", "disabled", "max-popper-height"])
     ], 2));
   }
-}), jn = ["aria-selected"], oi = /* @__PURE__ */ Y({
+}), Mn = ["aria-selected"], ci = /* @__PURE__ */ G({
   name: "Option",
   __name: "Option",
   props: {
@@ -2001,49 +2011,52 @@ const Vn = (e, t) => {
     filterText: {}
   },
   setup(e) {
-    const t = e, r = Ft(sr, null);
+    const t = e, r = qt(cr, null);
     let n;
     const a = () => t.filterText ?? t.label, i = () => {
       n?.(), r && (n = r.registerOption(t.value, t.label, a()));
     };
-    Je(i), Ve(() => n?.()), J(() => [t.value, t.label, t.filterText], i);
-    const s = h(() => r?.isOptionSelected(t.value) ?? !1), o = () => {
+    et(i), Ee(() => n?.()), J(() => [t.value, t.label, t.filterText], i);
+    const l = m(() => r?.isOptionSelected(t.value) ?? !1), o = () => {
       t.disabled || r?.disabled.value || r?.selectOption(t.value, t.label);
-    }, l = h(() => r?.filterQuery?.value ?? ""), d = h(() => {
-      const c = l.value;
+    }, s = m(() => r?.filterQuery?.value ?? ""), d = m(() => {
+      const c = s.value;
       return c ? a().toLowerCase().includes(c) : !0;
     });
-    return (c, w) => Le((y(), O("div", {
-      class: j(["cregis-select__option", { "is-selected": s.value, "is-disabled": e.disabled }]),
+    return (c, w) => je((b(), x("div", {
+      class: j(["cregis-select__option", { "is-selected": l.value, "is-disabled": e.disabled }]),
       role: "option",
-      "aria-selected": s.value,
+      "aria-selected": l.value,
       onClick: o
     }, [
       q(c.$slots, "default", {
         label: e.label,
         value: e.value,
         disabled: !!e.disabled,
-        selected: s.value
+        selected: l.value
       }, () => [
-        Oe(_(e.label), 1)
+        $e(M(e.label), 1)
       ])
-    ], 10, jn)), [
-      [vt, d.value]
+    ], 10, Mn)), [
+      [mt, d.value]
     ]);
   }
-}), Mn = { class: "cregis-cascader__trigger-label" }, _n = { class: "cregis-cascader__selected" }, In = {
+}), _n = { class: "cregis-cascader__trigger-label" }, In = { class: "cregis-cascader__selected" }, Nn = {
   key: 1,
   class: "cregis-cascader__placeholder"
-}, Nn = {
+}, Fn = {
   key: 0,
   class: "cregis-cascader__dropdown-empty"
-}, Fn = {
+}, Hn = {
   key: 2,
   class: "cregis-cascader__dropdown-filter-empty"
-}, Hn = { class: "cregis-cascader__dropdown-content" }, qn = {
+}, qn = { class: "cregis-cascader__dropdown-content" }, Un = {
   key: 0,
   class: "cregis-cascader__dropdown-item-popover"
-}, Un = { class: "cregis-cascader__suboption-panel" }, Xn = ["onClick"], Yn = ["onClick"], si = /* @__PURE__ */ Y({
+}, Yn = { class: "cregis-cascader__suboption-amount-container" }, Xn = {
+  key: 0,
+  class: "cregis-cascader__suboption-amount"
+}, Kn = { class: "cregis-cascader__suboption-panel" }, Qn = ["onClick"], Gn = ["onClick"], ui = /* @__PURE__ */ G({
   name: "Cascader",
   __name: "Cascader",
   props: {
@@ -2061,42 +2074,44 @@ const Vn = (e, t) => {
     triggerWidth: { default: "296px" },
     popperWidth: {},
     subPopperWidth: { default: "200px" },
-    maxPopperHeight: {}
+    maxPopperHeight: { default: 300 },
+    offset: { default: () => [0, 0] },
+    showSubOptionAmount: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change", "visible-change", "filter-input", "filter-clear"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = M(null), i = M(!1);
-    let s = null;
+    const r = e, n = t, a = _(null), i = _(!1);
+    let l = null;
     const o = () => {
-      s !== null && (clearTimeout(s), s = null);
-    }, l = M(""), d = M(""), c = h(() => d.value.trim().toLowerCase()), w = () => {
-      r.filterable && (o(), s = setTimeout(() => {
-        d.value = l.value.trim(), s = null;
+      l !== null && (clearTimeout(l), l = null);
+    }, s = _(""), d = _(""), c = m(() => d.value.trim().toLowerCase()), w = () => {
+      r.filterable && (o(), l = setTimeout(() => {
+        d.value = s.value.trim(), l = null;
       }, r.filterDebounceMs));
     };
-    J(l, () => {
+    J(s, () => {
       r.filterable && w();
     }), J(
       () => r.filterable,
       (p) => {
-        p || (l.value = "", d.value = "", o());
+        p || (s.value = "", d.value = "", o());
       }
-    ), Ve(() => o());
+    ), Ee(() => o());
     const k = (p) => {
       n("filter-input", String(p ?? ""));
     }, v = () => {
       d.value = "", o(), n("filter-clear");
-    }, C = (p) => (p.filterText ?? p.label).toLowerCase(), x = (p) => {
+    }, S = (p) => (p.filterText ?? p.label).toLowerCase(), O = (p) => {
       const L = c.value;
-      return !L || C(p).includes(L) ? !0 : (p.children ?? []).some((ce) => C(ce).includes(L));
+      return !L || S(p).includes(L) ? !0 : (p.children ?? []).some((ae) => S(ae).includes(L));
     }, $ = (p, L) => {
       const P = c.value;
-      return !P || C(p).includes(P) ? !0 : C(L).includes(P);
-    }, S = h(() => r.options.filter((p) => x(p))), V = h(() => r.options.length === 0), A = h(() => (c.value, r.options.some((p) => x(p)))), f = h(
-      () => r.filterable && !!d.value.trim() && !A.value && !V.value
-    ), m = (p) => {
-      i.value = p, n("visible-change", p), !p && r.filterable && (l.value = "", d.value = "", o());
-    }, u = M(null), T = (p) => {
+      return !P || S(p).includes(P) ? !0 : S(L).includes(P);
+    }, C = m(() => r.options.filter((p) => O(p))), E = m(() => r.options.length === 0), R = m(() => (c.value, r.options.some((p) => O(p)))), f = m(
+      () => r.filterable && !!d.value.trim() && !R.value && !E.value
+    ), g = (p) => {
+      i.value = p, n("visible-change", p), !p && r.filterable && (s.value = "", d.value = "", o());
+    }, u = _(null), T = (p) => {
       const L = r.options.find((P) => P.value === p);
       if (L)
         return {
@@ -2106,13 +2121,13 @@ const Vn = (e, t) => {
           sub: void 0
         };
       for (const P of r.options) {
-        const ce = P.children?.find((G) => G.value === p);
-        if (ce)
+        const ae = P.children?.find((Q) => Q.value === p);
+        if (ae)
           return {
             level: 2,
-            label: ce.label,
+            label: ae.label,
             primary: P,
-            sub: ce
+            sub: ae
           };
       }
       return {
@@ -2121,7 +2136,7 @@ const Vn = (e, t) => {
         primary: void 0,
         sub: void 0
       };
-    }, B = h(() => {
+    }, B = m(() => {
       const p = r.modelValue;
       return p == null || p === "" ? {
         level: 0,
@@ -2145,79 +2160,96 @@ const Vn = (e, t) => {
         u.value !== null && u.value.value !== p && (u.value = null);
       }
     );
-    const D = h(() => B.value.level > 0), W = h(() => B.value.label), b = h(() => r.modelValue), R = h(() => W.value), z = h(() => B.value.level), K = h(() => B.value.primary), Q = h(() => B.value.sub), N = (p) => (p.children?.length ?? 0) > 0, F = (p) => r.modelValue === p, ue = (p) => {
+    const D = m(() => B.value.level > 0), W = m(() => B.value.label), y = m(() => r.modelValue), A = m(() => W.value), z = m(() => B.value.level), Y = m(() => B.value.primary), X = m(() => B.value.sub), F = (p) => (p.children?.length ?? 0) > 0, H = (p) => r.modelValue === p, de = (p) => {
       const L = r.modelValue;
       return L == null || L === "" ? !1 : (p.children ?? []).some((P) => P.value === L);
-    }, se = (p, L) => {
+    }, ce = (p, L) => {
       r.disabled || p.disabled || L.disabled || (u.value = { value: L.value, label: L.label, level: 2, primary: p, sub: L }, n("update:modelValue", L.value), n("change", L.value), a.value?.close());
-    }, g = (p) => {
-      r.disabled || p.disabled || N(p) || (u.value = { value: p.value, label: p.label, level: 1, primary: p }, n("update:modelValue", p.value), n("change", p.value), a.value?.close());
-    }, H = (p) => typeof p == "number" ? `${p}px` : p, X = h(() => {
+    }, h = (p) => {
+      r.disabled || p.disabled || F(p) || (u.value = { value: p.value, label: p.label, level: 1, primary: p }, n("update:modelValue", p.value), n("change", p.value), a.value?.close());
+    }, N = (p) => typeof p == "number" ? `${p}px` : p, K = m(() => {
       if (r.popperWidth !== void 0 && r.popperWidth !== null && r.popperWidth !== "")
-        return H(r.popperWidth);
+        return N(r.popperWidth);
       const p = r.triggerWidth;
       return typeof p == "number" ? `${p + 8}px` : `calc(${p} + 8px)`;
-    }), le = h(() => H(r.subPopperWidth)), he = h(() => typeof X.value == "number" ? `${X.value - 12}px` : `calc(${X.value} - 12px)`), de = h(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), ye = h(() => ({
-      width: H(r.triggerWidth)
-    })), Te = h(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), fe = M(0), Be = (p) => {
-      fe.value = p.scrollTop;
-    }, tt = [-16, -8];
-    return (p, L) => (y(), O("div", {
+    }), ue = m(() => N(r.subPopperWidth)), he = m(() => typeof K.value == "number" ? `${K.value - 12}px` : `calc(${K.value} - 12px)`), fe = m(() => ({
+      maxHeight: N(r.maxPopperHeight),
+      overflowY: "auto"
+    })), ye = { strategy: "fixed" }, Te = m(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), me = m(() => ({
+      width: N(r.triggerWidth)
+    })), Be = m(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), He = _(0), Ae = (p) => {
+      const L = p.target;
+      He.value = L.scrollTop;
+    }, rt = [-16, -8];
+    return (p, L) => (b(), x("div", {
       class: j(["cregis-cascader", { "is-disabled": e.disabled }])
     }, [
-      U(ft, {
+      U(pt, {
         ref_key: "popoverRef",
         ref: a,
         "preserve-content-mount": "",
-        "popper-width": X.value,
-        placement: de.value,
+        "popper-width": K.value,
+        placement: Te.value,
+        offset: e.offset,
         disabled: !!e.disabled,
         padding: 0,
-        "max-popper-height": e.maxPopperHeight,
-        onVisibleChange: m,
-        onScroll: Be
+        onVisibleChange: g
       }, {
         reference: Z(() => [
-          E("div", {
+          p.$slots.trigger ? q(p.$slots, "trigger", {
+            key: 0,
+            modelValue: y.value,
+            selectedLabel: A.value,
+            level: z.value,
+            primaryOption: Y.value,
+            subOption: X.value,
+            placeholder: e.placeholder,
+            hasSelection: D.value,
+            open: i.value,
+            disabled: !!e.disabled
+          }) : (b(), x("div", {
+            key: 1,
             class: j(["cregis-cascader__trigger", { [`cregis-cascader__trigger--${e.size}`]: e.size, [`cregis-cascader__trigger--${e.type}`]: e.type }]),
-            style: pe(ye.value)
+            style: ie(me.value)
           }, [
-            E("div", Mn, [
+            V("div", _n, [
               D.value ? q(p.$slots, "label", {
                 key: 0,
-                modelValue: b.value,
-                selectedLabel: R.value,
+                modelValue: y.value,
+                selectedLabel: A.value,
                 level: z.value,
-                primaryOption: K.value,
-                subOption: Q.value,
+                primaryOption: Y.value,
+                subOption: X.value,
                 placeholder: e.placeholder,
                 hasSelection: D.value
               }, () => [
-                E("p", _n, _(W.value), 1)
-              ]) : (y(), O("p", In, _(e.placeholder), 1))
+                V("p", In, M(W.value), 1)
+              ]) : (b(), x("p", Nn, M(e.placeholder), 1))
             ]),
-            E("span", {
+            V("span", {
               class: j(["cregis-cascader__icon", { "is-open": i.value }])
             }, [
-              U(ae(Xt), {
-                size: Te.value,
+              U(ne(Kt), {
+                size: Be.value,
                 color: e.disabled ? "var(--text-base-quaternary)" : "var(--material-foreground-base-secondary)"
               }, null, 8, ["size", "color"])
             ], 2)
-          ], 6)
+          ], 6))
         ]),
         default: Z(() => [
-          E("div", {
-            class: j(["cregis-cascader__dropdown", { "is-empty": V.value }])
+          V("div", {
+            class: j(["cregis-cascader__dropdown", { "is-empty": E.value }]),
+            style: ie(fe.value),
+            onScroll: Ae
           }, [
-            V.value ? (y(), O("p", Nn, _(e.noDataText), 1)) : I("", !0),
-            e.filterable ? (y(), O("div", {
+            E.value ? (b(), x("p", Fn, M(e.noDataText), 1)) : I("", !0),
+            e.filterable ? (b(), x("div", {
               key: 1,
-              class: j(["cregis-cascader__dropdown-filter", { "backdrop-fixed-header": fe.value > 10 }])
+              class: j(["cregis-cascader__dropdown-filter", { "backdrop-fixed-header": He.value > 10 }])
             }, [
-              U(Yt, {
-                modelValue: l.value,
-                "onUpdate:modelValue": L[0] || (L[0] = (P) => l.value = P),
+              U(Qt, {
+                modelValue: s.value,
+                "onUpdate:modelValue": L[0] || (L[0] = (P) => s.value = P),
                 placeholder: "search",
                 width: he.value,
                 size: "small",
@@ -2226,131 +2258,134 @@ const Vn = (e, t) => {
                 onClear: v
               }, {
                 prefix: Z(() => [
-                  U(ae(Ut), { size: "14px" })
+                  U(ne(Xt), { size: "14px" })
                 ]),
                 _: 1
               }, 8, ["modelValue", "width"])
             ], 2)) : I("", !0),
-            f.value ? (y(), O("p", Fn, _(e.noMatchText), 1)) : I("", !0),
-            E("ul", Hn, [
-              (y(!0), O(st, null, lt(S.value, (P, ce) => (y(), O("li", {
+            f.value ? (b(), x("p", Hn, M(e.noMatchText), 1)) : I("", !0),
+            V("ul", qn, [
+              (b(!0), x(lt, null, ct(C.value, (P, ae) => (b(), x("li", {
                 key: P.value,
                 class: j(["cregis-cascader__dropdown-item", { "is-disabled": P.disabled }])
               }, [
-                N(P) ? (y(), O("div", qn, [
-                  U(ft, {
+                F(P) ? (b(), x("div", Un, [
+                  U(pt, {
                     trigger: "hover",
                     placement: "right-start",
-                    offset: tt,
-                    "popper-width": le.value,
+                    offset: rt,
+                    "popover-options": ye,
+                    "popper-width": ue.value,
                     padding: 4,
                     disabled: !!P.disabled || !!e.disabled
                   }, {
                     reference: Z(() => [
-                      E("div", {
+                      V("div", {
                         class: j(["cregis-cascader__suboption-trigger", {
                           "is-disabled": P.disabled,
-                          "is-parent-active": ue(P)
+                          "is-parent-active": de(P)
                         }])
                       }, [
                         q(p.$slots, "option", {
-                          modelValue: b.value,
-                          selectedLabel: R.value,
+                          modelValue: y.value,
+                          selectedLabel: A.value,
                           level: z.value,
-                          primaryOption: K.value,
-                          subOption: Q.value,
+                          primaryOption: Y.value,
+                          subOption: X.value,
                           option: P,
-                          index: ce,
+                          index: ae,
                           disabled: !!P.disabled,
-                          selected: F(P.value),
-                          isParentOfSelected: ue(P)
+                          selected: H(P.value),
+                          isParentOfSelected: de(P)
                         }, () => [
-                          E("p", null, _(P.label), 1)
+                          V("p", null, M(P.label), 1)
                         ]),
-                        U(ae(hr), {
-                          class: "arrow",
-                          size: "14px",
-                          color: "currentColor"
-                        })
+                        V("div", Yn, [
+                          e.showSubOptionAmount ? (b(), x("div", Xn, M(P.children.length), 1)) : I("", !0),
+                          U(ne(br), {
+                            size: "14px",
+                            color: "currentColor"
+                          })
+                        ])
                       ], 2)
                     ]),
                     default: Z(() => [
-                      E("div", Un, [
-                        (y(!0), O(st, null, lt(P.children, (G, Fe) => Le((y(), O("div", {
-                          key: G.value,
+                      V("div", Kn, [
+                        (b(!0), x(lt, null, ct(P.children, (Q, at) => je((b(), x("div", {
+                          key: Q.value,
                           class: j(["cregis-cascader__suboption-row", {
-                            "is-active": F(G.value),
-                            "is-disabled": G.disabled
+                            "is-active": H(Q.value),
+                            "is-disabled": Q.disabled
                           }]),
                           role: "menuitem",
-                          onClick: (rt) => se(P, G)
+                          onClick: ($t) => ce(P, Q)
                         }, [
                           q(p.$slots, "subOption", {
-                            modelValue: b.value,
-                            selectedLabel: R.value,
+                            modelValue: y.value,
+                            selectedLabel: A.value,
                             level: z.value,
-                            primaryOption: K.value,
-                            subOption: Q.value,
-                            option: G,
-                            index: Fe,
+                            primaryOption: Y.value,
+                            subOption: X.value,
+                            option: Q,
+                            index: at,
                             parent: P,
-                            parentIndex: ce,
-                            selected: F(G.value),
-                            disabled: !!G.disabled
+                            parentIndex: ae,
+                            selected: H(Q.value),
+                            disabled: !!Q.disabled
                           }, () => [
-                            Oe(_(G.label), 1)
+                            $e(M(Q.label), 1)
                           ])
-                        ], 10, Xn)), [
-                          [vt, $(P, G)]
+                        ], 10, Qn)), [
+                          [mt, $(P, Q)]
                         ])), 128))
                       ])
                     ]),
                     _: 2
                   }, 1032, ["popper-width", "disabled"])
-                ])) : (y(), O("div", {
+                ])) : (b(), x("div", {
                   key: 1,
                   class: "cregis-cascader__leaf-only",
-                  onClick: (G) => g(P)
+                  onClick: (Q) => h(P)
                 }, [
                   q(p.$slots, "option", {
-                    modelValue: b.value,
-                    selectedLabel: R.value,
+                    modelValue: y.value,
+                    selectedLabel: A.value,
                     level: z.value,
-                    primaryOption: K.value,
-                    subOption: Q.value,
+                    primaryOption: Y.value,
+                    subOption: X.value,
                     option: P,
-                    index: ce,
+                    index: ae,
                     disabled: !!P.disabled,
-                    selected: F(P.value),
+                    selected: H(P.value),
                     isParentOfSelected: !1
                   }, () => [
-                    E("p", null, _(P.label), 1)
+                    V("p", null, M(P.label), 1)
                   ])
-                ], 8, Yn))
+                ], 8, Gn))
               ], 2))), 128))
             ])
-          ], 2)
+          ], 38)
         ]),
         _: 3
-      }, 8, ["popper-width", "placement", "disabled", "max-popper-height"])
+      }, 8, ["popper-width", "placement", "offset", "disabled"])
     ], 2));
   }
 });
 export {
-  Ue as Button,
-  si as Cascader,
-  Gn as Checkbox,
-  Jn as Divider,
-  Yt as Input,
-  ri as Message,
-  ai as Notification,
-  oi as Option,
-  ft as Popover,
-  ni as Progress,
-  Zn as Radio,
-  ii as Select,
-  Kt as TABS_KEY,
-  ti as TabPane,
-  ei as Tabs,
-  sr as selectInjectKey
+  Ye as Button,
+  ui as Cascader,
+  ei as Checkbox,
+  ri as Divider,
+  Qt as Input,
+  ii as Message,
+  oi as Notification,
+  ci as Option,
+  pt as Popover,
+  si as Progress,
+  ti as Radio,
+  li as Select,
+  Gt as TABS_KEY,
+  ni as TabPane,
+  ai as Tabs,
+  cr as selectInjectKey
 };