@cregis/ui 0.1.11 → 0.2.1

package/dist/es/cregis-ui.js

@@ -1,15 +1,16 @@
-import { defineComponent as k, computed as y, createElementBlock as r, openBlock as s, createElementVNode as u, createCommentVNode as h, mergeProps as x, createBlock as z, renderSlot as v, resolveDynamicComponent as Y, normalizeClass as g, toDisplayString as p, unref as W, ref as C, watch as S, normalizeStyle as $, withDirectives as F, vModelDynamic as j, withModifiers as Z, vModelText as G, createVNode as D, withCtx as P, createTextVNode as T, nextTick as M, reactive as H, provide as J, toRef as Q, Fragment as X, renderList as _, inject as ee, onMounted as te, onUnmounted as ae } from "vue";
-import { EdsLoad as ie, EdsCloseCircleFill as le } from "@cregis/icon";
-const ne = {
+import { defineComponent as Q, useSlots as ur, computed as g, createElementBlock as x, openBlock as b, createElementVNode as V, createCommentVNode as I, mergeProps as xe, createBlock as We, resolveDynamicComponent as It, normalizeStyle as ue, renderSlot as q, normalizeClass as j, toDisplayString as M, unref as ae, ref as _, watch as J, withDirectives as Le, vModelDynamic as dr, withModifiers as fr, vModelText as pr, createVNode as U, withCtx as Z, createTextVNode as $e, nextTick as Ye, reactive as je, provide as Nt, toRef as vr, Fragment as st, renderList as lt, inject as Ft, onMounted as Je, onUnmounted as Ee, onBeforeUnmount as Ht, Transition as pt, render as Ke, h as qt, toHandlers as Pt, vShow as vt } from "vue";
+import { EdsLoad as mr, EdsCloseCircleFill as gr, EdsWarningFill as hr, EdsSearch as Ut, EdsArrowDownMiniIos as Xt, EdsArrowRightMiniIos as br } from "@cregis/icon";
+const yr = {
   key: 0,
   class: "cregis-button__icon-wrapper"
-}, se = ["disabled"], oe = ["disabled"], re = ["disabled"], B = /* @__PURE__ */ k({
+}, wr = ["disabled"], xr = ["disabled"], Or = ["disabled"], Ue = /* @__PURE__ */ Q({
   name: "Button",
   inheritAttrs: !1,
   __name: "Button",
   props: {
     type: { default: "primary" },
     size: { default: "medium" },
+    width: {},
     plain: { type: Boolean },
     text: { type: Boolean },
     disabled: { type: Boolean },
@@ -23,7 +24,10 @@ const ne = {
     isActive: { type: Boolean }
   },
   setup(e) {
-    const t = e, i = y(() => t.size === "large" ? "20px" : t.size === "medium" ? "16px" : "12px"), d = y(() => t.size === "large" || t.size === "medium" ? "16px" : "12px"), l = y(() => {
+    const t = e, r = ur(), n = g(() => {
+      const s = t, d = r.icon;
+      return !s.icon && typeof d == "function";
+    }), a = g(() => t.size === "large" ? "20px" : t.size === "medium" ? "16px" : "12px"), i = g(() => t.size === "large" || t.size === "medium" ? "16px" : "12px"), l = g(() => t.width ? { width: t.width } : void 0), o = g(() => {
       if (t.plain || t.text)
         switch (t.type) {
           case "primary":
@@ -40,26 +44,33 @@ const ne = {
       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 (a, o) => e.icon || a.$slots.icon ? (s(), r("div", ne, [
-      u("button", x(a.$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 ? (s(), z(Y(e.icon), {
+        e.icon ? (b(), We(It(e.icon), {
           key: 0,
-          size: i.value
-        }, null, 8, ["size"])) : v(a.$slots, "icon", { key: 1 })
-      ], 16, se),
-      e.iconText ? (s(), r("span", {
+          size: a.value
+        }, null, 8, ["size"])) : (b(), x("span", {
+          key: 1,
+          class: "cregis-button__icon-slot-inner",
+          style: ue({ "--cregis-btn-icon-slot-size": a.value })
+        }, [
+          q(s.$slots, "icon")
+        ], 4))
+      ], 16, wr),
+      e.iconText ? (b(), x("span", {
         key: 0,
-        class: g(["cregis-button__icon-text", { "is-disabled": e.disabled }])
-      }, p(e.iconText), 3)) : h("", !0)
-    ])) : e.link ? (s(), r("button", x({ key: 1 }, a.$attrs, {
+        class: j(["cregis-button__icon-text", { "is-disabled": e.disabled }])
+      }, 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,
@@ -68,11 +79,12 @@ const ne = {
       }],
       disabled: e.disabled || e.loading
     }), [
-      v(a.$slots, "default")
-    ], 16, oe)) : (s(), r("button", x({
+      q(s.$slots, "default")
+    ], 16, xr)) : (b(), x("button", xe({
       key: 2,
       ref: "buttonRef"
-    }, a.$attrs, {
+    }, s.$attrs, {
+      style: l.value,
       class: ["cregis-button", {
         [`cregis-button--${e.type}`]: e.type,
         [`cregis-button--${e.size}`]: e.size,
@@ -86,24 +98,24 @@ const ne = {
       }],
       disabled: e.disabled || e.loading
     }), [
-      e.loading ? (s(), z(W(ie), {
+      e.loading ? (b(), We(ae(mr), {
         key: 0,
         class: "loading",
-        size: d.value,
-        color: l.value
-      }, null, 8, ["size", "color"])) : v(a.$slots, "default", { key: 1 })
-    ], 16, re));
+        size: i.value,
+        color: o.value
+      }, null, 8, ["size", "color"])) : q(s.$slots, "default", { key: 1 })
+    ], 16, Or));
   }
-}), de = {
+}), $r = {
   key: 0,
   class: "cregis-input__prefix"
-}, ue = ["type", "placeholder", "disabled"], ce = {
+}, kr = ["type", "placeholder", "disabled"], Tr = {
   key: 2,
   class: "cregis-input__suffix"
-}, me = ["disabled", "placeholder", "rows"], be = {
+}, Sr = ["disabled", "placeholder", "rows"], Cr = {
   key: 0,
   class: "cregis-textarea__buttons"
-}, ze = /* @__PURE__ */ k({
+}, Yt = /* @__PURE__ */ Q({
   name: "Input",
   inheritAttrs: !1,
   __name: "Input",
@@ -120,154 +132,154 @@ const ne = {
     rows: { default: 3 }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
-  setup(e, { expose: t, emit: i }) {
-    const d = e, l = i, a = C(d.modelValue);
-    S(
-      () => d.modelValue,
-      (n) => {
-        a.value = n;
+  setup(e, { expose: t, emit: r }) {
+    const n = e, a = r, i = _(n.modelValue);
+    J(
+      () => n.modelValue,
+      (f) => {
+        i.value = f;
       }
     );
-    const o = C(), c = C(0), f = C(!1);
-    let w = null;
-    const q = async () => {
-      await M(), o.value?.focus();
-    }, V = async () => {
-      l("update:modelValue", a.value), l("input", a.value), await M(), E();
-    }, R = () => {
-      l("change", a.value);
-    }, A = (n) => {
-      f.value = !0, l("focus", n);
-    }, I = (n) => {
-      f.value = !1, l("blur", n);
-    }, L = y(() => d.clearable && !d.disabled && !!a.value && f.value), N = () => {
-      a.value = "", l("update:modelValue", ""), l("clear"), l("input", ""), l("change", "");
-    }, E = () => {
-      w && cancelAnimationFrame(w), w = requestAnimationFrame(() => {
-        if (!o.value || o.value.tagName !== "INPUT") return;
-        const n = o.value, b = n.value, m = document.createElement("span");
-        m.style.position = "absolute", m.style.visibility = "hidden", m.style.whiteSpace = "pre", m.style.font = window.getComputedStyle(n).font, m.style.letterSpacing = window.getComputedStyle(n).letterSpacing, m.textContent = b || " ", document.body.appendChild(m), c.value = m.getBoundingClientRect().width, document.body.removeChild(m);
+    const l = _(), o = _(0), s = _(!1);
+    let d = null;
+    const c = async () => {
+      await Ye(), l.value?.focus();
+    }, w = async () => {
+      a("update:modelValue", i.value), a("input", i.value), await Ye(), C();
+    }, k = () => {
+      a("change", i.value);
+    }, v = (f) => {
+      s.value = !0, a("focus", f);
+    }, S = (f) => {
+      s.value = !1, a("blur", f);
+    }, O = g(() => n.clearable && !n.disabled && !!i.value && s.value), $ = () => {
+      i.value = "", a("update:modelValue", ""), a("clear"), a("input", ""), a("change", "");
+    }, C = () => {
+      d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+        if (!l.value || l.value.tagName !== "INPUT") return;
+        const f = l.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);
       });
-    }, K = y(() => {
-      const n = {};
-      return c.value > 0 && (n.position = "absolute", n.left = `${c.value + 16}px`), n;
-    }), O = async () => {
+    }, E = g(() => {
+      const f = {};
+      return o.value > 0 && (f.position = "absolute", f.left = `${o.value + 16}px`), f;
+    }), R = async () => {
       try {
-        a.value = await navigator.clipboard.readText();
-      } catch (n) {
-        console.error("paste error：", n);
+        i.value = await navigator.clipboard.readText();
+      } catch (f) {
+        console.error("paste error：", f);
       }
     };
     return t({
-      focus: q,
-      updateTextWidth: E
-    }), (n, b) => e.type !== "textarea" ? (s(), r("div", {
+      focus: c,
+      updateTextWidth: C
+    }), (f, m) => e.type !== "textarea" ? (b(), x("div", {
       key: 0,
-      class: g(["cregis-input", {
+      class: j(["cregis-input", {
         [`cregis-input--${e.size}`]: e.size,
         "is-disabled": e.disabled,
-        "is-prefix": n.$slots.prefix,
-        "is-suffix": n.$slots.suffix
+        "is-prefix": f.$slots.prefix,
+        "is-suffix": f.$slots.suffix
       }]),
-      style: $([{ width: e.width }, e.inputStyle])
+      style: ue([{ width: e.width }, e.inputStyle])
     }, [
-      u("div", {
-        class: g(["cregis-input__wrapper", { "is-focus": f.value }])
+      V("div", {
+        class: j(["cregis-input__wrapper", { "is-focus": s.value }])
       }, [
-        n.$slots.prefix ? (s(), r("span", de, [
-          v(n.$slots, "prefix")
-        ])) : h("", !0),
-        F(u("input", x({
+        f.$slots.prefix ? (b(), x("span", $r, [
+          q(f.$slots, "prefix")
+        ])) : I("", !0),
+        Le(V("input", xe({
           class: "cregis-input__inner",
-          "onUpdate:modelValue": b[0] || (b[0] = (m) => a.value = m),
+          "onUpdate:modelValue": m[0] || (m[0] = (u) => i.value = u),
           ref_key: "inputRef",
-          ref: o,
+          ref: l,
           type: e.type,
           placeholder: e.placeholder
-        }, n.$attrs, {
+        }, f.$attrs, {
           disabled: e.disabled,
-          onInput: V,
-          onChange: R,
-          onFocus: A,
-          onBlur: I
-        }), null, 16, ue), [
-          [j, a.value]
+          onInput: w,
+          onChange: k,
+          onFocus: v,
+          onBlur: S
+        }), null, 16, kr), [
+          [dr, i.value]
         ]),
-        e.unit && a.value ? (s(), r("span", {
+        e.unit && i.value ? (b(), x("span", {
           key: 1,
-          style: $(K.value),
+          style: ue(E.value),
           class: "cregis-input__unit"
-        }, p(e.unit), 5)) : h("", !0),
-        n.$slots.suffix || L.value ? (s(), r("span", ce, [
-          v(n.$slots, "suffix"),
-          L.value ? (s(), z(B, {
+        }, M(e.unit), 5)) : I("", !0),
+        f.$slots.suffix || O.value ? (b(), x("span", Tr, [
+          q(f.$slots, "suffix"),
+          O.value ? (b(), We(Ue, {
             key: 0,
-            icon: W(le),
+            icon: ae(gr),
             "icon-type": "square",
-            onClick: N,
-            onMousedown: b[1] || (b[1] = Z(() => {
+            onClick: $,
+            onMousedown: m[1] || (m[1] = fr(() => {
             }, ["prevent"]))
-          }, null, 8, ["icon"])) : h("", !0)
-        ])) : h("", !0)
+          }, null, 8, ["icon"])) : I("", !0)
+        ])) : I("", !0)
       ], 2)
-    ], 6)) : (s(), r("div", {
+    ], 6)) : (b(), x("div", {
       key: 1,
-      class: g(["cregis-textarea", { "is-disabled": e.disabled }]),
-      style: $([{ width: e.width }, e.inputStyle])
+      class: j(["cregis-textarea", { "is-disabled": e.disabled }]),
+      style: ue([{ width: e.width }, e.inputStyle])
     }, [
-      F(u("textarea", x({ class: "cregis-textarea__wrapper" }, n.$attrs, {
+      Le(V("textarea", xe({ class: "cregis-textarea__wrapper" }, f.$attrs, {
         ref_key: "inputRef",
-        ref: o,
+        ref: l,
         disabled: e.disabled,
         placeholder: e.placeholder,
         rows: e.rows,
-        "onUpdate:modelValue": b[2] || (b[2] = (m) => a.value = m),
-        onInput: V,
-        onChange: R,
-        onFocus: A,
-        onBlur: I
-      }), null, 16, me), [
-        [G, a.value]
+        "onUpdate:modelValue": m[2] || (m[2] = (u) => i.value = u),
+        onInput: w,
+        onChange: k,
+        onFocus: v,
+        onBlur: S
+      }), null, 16, Sr), [
+        [pr, i.value]
       ]),
-      e.disabled ? h("", !0) : (s(), r("div", be, [
-        D(B, {
+      e.disabled ? I("", !0) : (b(), x("div", Cr, [
+        U(Ue, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
-          onClick: O
+          onClick: R
         }, {
-          default: P(() => [...b[3] || (b[3] = [
-            T(" Paste ", -1)
+          default: Z(() => [...m[3] || (m[3] = [
+            $e(" Paste ", -1)
           ])]),
           _: 1
         }),
-        D(B, {
+        U(Ue, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
-          disabled: !a.value,
-          onClick: N
+          disabled: !i.value,
+          onClick: $
         }, {
-          default: P(() => [...b[4] || (b[4] = [
-            T(" Clear ", -1)
+          default: Z(() => [...m[4] || (m[4] = [
+            $e(" Clear ", -1)
           ])]),
           _: 1
         }, 8, ["disabled"])
       ]))
     ], 6));
   }
-}), fe = ["width", "height"], ge = {
+}), Pr = ["width", "height"], Vr = {
   stroke: "none",
   "stroke-width": "1",
   fill: "none",
   "fill-rule": "evenodd"
-}, ye = { transform: "translate(-394.000000, -457.000000)" }, he = { transform: "translate(394.000000, 457.000000)" }, ve = ["width", "height"], ke = /* @__PURE__ */ k({
+}, Er = { transform: "translate(-394.000000, -457.000000)" }, Br = { transform: "translate(394.000000, 457.000000)" }, Ar = ["width", "height"], Rr = /* @__PURE__ */ Q({
   __name: "checked-basis",
   props: {
     size: { default: "16px" }
   },
   setup(e) {
-    return (t, i) => (s(), r("svg", {
+    return (t, r) => (b(), x("svg", {
       width: e.size,
       height: e.size,
       viewBox: "0 0 16 16",
@@ -275,16 +287,16 @@ const ne = {
       xmlns: "http://www.w3.org/2000/svg",
       "xmlns:xlink": "http://www.w3.org/1999/xlink"
     }, [
-      u("g", ge, [
-        u("g", ye, [
-          u("g", he, [
-            u("rect", {
+      V("g", Vr, [
+        V("g", Er, [
+          V("g", Br, [
+            V("rect", {
               x: "0",
               y: "0",
               width: e.size,
               height: e.size
-            }, null, 8, ve),
-            i[0] || (i[0] = u("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"
@@ -292,12 +304,12 @@ const ne = {
           ])
         ])
       ])
-    ], 8, fe));
+    ], 8, Pr));
   }
-}), xe = {
+}), Dr = {
   key: 0,
   class: "cregis-checkbox--indeterminate"
-}, Te = /* @__PURE__ */ k({
+}, ei = /* @__PURE__ */ Q({
   name: "Checkbox",
   __name: "Checkbox",
   props: {
@@ -309,42 +321,42 @@ const ne = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const i = e, d = t, l = y(() => i.modelValue), a = () => {
-      i.disabled || d("update:modelValue", !l.value);
+    const r = e, n = t, a = g(() => r.modelValue), i = () => {
+      r.disabled || n("update:modelValue", !a.value);
     };
-    return S(
-      () => l.value,
+    return J(
+      () => a.value,
       () => {
-        d("change", l.value);
+        n("change", a.value);
       }
-    ), (o, c) => (s(), r("div", {
+    ), (l, o) => (b(), x("div", {
       class: "cregis-checkbox__wrapper",
-      onClick: a
+      onClick: i
     }, [
-      u("div", {
-        class: g(["cregis-checkbox", {
+      V("div", {
+        class: j(["cregis-checkbox", {
           "is-disabled": e.disabled,
-          "is-checked": l.value,
+          "is-checked": a.value,
           "is-circle": e.circle,
           "is-indeterminate": e.indeterminate
         }])
       }, [
-        e.indeterminate ? (s(), r("div", xe)) : (s(), z(ke, {
+        e.indeterminate ? (b(), x("div", Dr)) : (b(), We(Rr, {
           key: 1,
           size: "10px"
         }))
       ], 2),
-      o.$slots.default || e.label ? (s(), r("span", {
+      l.$slots.default || e.label ? (b(), x("span", {
         key: 0,
-        class: g(["cregis-checkbox__label", { "is-disabled": e.disabled }])
+        class: j(["cregis-checkbox__label", { "is-disabled": e.disabled }])
       }, [
-        v(o.$slots, "default", {}, () => [
-          T(p(e.label), 1)
+        q(l.$slots, "default", {}, () => [
+          $e(M(e.label), 1)
         ])
-      ], 2)) : h("", !0)
+      ], 2)) : I("", !0)
     ]));
   }
-}), Be = /* @__PURE__ */ k({
+}), ti = /* @__PURE__ */ Q({
   name: "Radio",
   __name: "Radio",
   props: {
@@ -355,32 +367,32 @@ const ne = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const i = e, d = t, l = y(() => i.modelValue === i.value), a = () => {
-      i.disabled || (d("update:modelValue", i.value), d("change", i.value));
+    const r = e, n = t, a = g(() => r.modelValue === r.value), i = () => {
+      r.disabled || (n("update:modelValue", r.value), n("change", r.value));
     };
-    return (o, c) => (s(), r("div", {
+    return (l, o) => (b(), x("div", {
       class: "cregis-radio__wrapper",
-      onClick: a
+      onClick: i
     }, [
-      u("div", {
-        class: g(["cregis-radio", {
+      V("div", {
+        class: j(["cregis-radio", {
           "is-disabled": e.disabled,
-          "is-checked": l.value
+          "is-checked": a.value
         }])
-      }, [...c[0] || (c[0] = [
-        u("div", { class: "cregis-radio__inner" }, null, -1)
+      }, [...o[0] || (o[0] = [
+        V("div", { class: "cregis-radio__inner" }, null, -1)
       ])], 2),
-      o.$slots.default || e.label ? (s(), r("span", {
+      l.$slots.default || e.label ? (b(), x("span", {
         key: 0,
-        class: g(["cregis-radio__label", { "is-disabled": e.disabled }])
+        class: j(["cregis-radio__label", { "is-disabled": e.disabled }])
       }, [
-        v(o.$slots, "default", {}, () => [
-          T(p(e.label), 1)
+        q(l.$slots, "default", {}, () => [
+          $e(M(e.label), 1)
         ])
-      ], 2)) : h("", !0)
+      ], 2)) : I("", !0)
     ]));
   }
-}), Se = /* @__PURE__ */ k({
+}), ri = /* @__PURE__ */ Q({
   name: "Divider",
   __name: "Divider",
   props: {
@@ -392,33 +404,33 @@ const ne = {
     length: {}
   },
   setup(e) {
-    const t = e, i = y(() => {
+    const t = e, r = g(() => {
       if (Array.isArray(t.margin)) {
-        const [l, a] = t.margin;
-        return t.direction === "horizontal" ? `${l} 0 ${a} 0` : `0 ${a} 0 ${l}`;
+        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}`;
-    }), d = y(() => t.direction === "horizontal" ? {
+    }), n = g(() => t.direction === "horizontal" ? {
       width: t.length || "100%",
       borderTopWidth: t.lineThickness,
       borderTopStyle: t.borderStyle,
       borderTopColor: t.color,
-      margin: i.value
+      margin: r.value
     } : {
       height: t.length || "1rem",
       borderLeftWidth: t.lineThickness,
       borderLeftStyle: t.borderStyle,
       borderLeftColor: t.color,
-      margin: i.value
+      margin: r.value
     });
-    return (l, a) => (s(), r("div", {
-      class: g(["cregis-divider", {
+    return (a, i) => (b(), x("div", {
+      class: j(["cregis-divider", {
         [`cregis-divider--${e.direction}`]: e.direction
       }]),
-      style: $(d.value)
+      style: ue(n.value)
     }, null, 6));
   }
-}), U = Symbol("TABS_KEY"), $e = ["onClick"], pe = { style: { display: "none" } }, Ve = /* @__PURE__ */ k({
+}), Kt = Symbol("TABS_KEY"), zr = ["onClick"], Wr = { style: { display: "none" } }, ai = /* @__PURE__ */ Q({
   name: "Tabs",
   __name: "Tabs",
   props: {
@@ -428,12 +440,12 @@ const ne = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, i = H([]), d = (o) => {
-      i.some((c) => c.name === o.name) || i.push(o);
-    }, l = (o) => {
-      const c = i.findIndex((f) => f.name === o);
-      c !== -1 && i.splice(c, 1);
-    }, a = y(() => t.type === "card" ? t.size === "large" ? {
+    const t = e, r = je([]), 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 = g(() => t.type === "card" ? t.size === "large" ? {
       borderRadius: "13px"
     } : t.size === "medium" ? {
       borderRadius: "11px"
@@ -442,30 +454,30 @@ const ne = {
     } : {
       borderRadius: 0
     });
-    return J(U, {
-      activeName: Q(t, "modelValue"),
-      registerTab: d,
-      unregisterTab: l
-    }), (o, c) => (s(), r("div", {
-      class: g(["cregis-tabs", {
+    return Nt(Kt, {
+      activeName: vr(t, "modelValue"),
+      registerTab: n,
+      unregisterTab: a
+    }), (l, o) => (b(), x("div", {
+      class: j(["cregis-tabs", {
         [`cregis-tabs--${e.type}`]: e.type,
         [`cregis-tabs--${e.size}`]: e.size
       }])
     }, [
-      (s(!0), r(X, null, _(i, (f) => (s(), r("div", {
-        key: f.name,
-        class: g(["cregis-tabs__item", { "is-active": e.modelValue === f.name }]),
-        style: $(a.value),
-        onClick: (w) => o.$emit("update:modelValue", f.name)
+      (b(!0), x(st, null, lt(r, (s) => (b(), x("div", {
+        key: s.name,
+        class: j(["cregis-tabs__item", { "is-active": e.modelValue === s.name }]),
+        style: ue(i.value),
+        onClick: (d) => l.$emit("update:modelValue", s.name)
       }, [
-        u("span", null, p(f.label), 1)
-      ], 14, $e))), 128)),
-      u("div", pe, [
-        v(o.$slots, "default")
+        V("span", null, M(s.label), 1)
+      ], 14, zr))), 128)),
+      V("div", Wr, [
+        q(l.$slots, "default")
       ])
     ], 2));
   }
-}), Re = /* @__PURE__ */ k({
+}), ni = /* @__PURE__ */ Q({
   name: "TabPane",
   __name: "TabPane",
   props: {
@@ -473,28 +485,1902 @@ const ne = {
     name: {}
   },
   setup(e) {
-    const t = e, i = ee(U);
-    if (!i) throw new Error("TabPane must be used within Tabs");
-    return te(() => {
-      i.registerTab({ label: t.label, name: t.name });
-    }), S(
+    const t = e, r = Ft(Kt);
+    if (!r) throw new Error("TabPane must be used within Tabs");
+    return Je(() => {
+      r.registerTab({ label: t.label, name: t.name });
+    }), J(
       () => t.label,
-      (d) => {
-        i.unregisterTab(t.name), i.registerTab({ label: d, name: t.name });
+      (n) => {
+        r.unregisterTab(t.name), r.registerTab({ label: n, name: t.name });
+      }
+    ), Ee(() => {
+      r.unregisterTab(t.name);
+    }), (n, a) => null;
+  }
+}), Lr = { class: "cregis-message__wrapper" }, jr = {
+  key: 0,
+  class: "cregis-message",
+  role: "status",
+  "aria-live": "polite"
+}, Mr = /* @__PURE__ */ Q({
+  name: "Message",
+  __name: "Message",
+  props: {
+    message: {},
+    duration: { default: 1e3 },
+    onVanish: {}
+  },
+  setup(e) {
+    const t = e, r = _(!1);
+    let n;
+    const a = () => {
+      n = window.setTimeout(() => {
+        r.value = !1;
+      }, t.duration);
+    }, i = () => {
+      t.onVanish?.();
+    };
+    return Ht(() => {
+      n !== void 0 && clearTimeout(n);
+    }), Ye(() => {
+      r.value = !0;
+    }), (l, o) => (b(), x("div", Lr, [
+      U(pt, {
+        name: "cregis-message",
+        onAfterEnter: a,
+        onAfterLeave: i
+      }, {
+        default: Z(() => [
+          r.value ? (b(), x("div", jr, M(e.message), 1)) : I("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+let nt = !1;
+function _r(e) {
+  return typeof e == "string" ? { message: e, duration: 1e3 } : {
+    message: e.message,
+    duration: e.duration ?? 1e3
+  };
+}
+function ii(e) {
+  if (nt) return;
+  const { message: t, duration: r } = _r(e);
+  nt = !0;
+  const n = document.createElement("div");
+  document.body.appendChild(n), Ke(
+    qt(Mr, {
+      message: t,
+      duration: r,
+      onVanish: () => {
+        nt = !1, Ke(null, n), n.remove();
       }
-    ), ae(() => {
-      i.unregisterTab(t.name);
-    }), () => {
+    }),
+    n
+  );
+}
+const Ir = { class: "cregis-notification__wrapper" }, Nr = {
+  key: 0,
+  class: "cregis-notification",
+  role: "status",
+  "aria-live": "polite"
+}, Fr = { class: "cregis-notification__content" }, Hr = { class: "cregis-notification__title" }, qr = { class: "cregis-notification__message" }, Ur = /* @__PURE__ */ Q({
+  name: "Notification",
+  __name: "Notification",
+  props: {
+    title: {},
+    message: {},
+    btnText: {},
+    type: { default: "error" },
+    onVanish: {}
+  },
+  setup(e) {
+    const t = e, r = _(!1), n = () => {
+      r.value = !1;
+    }, a = () => {
+      t.onVanish?.();
     };
+    return Ht(() => {
+    }), Ye(() => {
+      r.value = !0;
+    }), (i, l) => (b(), x("div", Ir, [
+      U(pt, {
+        name: "cregis-notification",
+        onAfterLeave: a
+      }, {
+        default: Z(() => [
+          r.value ? (b(), x("div", Nr, [
+            (b(), We(It(ae(hr)), {
+              size: "18px",
+              color: "var(--material-vibrant-error-primary)"
+            })),
+            V("div", Fr, [
+              V("div", Hr, M(e.title), 1),
+              V("div", qr, M(e.message), 1)
+            ]),
+            U(Ue, {
+              type: "sameWhite",
+              onClick: n
+            }, {
+              default: Z(() => [
+                $e(M(e.btnText), 1)
+              ]),
+              _: 1
+            })
+          ])) : I("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+let it = !1;
+function oi(e) {
+  if (it) return;
+  const { title: t, message: r, type: n, btnText: a } = e;
+  it = !0;
+  const i = document.createElement("div");
+  document.body.appendChild(i), Ke(
+    qt(Ur, {
+      title: t,
+      message: r,
+      type: n,
+      btnText: a,
+      onVanish: () => {
+        it = !1, Ke(null, i), i.remove();
+      }
+    }),
+    i
+  );
+}
+const Xr = { class: "cregis-progress__wrapper" }, Yr = { class: "cregis-progress__track-wrap" }, Kr = { class: "cregis-progress cregis-progress--striped active" }, Qr = {
+  key: 0,
+  class: "cregis-progress__sliding-block"
+}, si = /* @__PURE__ */ Q({
+  name: "Progress",
+  __name: "Progress",
+  props: {
+    percentage: {},
+    strokeWidth: { default: 12 },
+    showPercentage: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, r = g(() => Math.min(100, Math.max(0, t.percentage - 1))), n = g(() => ({
+      width: `${t.percentage}%`,
+      height: `${t.strokeWidth}px`
+    })), a = g(() => ({
+      "--cregis-progress-tip-left": `${r.value}%`
+    })), i = g(() => `${Math.round(t.percentage)}%`);
+    return (l, o) => (b(), x("div", Xr, [
+      V("div", Yr, [
+        e.showPercentage && t.percentage > 0 ? (b(), x("div", {
+          key: 0,
+          class: "cregis-progress__tip",
+          style: ue(a.value),
+          "aria-live": "polite"
+        }, M(i.value), 5)) : I("", !0),
+        V("div", Kr, [
+          V("div", {
+            class: "cregis-progress__bar",
+            style: ue(n.value)
+          }, null, 4),
+          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], Se = "start", Me = "end", Gr = "clippingParents", Qt = "viewport", Ae = "popper", Zr = "reference", Vt = /* @__PURE__ */ Ie.reduce(function(e, t) {
+  return e.concat([t + "-" + Se, t + "-" + Me]);
+}, []), Gt = /* @__PURE__ */ [].concat(Ie, [mt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Se, t + "-" + Me]);
+}, []), 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 me(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function re(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function ke(e) {
+  var t = re(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function ne(e) {
+  var t = re(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function gt(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = re(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+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(l) {
+      var o = a[l];
+      o === !1 ? i.removeAttribute(l) : i.setAttribute(l, o === !0 ? "" : o);
+    }));
+  });
+}
+function ua(e) {
+  var t = e.state, r = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  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] || {}, 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(s) {
+        a.removeAttribute(s);
+      }));
+    });
+  };
+}
+const da = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: ca,
+  effect: ua,
+  requires: ["computeStyles"]
+};
+function ve(e) {
+  return e.split("-")[0];
+}
+var Oe = Math.max, Qe = Math.min, Ce = Math.round;
+function ct() {
+  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 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 && 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 = !Zt() && 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,
+    top: c,
+    right: d + w,
+    bottom: c + k,
+    left: d,
+    x: d,
+    y: c
+  };
+}
+function ht(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,
+    y: e.offsetTop,
+    width: r,
+    height: n
+  };
+}
+function Jt(e, t) {
+  var r = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (r && gt(r)) {
+    var n = t;
+    do {
+      if (n && e.isSameNode(n))
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function ge(e) {
+  return re(e).getComputedStyle(e);
+}
+function fa(e) {
+  return ["table", "td", "th"].indexOf(me(e)) >= 0;
+}
+function be(e) {
+  return ((ke(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function et(e) {
+  return me(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
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    be(e)
+  );
+}
+function Et(e) {
+  return !ne(e) || // https://github.com/popperjs/popper-core/issues/837
+  ge(e).position === "fixed" ? null : e.offsetParent;
+}
+function pa(e) {
+  var t = /firefox/i.test(ct()), r = /Trident/i.test(ct());
+  if (r && ne(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 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;
+    a = a.parentNode;
+  }
+  return null;
+}
+function Ne(e) {
+  for (var t = re(e), r = Et(e); r && fa(r) && ge(r).position === "static"; )
+    r = Et(r);
+  return r && (me(r) === "html" || me(r) === "body" && ge(r).position === "static") ? t : r || pa(e) || t;
+}
+function bt(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function De(e, t, r) {
+  return Oe(e, Qe(t, r));
+}
+function va(e, t, r) {
+  var n = De(e, t, r);
+  return n > r ? r : n;
+}
+function er() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function tr(e) {
+  return Object.assign({}, er(), e);
+}
+function rr(e, t) {
+  return t.reduce(function(r, n) {
+    return r[n] = e, 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));
+};
+function ga(e) {
+  var t, r = e.state, n = e.name, a = e.options, i = r.elements.arrow, l = r.modifiersData.popperOffsets, o = ve(r.placement), s = bt(o), d = [te, oe].indexOf(o) >= 0, c = d ? "height" : "width";
+  if (!(!i || !l)) {
+    var w = ma(a.padding, r), k = ht(i), v = s === "y" ? ee : te, S = s === "y" ? ie : oe, O = r.rects.reference[c] + r.rects.reference[s] - l[s] - r.rects.popper[c], $ = l[s] - r.rects.reference[s], C = Ne(i), E = C ? s === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, R = O / 2 - $ / 2, f = w[v], m = E - k[c] - w[S], u = E / 2 - k[c] / 2 + R, T = De(f, u, m), B = s;
+    r.modifiersData[n] = (t = {}, t[B] = T, t.centerOffset = T - u, t);
+  }
+}
+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));
+}
+const ba = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: ga,
+  effect: ha,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function Ve(e) {
+  return e.split("-")[1];
+}
+var ya = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function wa(e, t) {
+  var r = e.x, n = e.y, a = t.devicePixelRatio || 1;
+  return {
+    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, 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: O
+  }) : {
+    x: v,
+    y: O
+  };
+  v = $.x, O = $.y;
+  var C = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), R = te, f = ee, m = 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 : (
+        // $FlowFixMe[prop-missing]
+        u[T]
+      );
+      O -= D - n.height, O *= s ? 1 : -1;
+    }
+    if (a === te || (a === ee || a === ie) && i === Me) {
+      R = oe;
+      var W = w && u === m && m.visualViewport ? m.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        u[B]
+      );
+      v -= W - n.width, v *= s ? 1 : -1;
+    }
+  }
+  var y = Object.assign({
+    position: o
+  }, d && ya), A = c === !0 ? wa({
+    x: v,
+    y: O
+  }, re(r)) : {
+    x: v,
+    y: O
+  };
+  if (v = A.x, O = A.y, s) {
+    var z;
+    return Object.assign({}, y, (z = {}, z[f] = E ? "0" : "", z[R] = C ? "0" : "", z.transform = (m.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + O + "px)" : "translate3d(" + v + "px, " + O + "px, 0)", z));
+  }
+  return Object.assign({}, y, (t = {}, t[f] = E ? O + "px" : "", t[R] = C ? v + "px" : "", t.transform = "", t));
+}
+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: ve(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, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: l,
+    roundOffsets: s
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Bt(Object.assign({}, d, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: s
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Oa = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: xa,
+  data: {}
+};
+var qe = {
+  passive: !0
+};
+function $a(e) {
+  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 && s.addEventListener("resize", r.update, qe), function() {
+    i && d.forEach(function(c) {
+      c.removeEventListener("scroll", r.update, qe);
+    }), o && s.removeEventListener("resize", r.update, qe);
+  };
+}
+const ka = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: $a,
+  data: {}
+};
+var Ta = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Xe(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Ta[t];
+  });
+}
+var Sa = {
+  start: "end",
+  end: "start"
+};
+function At(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Sa[t];
+  });
+}
+function yt(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 Ca(e, t) {
+  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, l = a.height;
+    var d = Zt();
+    (d || !d && t === "fixed") && (o = a.offsetLeft, s = a.offsetTop);
+  }
+  return {
+    width: i,
+    height: l,
+    x: o + wt(e),
+    y: s
+  };
+}
+function Pa(e) {
+  var t, r = be(e), n = yt(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 + wt(e), s = -n.scrollTop;
+  return ge(a || r).direction === "rtl" && (o += Oe(r.clientWidth, a ? a.clientWidth : 0) - i), {
+    width: i,
+    height: l,
+    x: o,
+    y: s
+  };
+}
+function xt(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 ze(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), l = a ? [i].concat(i.visualViewport || [], xt(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(l)))
+  );
+}
+function ut(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+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 Rt(e, t, r) {
+  return t === Qt ? ut(Ca(e, r)) : ke(t) ? Va(t, r) : ut(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;
+  return ke(n) ? t.filter(function(a) {
+    return ke(a) && Jt(a, n) && me(a) !== "body";
+  }) : [];
+}
+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 = Rt(e, d, n);
+    return s.top = Oe(c.top, s.top), s.right = Qe(c.right, s.right), s.bottom = Qe(c.bottom, s.bottom), s.left = Oe(c.left, s.left), s;
+  }, Rt(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 ? 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:
+      s = {
+        x: l,
+        y: t.y - r.height
+      };
+      break;
+    case ie:
+      s = {
+        x: l,
+        y: t.y + t.height
+      };
+      break;
+    case oe:
+      s = {
+        x: t.x + t.width,
+        y: o
+      };
+      break;
+    case te:
+      s = {
+        x: t.x - r.width,
+        y: o
+      };
+      break;
+    default:
+      s = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var d = a ? bt(a) : null;
+  if (d != null) {
+    var c = d === "y" ? "height" : "width";
+    switch (i) {
+      case Se:
+        s[d] = s[d] - (t[c] / 2 - r[c] / 2);
+        break;
+      case Me:
+        s[d] = s[d] + (t[c] / 2 - r[c] / 2);
+        break;
+    }
+  }
+  return s;
+}
+function _e(e, t) {
+  t === void 0 && (t = {});
+  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 ? Qt : d, w = r.elementContext, k = w === void 0 ? Ae : w, v = r.altBoundary, S = v === void 0 ? !1 : v, O = r.padding, $ = O === void 0 ? 0 : O, C = tr(typeof $ != "number" ? $ : rr($, Ie)), E = k === Ae ? Zr : Ae, R = e.rects.popper, f = e.elements[S ? E : k], m = Ba(ke(f) ? f : f.contextElement || be(e.elements.popper), s, c, l), u = Pe(e.elements.reference), T = nr({
+    reference: u,
+    element: R,
+    placement: a
+  }), B = ut(Object.assign({}, R, T)), D = k === Ae ? B : u, W = {
+    top: m.top - D.top + C.top,
+    bottom: D.bottom - m.bottom + C.bottom,
+    left: m.left - D.left + C.left,
+    right: D.right - m.right + C.right
+  }, y = e.modifiersData.offset;
+  if (k === Ae && y) {
+    var A = y[a];
+    Object.keys(W).forEach(function(z) {
+      var X = [oe, ie].indexOf(z) >= 0 ? 1 : -1, Y = [ee, ie].indexOf(z) >= 0 ? "y" : "x";
+      W[z] += A[Y] * X;
+    });
+  }
+  return W;
+}
+function Aa(e, t) {
+  t === void 0 && (t = {});
+  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 ? Gt : s, c = Ve(n), w = c ? o ? Vt : Vt.filter(function(S) {
+    return Ve(S) === c;
+  }) : Ie, k = w.filter(function(S) {
+    return d.indexOf(S) >= 0;
+  });
+  k.length === 0 && (k = w);
+  var v = k.reduce(function(S, O) {
+    return S[O] = _e(e, {
+      placement: O,
+      boundary: a,
+      rootBoundary: i,
+      padding: l
+    })[ve(O)], S;
+  }, {});
+  return Object.keys(v).sort(function(S, O) {
+    return v[S] - v[O];
+  });
+}
+function Ra(e) {
+  if (ve(e) === mt)
+    return [];
+  var t = Xe(e);
+  return [At(e), t, At(t)];
+}
+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, 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 = ve($), E = C === $, R = s || (E || !S ? [Xe($)] : Ra($)), f = [$].concat(R).reduce(function(he, fe) {
+      return he.concat(ve(fe) === mt ? Aa(t, {
+        placement: fe,
+        boundary: c,
+        rootBoundary: w,
+        padding: d,
+        flipVariations: S,
+        allowedAutoPlacements: O
+      }) : fe);
+    }, []), m = 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 = ve(y), z = Ve(y) === Se, X = [ee, ie].indexOf(A) >= 0, Y = X ? "width" : "height", N = _e(t, {
+        placement: y,
+        boundary: c,
+        rootBoundary: w,
+        altBoundary: k,
+        padding: d
+      }), F = X ? z ? oe : te : z ? ie : ee;
+      m[Y] > u[Y] && (F = Xe(F));
+      var de = Xe(F), se = [];
+      if (i && se.push(N[A] <= 0), o && se.push(N[F] <= 0, N[de] <= 0), se.every(function(he) {
+        return he;
+      })) {
+        D = y, B = !1;
+        break;
+      }
+      T.set(y, se);
+    }
+    if (B)
+      for (var h = S ? 3 : 1, H = function(fe) {
+        var ye = f.find(function(Te) {
+          var pe = T.get(Te);
+          if (pe)
+            return pe.slice(0, fe).every(function(Be) {
+              return Be;
+            });
+        });
+        if (ye)
+          return D = ye, "break";
+      }, K = h; K > 0; K--) {
+        var le = H(K);
+        if (le === "break") break;
+      }
+    t.placement !== D && (t.modifiersData[n]._skip = !0, t.placement = D, t.reset = !0);
+  }
+}
+const za = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Da,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function Dt(e, t, r) {
+  return r === void 0 && (r = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - r.y,
+    right: e.right - t.width + r.x,
+    bottom: e.bottom - t.height + r.y,
+    left: e.left - t.width - r.x
+  };
+}
+function zt(e) {
+  return [ee, oe, ie, te].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Wa(e) {
+  var t = e.state, r = e.name, n = t.rects.reference, a = t.rects.popper, i = t.modifiersData.preventOverflow, l = _e(t, {
+    elementContext: "reference"
+  }), o = _e(t, {
+    altBoundary: !0
+  }), s = Dt(l, n), d = Dt(o, a, i), c = zt(s), w = zt(d);
+  t.modifiersData[r] = {
+    referenceClippingOffsets: s,
+    popperEscapeOffsets: d,
+    isReferenceHidden: c,
+    hasPopperEscaped: w
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": c,
+    "data-popper-escaped": w
+  });
+}
+const La = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: Wa
+};
+function ja(e, t, r) {
+  var n = ve(e), a = [te, ee].indexOf(n) >= 0 ? -1 : 1, i = typeof r == "function" ? r(Object.assign({}, t, {
+    placement: e
+  })) : r, l = i[0], o = i[1];
+  return l = l || 0, o = (o || 0) * a, [te, oe].indexOf(n) >= 0 ? {
+    x: o,
+    y: l
+  } : {
+    x: l,
+    y: o
+  };
+}
+function Ma(e) {
+  var t = e.state, r = e.options, n = e.name, a = r.offset, i = a === void 0 ? [0, 0] : a, l = Gt.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 _a = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: Ma
+};
+function Ia(e) {
+  var t = e.state, r = e.name;
+  t.modifiersData[r] = nr({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    placement: t.placement
+  });
+}
+const Na = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: Ia,
+  data: {}
+};
+function Fa(e) {
+  return e === "x" ? "y" : "x";
+}
+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, $ = _e(t, {
+    boundary: s,
+    rootBoundary: d,
+    padding: w,
+    altBoundary: c
+  }), C = ve(t.placement), E = Ve(t.placement), R = !E, f = bt(C), m = 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
+  })) : O, W = typeof D == "number" ? {
+    mainAxis: D,
+    altAxis: D
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, D), y = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, A = {
+    x: 0,
+    y: 0
+  };
+  if (u) {
+    if (i) {
+      var z, X = f === "y" ? ee : te, Y = f === "y" ? ie : oe, N = f === "y" ? "height" : "width", F = u[f], de = F + $[X], se = F - $[Y], h = v ? -B[N] / 2 : 0, H = E === Se ? T[N] : B[N], K = E === Se ? -B[N] : -T[N], le = t.elements.arrow, he = v && le ? ht(le) : {
+        width: 0,
+        height: 0
+      }, fe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : er(), ye = fe[X], Te = fe[Y], pe = De(0, T[N], he[N]), Be = R ? T[N] / 2 - h - pe - ye - W.mainAxis : H - pe - ye - W.mainAxis, tt = R ? -T[N] / 2 + h + pe + Te + W.mainAxis : K + pe + Te + W.mainAxis, p = t.elements.arrow && Ne(t.elements.arrow), L = p ? f === "y" ? p.clientTop || 0 : p.clientLeft || 0 : 0, P = (z = y?.[f]) != null ? z : 0, ce = F + Be - P - L, G = F + tt - P, Fe = De(v ? Qe(de, ce) : de, F, v ? Oe(se, G) : se);
+      u[f] = Fe, A[f] = Fe - F;
+    }
+    if (o) {
+      var rt, lr = f === "x" ? ee : te, cr = f === "x" ? ie : oe, we = u[m], He = m === "y" ? "height" : "width", Ot = we + $[lr], $t = we - $[cr], at = [ee, te].indexOf(C) !== -1, kt = (rt = y?.[m]) != null ? rt : 0, Tt = at ? Ot : we - T[He] - B[He] - kt + W.altAxis, St = at ? we + T[He] + B[He] - kt - W.altAxis : $t, Ct = v && at ? va(Tt, we, St) : De(v ? Tt : Ot, we, v ? St : $t);
+      u[m] = Ct, A[m] = Ct - we;
+    }
+    t.modifiersData[n] = A;
+  }
+}
+const qa = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Ha,
+  requiresIfExists: ["offset"]
+};
+function Ua(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function Xa(e) {
+  return e === re(e) || !ne(e) ? yt(e) : Ua(e);
+}
+function Ya(e) {
+  var t = e.getBoundingClientRect(), r = Ce(t.width) / e.offsetWidth || 1, n = Ce(t.height) / e.offsetHeight || 1;
+  return r !== 1 || n !== 1;
+}
+function Ka(e, t, r) {
+  r === void 0 && (r = !1);
+  var n = ne(t), a = ne(t) && Ya(t), i = be(t), l = Pe(e, a, r), o = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, s = {
+    x: 0,
+    y: 0
+  };
+  return (n || !n && !r) && ((me(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  xt(i)) && (o = Xa(t)), ne(t) ? (s = Pe(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = wt(i))), {
+    x: l.left + o.scrollLeft - s.x,
+    y: l.top + o.scrollTop - s.y,
+    width: l.width,
+    height: l.height
+  };
+}
+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 l = [].concat(i.requires || [], i.requiresIfExists || []);
+    l.forEach(function(o) {
+      if (!r.has(o)) {
+        var s = t.get(o);
+        s && a(s);
+      }
+    }), n.push(i);
+  }
+  return e.forEach(function(i) {
+    r.has(i.name) || a(i);
+  }), 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 Za(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(r) {
+      Promise.resolve().then(function() {
+        t = void 0, r(e());
+      });
+    })), t;
+  };
+}
+function Ja(e) {
+  var t = e.reduce(function(r, n) {
+    var a = r[n.name];
+    return r[n.name] = a ? Object.assign({}, a, n, {
+      options: Object.assign({}, a.options, n.options),
+      data: Object.assign({}, a.data, n.data)
+    }) : n, r;
+  }, {});
+  return Object.keys(t).map(function(r) {
+    return t[r];
+  });
+}
+var Wt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Lt() {
+  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 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, s, d) {
+    d === void 0 && (d = i);
+    var c = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Wt, i),
+      modifiersData: {},
+      elements: {
+        reference: o,
+        popper: s
+      },
+      attributes: {},
+      styles: {}
+    }, w = [], k = !1, v = {
+      state: c,
+      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) ? ze(o) : o.contextElement ? ze(o.contextElement) : [],
+          popper: ze(s)
+        };
+        var R = Ga(Ja([].concat(n, c.options.modifiers)));
+        return c.orderedModifiers = R.filter(function(f) {
+          return f.enabled;
+        }), 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
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!k) {
+          var C = c.elements, E = C.reference, R = C.popper;
+          if (Lt(E, R)) {
+            c.rects = {
+              reference: Ka(E, Ne(R), c.options.strategy === "fixed"),
+              popper: ht(R)
+            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(W) {
+              return c.modifiersData[W.name] = Object.assign({}, W.data);
+            });
+            for (var f = 0; f < c.orderedModifiers.length; f++) {
+              if (c.reset === !0) {
+                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;
+              typeof u == "function" && (c = u({
+                state: c,
+                options: B,
+                name: D,
+                instance: v
+              }) || c);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Za(function() {
+        return new Promise(function($) {
+          v.forceUpdate(), $(c);
+        });
+      }),
+      destroy: function() {
+        O(), k = !0;
+      }
+    };
+    if (!Lt(o, s))
+      return v;
+    v.setOptions(d).then(function($) {
+      !k && d.onFirstUpdate && d.onFirstUpdate($);
+    });
+    function S() {
+      c.orderedModifiers.forEach(function($) {
+        var C = $.name, E = $.options, R = E === void 0 ? {} : E, f = $.effect;
+        if (typeof f == "function") {
+          var m = f({
+            state: c,
+            name: C,
+            instance: v,
+            options: R
+          }), u = function() {
+          };
+          w.push(m || u);
+        }
+      });
+    }
+    function O() {
+      w.forEach(function($) {
+        return $();
+      }), w = [];
+    }
+    return v;
+  };
+}
+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, ir = an || nn || Function("return this")(), Ge = ir.Symbol, or = Object.prototype, on = or.hasOwnProperty, sn = or.toString, Re = Ge ? Ge.toStringTag : void 0;
+function ln(e) {
+  var t = on.call(e, Re), r = e[Re];
+  try {
+    e[Re] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var a = sn.call(e);
+  return n && (t ? e[Re] = r : delete e[Re]), a;
+}
+var cn = Object.prototype, un = cn.toString;
+function dn(e) {
+  return un.call(e);
+}
+var fn = "[object Null]", pn = "[object Undefined]", jt = Ge ? Ge.toStringTag : void 0;
+function vn(e) {
+  return e == null ? e === void 0 ? pn : fn : jt && jt in Object(e) ? ln(e) : dn(e);
+}
+function mn(e) {
+  return e != null && typeof e == "object";
+}
+var gn = "[object Symbol]";
+function hn(e) {
+  return typeof e == "symbol" || mn(e) && vn(e) == gn;
+}
+var bn = /\s/;
+function yn(e) {
+  for (var t = e.length; t-- && bn.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var wn = /^\s+/;
+function xn(e) {
+  return e && e.slice(0, yn(e) + 1).replace(wn, "");
+}
+function Ze(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var Mt = NaN, On = /^[-+]0x[0-9a-f]+$/i, $n = /^0b[01]+$/i, kn = /^0o[0-7]+$/i, Tn = parseInt;
+function _t(e) {
+  if (typeof e == "number")
+    return e;
+  if (hn(e))
+    return Mt;
+  if (Ze(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = Ze(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = xn(e);
+  var r = $n.test(e);
+  return r || kn.test(e) ? Tn(e.slice(2), r ? 2 : 8) : On.test(e) ? Mt : +e;
+}
+var ot = function() {
+  return ir.Date.now();
+}, Sn = "Expected a function", Cn = Math.max, Pn = Math.min;
+function dt(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(Sn);
+  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);
+  function v(u) {
+    var T = n, B = a;
+    return n = a = void 0, d = u, l = e.apply(B, T), l;
+  }
+  function S(u) {
+    return d = u, o = setTimeout(C, t), c ? v(u) : l;
+  }
+  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 - s, B = u - d;
+    return s === void 0 || T >= t || T < 0 || w && B >= i;
+  }
+  function C() {
+    var u = ot();
+    if ($(u))
+      return E(u);
+    o = setTimeout(C, O(u));
+  }
+  function E(u) {
+    return o = void 0, k && n ? v(u) : (n = a = void 0, l);
+  }
+  function R() {
+    o !== void 0 && clearTimeout(o), d = 0, n = s = a = o = void 0;
+  }
+  function f() {
+    return o === void 0 ? l : E(ot());
+  }
+  function m() {
+    var u = ot(), T = $(u);
+    if (n = arguments, a = this, s = u, T) {
+      if (o === void 0)
+        return S(s);
+      if (w)
+        return clearTimeout(o), o = setTimeout(C, t), v(s);
+    }
+    return o === void 0 && (o = setTimeout(C, t)), l;
+  }
+  return m.cancel = R, m.flush = f, m;
+}
+var Vn = "Expected a function";
+function En(e, t, r) {
+  var n = !0, a = !0;
+  if (typeof e != "function")
+    throw new TypeError(Vn);
+  return Ze(r) && (n = "leading" in r ? !!r.leading : n, a = "trailing" in r ? !!r.trailing : a), dt(e, t, {
+    leading: n,
+    maxWait: t,
+    trailing: a
+  });
+}
+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(() => {
+    document.addEventListener("click", r, !0);
+  }), Ee(() => {
+    document.removeEventListener("click", r, !0);
+  });
+}, An = 80, ft = /* @__PURE__ */ Q({
+  name: "Popover",
+  __name: "Popover",
+  props: {
+    preserveContentMount: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    placement: { default: "bottom-start" },
+    manual: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    popoverOptions: {},
+    openDelay: { default: 0 },
+    closeDelay: { default: 0 },
+    popperWidth: {},
+    maxPopperHeight: {},
+    offset: { default: () => [0, 0] },
+    padding: { default: 4 }
+  },
+  emits: ["visible-change", "click-outside", "scroll"],
+  setup(e, { expose: t, emit: r }) {
+    const n = _(!1), a = e, i = g(() => a.preserveContentMount || n.value), l = g(() => !a.preserveContentMount || n.value), o = r, s = _(), d = _(), c = _();
+    let w = null, k = je({}), v = je({});
+    const S = (y) => typeof y == "number" ? `${y}px` : y, O = g(() => {
+      const y = a.maxPopperHeight;
+      return y != null && y !== "";
+    }), $ = g(() => {
+      const y = {}, A = a.popperWidth;
+      if (A != null && A !== "" && (y.width = S(A)), O.value) {
+        const z = a.maxPopperHeight;
+        y.maxHeight = S(z), y.overflowY = "auto", y.scrollbarWidth = "none", y.msOverflowStyle = "none";
+      }
+      return y.padding = S(a.padding), y;
+    }), C = g(() => ({
+      placement: a.placement,
+      modifiers: [
+        {
+          name: "offset",
+          options: {
+            offset: a.offset
+          }
+        }
+      ],
+      ...a.popoverOptions
+    })), E = () => {
+      a.disabled || (n.value = !0, o("visible-change", !0));
+    }, R = () => {
+      n.value = !1, o("visible-change", !1);
+    }, f = dt(E, a.openDelay), m = dt(R, a.closeDelay), u = () => {
+      a.disabled || (m.cancel(), f());
+    }, T = () => {
+      f.cancel(), m();
+    };
+    Bn(s, () => {
+      a.trigger === "click" && n.value && !a.manual && T(), n.value && o("click-outside", !0);
+    });
+    const B = () => {
+      a.disabled || (n.value ? T() : u());
+    }, D = () => {
+      a.trigger === "hover" ? (v.mouseenter = u, k.mouseleave = T) : a.trigger === "click" && (v.click = B);
+    };
+    J(
+      () => n.value,
+      (y) => {
+        y && (d.value && c.value ? w = rn(d.value, c.value, C.value) : w?.destroy());
+      },
+      { flush: "post" }
+    ), J(
+      () => a.manual,
+      (y) => {
+        y ? (v = {}, k = {}) : D();
+      }
+    ), J(
+      () => a.trigger,
+      (y, A) => {
+        y !== A && (v = {}, k = {}, D());
+      }
+    ), J(
+      () => a.disabled,
+      (y) => {
+        y && T();
+      }
+    ), Je(() => {
+      a.manual || D();
+    });
+    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
+    }), (y, A) => (b(), x("div", xe({
+      class: "cregis-popover",
+      ref_key: "popoverRef",
+      ref: s
+    }, Pt(ae(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(y.$slots, "reference")
+      ], 16),
+      U(pt, { name: "fade" }, {
+        default: Z(() => [
+          i.value ? Le((b(), x("div", {
+            key: 0,
+            class: j(["cregis-popover__content", { "cregis-popover__content--hide-scrollbar": O.value }]),
+            ref_key: "popoverContentRef",
+            ref: c,
+            style: ue($.value),
+            onScroll: A[0] || (A[0] = //@ts-ignore
+            (...z) => ae(W) && ae(W)(...z))
+          }, [
+            q(y.$slots, "default")
+          ], 38)), [
+            [vt, l.value]
+          ]) : I("", !0)
+        ]),
+        _: 3
+      })
+    ], 16));
+  }
+}), sr = Symbol("CregisSelect"), Rn = { class: "cregis-select__trigger-label" }, Dn = { class: "cregis-select__selected" }, zn = {
+  key: 1,
+  class: "cregis-select__placeholder"
+}, Wn = {
+  key: 0,
+  class: "cregis-select__dropdown-empty"
+}, Ln = {
+  key: 2,
+  class: "cregis-select__dropdown-filter-empty"
+}, jn = { class: "cregis-select__dropdown-content" }, li = /* @__PURE__ */ Q({
+  name: "Select",
+  __name: "Select",
+  props: {
+    modelValue: {},
+    type: { default: "default" },
+    size: { default: "large" },
+    align: { default: "center" },
+    placeholder: { default: "Please select" },
+    disabled: { type: Boolean },
+    filterable: { type: Boolean },
+    filterDebounceMs: { default: 200 },
+    noDataText: { default: "No data" },
+    noMatchText: { default: "No matching data" },
+    triggerWidth: { default: "296px" },
+    popperWidth: {},
+    maxPopperHeight: {}
+  },
+  emits: ["update:modelValue", "change", "visible-change", "filter-input", "filter-clear"],
+  setup(e, { emit: t }) {
+    const r = e, n = t, a = _(null), i = _(!1);
+    let l = null;
+    const o = () => {
+      l !== null && (clearTimeout(l), l = null);
+    }, s = (h) => {
+      i.value = h, n("visible-change", h), !h && r.filterable && (f.value = "", m.value = "", o());
+    }, d = (h) => typeof h == "number" ? `n:${h}` : `s:${h}`, c = je({}), w = je({}), k = _(0), v = _(null), S = (h, H, K) => {
+      const le = d(h);
+      return k.value++, c[le] = H, w[le] = K ?? H, () => {
+        k.value--, delete c[le], delete w[le];
+      };
+    }, O = g(() => k.value === 0);
+    J(
+      () => r.modelValue,
+      (h) => {
+        if (h == null || h === "") {
+          v.value = null;
+          return;
+        }
+        v.value && v.value.value !== h && (v.value = null);
+      }
+    );
+    const $ = g(() => {
+      const h = r.modelValue;
+      return h != null && h !== "";
+    }), C = g(() => {
+      if (!$.value) return "";
+      const h = r.modelValue;
+      return v.value?.value === h ? v.value.label : c[d(h)] ?? String(h);
+    }), E = (h) => r.modelValue === h, R = (h, H) => {
+      r.disabled || (v.value = { value: h, label: H }, n("update:modelValue", h), n("change", h), a.value?.close());
+    }, f = _(""), m = _(""), u = g(() => m.value.trim().toLowerCase()), T = g(() => {
+      const h = u.value;
+      return !r.filterable || !h ? !0 : Object.keys(c).some((H) => (w[H] ?? c[H]).toLowerCase().includes(h));
+    }), B = g(
+      () => r.filterable && !!u.value && !T.value && !O.value
+    ), D = () => {
+      r.filterable && (o(), l = setTimeout(() => {
+        m.value = f.value.trim(), l = null;
+      }, r.filterDebounceMs));
+    };
+    J(f, () => {
+      r.filterable && D();
+    }), J(
+      () => r.filterable,
+      (h) => {
+        h || (f.value = "", m.value = "", o());
+      }
+    ), Ee(() => o());
+    const W = (h) => {
+      n("filter-input", String(h ?? ""));
+    }, y = () => {
+      m.value = "", o(), n("filter-clear");
+    };
+    Nt(sr, {
+      modelValue: g(() => r.modelValue),
+      disabled: g(() => !!r.disabled),
+      selectOption: R,
+      isOptionSelected: E,
+      registerOption: S,
+      filterQuery: u
+    });
+    const A = (h) => typeof h == "number" ? `${h}px` : h, z = g(() => {
+      if (r.popperWidth) return A(r.popperWidth);
+      const h = r.triggerWidth;
+      return typeof h == "number" ? h + 8 : `calc(${h} + 8px)`;
+    }), X = g(() => typeof z.value == "number" ? `${z.value - 12}px` : `calc(${z.value} - 12px)`), Y = g(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), N = g(() => ({
+      width: A(r.triggerWidth)
+    })), F = g(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), de = _(0), se = (h) => {
+      de.value = h.scrollTop;
+    };
+    return (h, H) => (b(), x("div", {
+      class: j(["cregis-select", { "is-disabled": e.disabled }])
+    }, [
+      U(ft, {
+        ref_key: "popoverRef",
+        ref: a,
+        "preserve-content-mount": "",
+        "popper-width": z.value,
+        placement: Y.value,
+        disabled: !!e.disabled,
+        padding: 0,
+        "max-popper-height": e.maxPopperHeight,
+        onVisibleChange: s,
+        onScroll: se
+      }, {
+        reference: Z(() => [
+          V("div", {
+            class: j(["cregis-select__trigger", { [`cregis-select__trigger--${e.size}`]: e.size, [`cregis-select__trigger--${e.type}`]: e.type }]),
+            style: ue(N.value)
+          }, [
+            V("div", Rn, [
+              $.value ? q(h.$slots, "label", {
+                key: 0,
+                modelValue: e.modelValue,
+                displayText: C.value,
+                placeholder: e.placeholder,
+                hasSelection: $.value
+              }, () => [
+                V("p", Dn, M(C.value), 1)
+              ]) : (b(), x("p", zn, M(e.placeholder), 1))
+            ]),
+            V("span", {
+              class: j(["cregis-select__icon", { "is-open": i.value }])
+            }, [
+              U(ae(Xt), {
+                size: F.value,
+                color: e.disabled ? "var(--text-base-quaternary)" : "var(--material-foreground-base-secondary)"
+              }, null, 8, ["size", "color"])
+            ], 2)
+          ], 6)
+        ]),
+        default: Z(() => [
+          V("div", {
+            class: j(["cregis-select__dropdown", { "is-empty": O.value }])
+          }, [
+            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": de.value > 10 }])
+            }, [
+              U(Yt, {
+                modelValue: f.value,
+                "onUpdate:modelValue": H[0] || (H[0] = (K) => f.value = K),
+                placeholder: "search",
+                width: X.value,
+                size: "small",
+                clearable: "",
+                onInput: W,
+                onClear: y
+              }, {
+                prefix: Z(() => [
+                  U(ae(Ut), { size: "14px" })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "width"])
+            ], 2)) : I("", !0),
+            B.value ? (b(), x("p", Ln, M(e.noMatchText), 1)) : I("", !0),
+            V("div", jn, [
+              q(h.$slots, "default")
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["popper-width", "placement", "disabled", "max-popper-height"])
+    ], 2));
+  }
+}), Mn = ["aria-selected"], ci = /* @__PURE__ */ Q({
+  name: "Option",
+  __name: "Option",
+  props: {
+    label: {},
+    value: {},
+    disabled: { type: Boolean },
+    filterText: {}
+  },
+  setup(e) {
+    const t = e, r = Ft(sr, null);
+    let n;
+    const a = () => t.filterText ?? t.label, i = () => {
+      n?.(), r && (n = r.registerOption(t.value, t.label, a()));
+    };
+    Je(i), Ee(() => n?.()), J(() => [t.value, t.label, t.filterText], i);
+    const l = g(() => r?.isOptionSelected(t.value) ?? !1), o = () => {
+      t.disabled || r?.disabled.value || r?.selectOption(t.value, t.label);
+    }, s = g(() => r?.filterQuery?.value ?? ""), d = g(() => {
+      const c = s.value;
+      return c ? a().toLowerCase().includes(c) : !0;
+    });
+    return (c, w) => Le((b(), x("div", {
+      class: j(["cregis-select__option", { "is-selected": l.value, "is-disabled": e.disabled }]),
+      role: "option",
+      "aria-selected": l.value,
+      onClick: o
+    }, [
+      q(c.$slots, "default", {
+        label: e.label,
+        value: e.value,
+        disabled: !!e.disabled,
+        selected: l.value
+      }, () => [
+        $e(M(e.label), 1)
+      ])
+    ], 10, Mn)), [
+      [vt, d.value]
+    ]);
+  }
+}), _n = { class: "cregis-cascader__trigger-label" }, In = { class: "cregis-cascader__selected" }, Nn = {
+  key: 1,
+  class: "cregis-cascader__placeholder"
+}, Fn = {
+  key: 0,
+  class: "cregis-cascader__dropdown-empty"
+}, Hn = {
+  key: 2,
+  class: "cregis-cascader__dropdown-filter-empty"
+}, qn = { class: "cregis-cascader__dropdown-content" }, Un = {
+  key: 0,
+  class: "cregis-cascader__dropdown-item-popover"
+}, Xn = { class: "cregis-cascader__suboption-amount-container" }, Yn = {
+  key: 0,
+  class: "cregis-cascader__suboption-amount"
+}, Kn = { class: "cregis-cascader__suboption-panel" }, Qn = ["onClick"], Gn = ["onClick"], ui = /* @__PURE__ */ Q({
+  name: "Cascader",
+  __name: "Cascader",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    type: { default: "default" },
+    size: { default: "large" },
+    align: { default: "center" },
+    placeholder: { default: "Please select" },
+    disabled: { type: Boolean },
+    filterable: { type: Boolean },
+    filterDebounceMs: { default: 200 },
+    noDataText: { default: "No data" },
+    noMatchText: { default: "No matching data" },
+    triggerWidth: { default: "296px" },
+    popperWidth: {},
+    subPopperWidth: { default: "200px" },
+    maxPopperHeight: {},
+    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 = _(null), i = _(!1);
+    let l = null;
+    const o = () => {
+      l !== null && (clearTimeout(l), l = null);
+    }, s = _(""), d = _(""), c = g(() => d.value.trim().toLowerCase()), w = () => {
+      r.filterable && (o(), l = setTimeout(() => {
+        d.value = s.value.trim(), l = null;
+      }, r.filterDebounceMs));
+    };
+    J(s, () => {
+      r.filterable && w();
+    }), J(
+      () => r.filterable,
+      (p) => {
+        p || (s.value = "", d.value = "", o());
+      }
+    ), Ee(() => o());
+    const k = (p) => {
+      n("filter-input", String(p ?? ""));
+    }, v = () => {
+      d.value = "", o(), n("filter-clear");
+    }, S = (p) => (p.filterText ?? p.label).toLowerCase(), O = (p) => {
+      const L = c.value;
+      return !L || S(p).includes(L) ? !0 : (p.children ?? []).some((ce) => S(ce).includes(L));
+    }, $ = (p, L) => {
+      const P = c.value;
+      return !P || S(p).includes(P) ? !0 : S(L).includes(P);
+    }, C = g(() => r.options.filter((p) => O(p))), E = g(() => r.options.length === 0), R = g(() => (c.value, r.options.some((p) => O(p)))), f = g(
+      () => r.filterable && !!d.value.trim() && !R.value && !E.value
+    ), m = (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 {
+          level: 1,
+          label: L.label,
+          primary: L,
+          sub: void 0
+        };
+      for (const P of r.options) {
+        const ce = P.children?.find((G) => G.value === p);
+        if (ce)
+          return {
+            level: 2,
+            label: ce.label,
+            primary: P,
+            sub: ce
+          };
+      }
+      return {
+        level: 0,
+        label: String(p),
+        primary: void 0,
+        sub: void 0
+      };
+    }, B = g(() => {
+      const p = r.modelValue;
+      return p == null || p === "" ? {
+        level: 0,
+        label: "",
+        primary: void 0,
+        sub: void 0
+      } : u.value !== null && u.value.value === p ? {
+        level: u.value.level,
+        label: u.value.label,
+        primary: u.value.primary,
+        sub: u.value.sub
+      } : T(p);
+    });
+    J(
+      () => r.modelValue,
+      (p) => {
+        if (p == null || p === "") {
+          u.value = null;
+          return;
+        }
+        u.value !== null && u.value.value !== p && (u.value = null);
+      }
+    );
+    const D = g(() => B.value.level > 0), W = g(() => B.value.label), y = g(() => r.modelValue), A = g(() => W.value), z = g(() => B.value.level), X = g(() => B.value.primary), Y = g(() => B.value.sub), N = (p) => (p.children?.length ?? 0) > 0, F = (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) => {
+      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());
+    }, h = (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, K = g(() => {
+      if (r.popperWidth !== void 0 && r.popperWidth !== null && r.popperWidth !== "")
+        return H(r.popperWidth);
+      const p = r.triggerWidth;
+      return typeof p == "number" ? `${p + 8}px` : `calc(${p} + 8px)`;
+    }), le = g(() => H(r.subPopperWidth)), he = g(() => typeof K.value == "number" ? `${K.value - 12}px` : `calc(${K.value} - 12px)`), fe = g(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), ye = g(() => ({
+      width: H(r.triggerWidth)
+    })), Te = g(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), pe = _(0), Be = (p) => {
+      pe.value = p.scrollTop;
+    }, tt = [-16, -8];
+    return (p, L) => (b(), x("div", {
+      class: j(["cregis-cascader", { "is-disabled": e.disabled }])
+    }, [
+      U(ft, {
+        ref_key: "popoverRef",
+        ref: a,
+        "preserve-content-mount": "",
+        "popper-width": K.value,
+        placement: fe.value,
+        offset: e.offset,
+        disabled: !!e.disabled,
+        padding: 0,
+        "max-popper-height": e.maxPopperHeight,
+        onVisibleChange: m,
+        onScroll: Be
+      }, {
+        reference: Z(() => [
+          p.$slots.trigger ? q(p.$slots, "trigger", {
+            key: 0,
+            modelValue: y.value,
+            selectedLabel: A.value,
+            level: z.value,
+            primaryOption: X.value,
+            subOption: Y.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: ue(ye.value)
+          }, [
+            V("div", _n, [
+              D.value ? q(p.$slots, "label", {
+                key: 0,
+                modelValue: y.value,
+                selectedLabel: A.value,
+                level: z.value,
+                primaryOption: X.value,
+                subOption: Y.value,
+                placeholder: e.placeholder,
+                hasSelection: D.value
+              }, () => [
+                V("p", In, M(W.value), 1)
+              ]) : (b(), x("p", Nn, M(e.placeholder), 1))
+            ]),
+            V("span", {
+              class: j(["cregis-cascader__icon", { "is-open": i.value }])
+            }, [
+              U(ae(Xt), {
+                size: Te.value,
+                color: e.disabled ? "var(--text-base-quaternary)" : "var(--material-foreground-base-secondary)"
+              }, null, 8, ["size", "color"])
+            ], 2)
+          ], 6))
+        ]),
+        default: Z(() => [
+          V("div", {
+            class: j(["cregis-cascader__dropdown", { "is-empty": E.value }])
+          }, [
+            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": pe.value > 10 }])
+            }, [
+              U(Yt, {
+                modelValue: s.value,
+                "onUpdate:modelValue": L[0] || (L[0] = (P) => s.value = P),
+                placeholder: "search",
+                width: he.value,
+                size: "small",
+                clearable: "",
+                onInput: k,
+                onClear: v
+              }, {
+                prefix: Z(() => [
+                  U(ae(Ut), { size: "14px" })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "width"])
+            ], 2)) : I("", !0),
+            f.value ? (b(), x("p", Hn, M(e.noMatchText), 1)) : I("", !0),
+            V("ul", qn, [
+              (b(!0), x(st, null, lt(C.value, (P, ce) => (b(), x("li", {
+                key: P.value,
+                class: j(["cregis-cascader__dropdown-item", { "is-disabled": P.disabled }])
+              }, [
+                N(P) ? (b(), x("div", Un, [
+                  U(ft, {
+                    trigger: "hover",
+                    placement: "right-start",
+                    offset: tt,
+                    "popper-width": le.value,
+                    padding: 4,
+                    disabled: !!P.disabled || !!e.disabled
+                  }, {
+                    reference: Z(() => [
+                      V("div", {
+                        class: j(["cregis-cascader__suboption-trigger", {
+                          "is-disabled": P.disabled,
+                          "is-parent-active": de(P)
+                        }])
+                      }, [
+                        q(p.$slots, "option", {
+                          modelValue: y.value,
+                          selectedLabel: A.value,
+                          level: z.value,
+                          primaryOption: X.value,
+                          subOption: Y.value,
+                          option: P,
+                          index: ce,
+                          disabled: !!P.disabled,
+                          selected: F(P.value),
+                          isParentOfSelected: de(P)
+                        }, () => [
+                          V("p", null, M(P.label), 1)
+                        ]),
+                        V("div", Xn, [
+                          e.showSubOptionAmount ? (b(), x("div", Yn, M(P.children.length), 1)) : I("", !0),
+                          U(ae(br), {
+                            size: "14px",
+                            color: "currentColor"
+                          })
+                        ])
+                      ], 2)
+                    ]),
+                    default: Z(() => [
+                      V("div", Kn, [
+                        (b(!0), x(st, null, lt(P.children, (G, Fe) => Le((b(), x("div", {
+                          key: G.value,
+                          class: j(["cregis-cascader__suboption-row", {
+                            "is-active": F(G.value),
+                            "is-disabled": G.disabled
+                          }]),
+                          role: "menuitem",
+                          onClick: (rt) => se(P, G)
+                        }, [
+                          q(p.$slots, "subOption", {
+                            modelValue: y.value,
+                            selectedLabel: A.value,
+                            level: z.value,
+                            primaryOption: X.value,
+                            subOption: Y.value,
+                            option: G,
+                            index: Fe,
+                            parent: P,
+                            parentIndex: ce,
+                            selected: F(G.value),
+                            disabled: !!G.disabled
+                          }, () => [
+                            $e(M(G.label), 1)
+                          ])
+                        ], 10, Qn)), [
+                          [vt, $(P, G)]
+                        ])), 128))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["popper-width", "disabled"])
+                ])) : (b(), x("div", {
+                  key: 1,
+                  class: "cregis-cascader__leaf-only",
+                  onClick: (G) => h(P)
+                }, [
+                  q(p.$slots, "option", {
+                    modelValue: y.value,
+                    selectedLabel: A.value,
+                    level: z.value,
+                    primaryOption: X.value,
+                    subOption: Y.value,
+                    option: P,
+                    index: ce,
+                    disabled: !!P.disabled,
+                    selected: F(P.value),
+                    isParentOfSelected: !1
+                  }, () => [
+                    V("p", null, M(P.label), 1)
+                  ])
+                ], 8, Gn))
+              ], 2))), 128))
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["popper-width", "placement", "offset", "disabled", "max-popper-height"])
+    ], 2));
   }
 });
 export {
-  B as Button,
-  Te as Checkbox,
-  Se as Divider,
-  ze as Input,
-  Be as Radio,
-  U as TABS_KEY,
-  Re as TabPane,
-  Ve as Tabs
+  Ue as Button,
+  ui as Cascader,
+  ei as Checkbox,
+  ri as Divider,
+  Yt as Input,
+  ii as Message,
+  oi as Notification,
+  ci as Option,
+  ft as Popover,
+  si as Progress,
+  ti as Radio,
+  li as Select,
+  Kt as TABS_KEY,
+  ni as TabPane,
+  ai as Tabs,
+  sr as selectInjectKey
 };