@cregis/ui 1.0.3 → 1.0.6

package/dist/es/cregis-ui.js

@@ -1,6 +1,6 @@
-import { defineComponent as G, useSlots as wa, ref as F, computed as m, createElementBlock as x, openBlock as p, normalizeClass as N, createElementVNode as z, createCommentVNode as H, mergeProps as Ce, createBlock as ve, resolveDynamicComponent as xt, normalizeStyle as ie, renderSlot as Y, toDisplayString as I, unref as ne, watch as ee, withDirectives as Fe, vModelDynamic as xa, withModifiers as kt, vModelText as ka, createVNode as K, withCtx as re, createTextVNode as ye, nextTick as Oe, reactive as Pe, provide as Qt, toRef as $a, Fragment as mt, renderList as gt, inject as Zt, onMounted as qe, onUnmounted as Se, onBeforeUnmount as Jt, Transition as lt, render as ze, h as $t, toHandlers as dt, Teleport as ea, vShow as Ct } from "vue";
+import { defineComponent as K, useSlots as wa, ref as H, computed as m, createElementBlock as x, openBlock as p, normalizeClass as N, createElementVNode as z, createCommentVNode as _, mergeProps as Ce, createBlock as fe, resolveDynamicComponent as xt, normalizeStyle as ie, renderSlot as Y, toDisplayString as I, unref as ne, watch as ee, withDirectives as Fe, vModelDynamic as xa, withModifiers as kt, vModelText as ka, createVNode as Q, withCtx as re, createTextVNode as ye, nextTick as Oe, reactive as Pe, provide as Qt, toRef as $a, Fragment as mt, renderList as gt, inject as Zt, onMounted as qe, onUnmounted as Se, onBeforeUnmount as Jt, Transition as lt, render as ze, h as $t, toHandlers as dt, Teleport as ea, vShow as Ct } from "vue";
 import { EdsLoad as Ca, EdsCloseCircleFill as Oa, EdsTickFill as ta, EdsWarningFill as Sa, EdsSearch as aa, EdsArrowDownMiniIos as na, EdsArrowRightMiniIos as Ta, EdsAdd as Wt, EdsClose as Va, EdsWarningLonely as Ba } from "@cregis/icon";
-const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__ */ G({
+const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__ */ K({
   name: "Button",
   inheritAttrs: !1,
   __name: "Button",
@@ -21,7 +21,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
     isActive: { type: Boolean }
   },
   setup(e) {
-    const a = e, t = wa(), r = F(null);
+    const a = e, t = wa(), r = H(null);
     function n() {
       a.disabled || a.loading || r.value?.click();
     }
@@ -62,7 +62,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         }],
         disabled: e.disabled || e.loading
       }), [
-        e.icon ? (p(), ve(xt(e.icon), {
+        e.icon ? (p(), fe(xt(e.icon), {
           key: 0,
           size: s.value
         }, null, 8, ["size"])) : (p(), x("span", {
@@ -77,7 +77,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         key: 0,
         class: N(["cregis-button__icon-text", { "is-disabled": e.disabled }]),
         onClick: n
-      }, I(e.iconText), 3)) : H("", !0)
+      }, I(e.iconText), 3)) : _("", !0)
     ], 2)) : e.link ? (p(), x("button", Ce({ key: 1 }, c.$attrs, {
       class: ["cregis-button__link", {
         [`cregis-button__link--${e.type}`]: e.type,
@@ -106,7 +106,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       }],
       disabled: e.disabled || e.loading
     }), [
-      e.loading ? (p(), ve(ne(Ca), {
+      e.loading ? (p(), fe(ne(Ca), {
         key: 0,
         class: "loading",
         size: o.value,
@@ -123,7 +123,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
 }, Wa = ["disabled", "placeholder", "rows"], La = {
   key: 0,
   class: "cregis-textarea__buttons"
-}, ra = /* @__PURE__ */ G({
+}, ra = /* @__PURE__ */ K({
   name: "Input",
   inheritAttrs: !1,
   __name: "Input",
@@ -178,15 +178,15 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       const A = String(u).trim();
       if (A === "") return "";
       const U = A.startsWith("-");
-      let Q = U ? A.slice(1) : A;
-      const oe = Q.indexOf(".");
+      let G = U ? A.slice(1) : A;
+      const oe = G.indexOf(".");
       if (oe === -1) return u;
-      const ae = Q.slice(0, oe), le = Q.slice(oe + 1);
+      const ae = G.slice(0, oe), le = G.slice(oe + 1);
       return y === 0 ? (U ? "-" : "") + ae : le.length <= y ? u : (U ? "-" : "") + ae + "." + le.slice(0, y);
     }, g = (u) => {
       let y = u;
       return o.value && (y = h(y)), r.nonNegative && (y = i(y)), s.value !== null && (y = w(y)), y;
-    }, b = F(
+    }, b = H(
       r.type === "number" ? g(r.modelValue) : r.modelValue
     );
     ee(
@@ -195,7 +195,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         b.value = r.type === "number" ? g(u) : u;
       }
     );
-    const O = F(), B = F(0), k = F(!1);
+    const O = H(), B = H(0), k = H(!1);
     let V = null;
     const D = async () => {
       await Oe(), O.value?.focus();
@@ -204,7 +204,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         const u = g(b.value);
         u !== b.value && (b.value = u);
       }
-      n("update:modelValue", b.value), n("input", b.value), await Oe(), _();
+      n("update:modelValue", b.value), n("input", b.value), await Oe(), F();
     }, P = () => {
       n("change", b.value);
     }, $ = (u) => {
@@ -213,7 +213,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       k.value = !1, n("blur", u);
     }, M = m(() => r.clearable && !r.disabled && !!b.value && k.value), j = () => {
       b.value = "", n("update:modelValue", ""), n("clear"), n("input", ""), n("change", "");
-    }, _ = () => {
+    }, F = () => {
       V && cancelAnimationFrame(V), V = requestAnimationFrame(() => {
         if (!O.value || O.value.tagName !== "INPUT") return;
         const u = O.value, y = u.value, A = document.createElement("span");
@@ -251,15 +251,15 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         return;
       }
       if (y !== null && y > 0 && u.key !== "." && /^\d$/.test(u.key)) {
-        const A = u.target, U = c(A.value), Q = A.selectionStart, oe = A.selectionEnd;
-        if (Q === null || oe === null) return;
-        const ae = U.slice(0, Q) + u.key + U.slice(oe), le = ae.indexOf(".");
+        const A = u.target, U = c(A.value), G = A.selectionStart, oe = A.selectionEnd;
+        if (G === null || oe === null) return;
+        const ae = U.slice(0, G) + u.key + U.slice(oe), le = ae.indexOf(".");
         le !== -1 && ae.slice(le + 1).replace(/\D/g, "").length > y && u.preventDefault();
       }
     };
     return a({
       focus: D,
-      updateTextWidth: _
+      updateTextWidth: F
     }), (u, y) => e.type !== "textarea" ? (p(), x("div", {
       key: 0,
       class: N(["cregis-input", {
@@ -275,7 +275,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       }, [
         u.$slots.prefix ? (p(), x("span", Aa, [
           Y(u.$slots, "prefix")
-        ])) : H("", !0),
+        ])) : _("", !0),
         Fe(z("input", Ce({
           class: "cregis-input__inner",
           "onUpdate:modelValue": y[0] || (y[0] = (A) => b.value = A),
@@ -300,18 +300,18 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
           key: 1,
           style: ie(R.value),
           class: "cregis-input__unit"
-        }, I(e.unit), 5)) : H("", !0),
+        }, I(e.unit), 5)) : _("", !0),
         u.$slots.suffix || M.value ? (p(), x("span", Ra, [
           Y(u.$slots, "suffix"),
-          M.value ? (p(), ve(Ee, {
+          M.value ? (p(), fe(Ee, {
             key: 0,
             icon: ne(Oa),
             "icon-type": "square",
             onClick: j,
             onMousedown: y[1] || (y[1] = kt(() => {
             }, ["prevent"]))
-          }, null, 8, ["icon"])) : H("", !0)
-        ])) : H("", !0)
+          }, null, 8, ["icon"])) : _("", !0)
+        ])) : _("", !0)
       ], 2)
     ], 6)) : (p(), x("div", {
       key: 1,
@@ -333,8 +333,8 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       }), null, 16, Wa), [
         [ka, b.value]
       ]),
-      e.disabled ? H("", !0) : (p(), x("div", La, [
-        K(Ee, {
+      e.disabled ? _("", !0) : (p(), x("div", La, [
+        Q(Ee, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
@@ -345,7 +345,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
           ]),
           _: 1
         }),
-        K(Ee, {
+        Q(Ee, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
@@ -365,7 +365,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
   "stroke-width": "1",
   fill: "none",
   "fill-rule": "evenodd"
-}, Na = { transform: "translate(-394.000000, -457.000000)" }, Ia = { transform: "translate(394.000000, 457.000000)" }, _a = ["width", "height"], Fa = /* @__PURE__ */ G({
+}, Na = { transform: "translate(-394.000000, -457.000000)" }, Ia = { transform: "translate(394.000000, 457.000000)" }, _a = ["width", "height"], Fa = /* @__PURE__ */ K({
   __name: "checked-basis",
   props: {
     size: { default: "16px" }
@@ -401,7 +401,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
 }), Ha = {
   key: 0,
   class: "cregis-checkbox--indeterminate"
-}, Ua = /* @__PURE__ */ G({
+}, Ua = /* @__PURE__ */ K({
   name: "Checkbox",
   __name: "Checkbox",
   props: {
@@ -433,7 +433,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
           "is-indeterminate": e.indeterminate
         }])
       }, [
-        e.indeterminate ? (p(), x("div", Ha)) : (p(), ve(Fa, {
+        e.indeterminate ? (p(), x("div", Ha)) : (p(), fe(Fa, {
           key: 1,
           size: "10px"
         }))
@@ -445,10 +445,10 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         Y(s.$slots, "default", {}, () => [
           ye(I(e.label), 1)
         ])
-      ], 2)) : H("", !0)
+      ], 2)) : _("", !0)
     ]));
   }
-}), Oi = /* @__PURE__ */ G({
+}), Oi = /* @__PURE__ */ K({
   name: "Radio",
   __name: "Radio",
   props: {
@@ -481,10 +481,10 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
         Y(s.$slots, "default", {}, () => [
           ye(I(e.label), 1)
         ])
-      ], 2)) : H("", !0)
+      ], 2)) : _("", !0)
     ]));
   }
-}), Si = /* @__PURE__ */ G({
+}), Si = /* @__PURE__ */ K({
   name: "Divider",
   __name: "Divider",
   props: {
@@ -522,7 +522,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       style: ie(r.value)
     }, null, 6));
   }
-}), ia = Symbol("TABS_KEY"), qa = ["onClick"], Ya = { style: { display: "none" } }, Ti = /* @__PURE__ */ G({
+}), ia = Symbol("TABS_KEY"), qa = ["onClick"], Ya = { style: { display: "none" } }, Ti = /* @__PURE__ */ K({
   name: "Tabs",
   __name: "Tabs",
   props: {
@@ -569,7 +569,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
       ])
     ], 2));
   }
-}), Vi = /* @__PURE__ */ G({
+}), Vi = /* @__PURE__ */ K({
   name: "TabPane",
   __name: "TabPane",
   props: {
@@ -595,7 +595,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
   class: "cregis-message--success",
   role: "status",
   "aria-live": "polite"
-}, Ka = { class: "cregis-message__icon" }, Ga = /* @__PURE__ */ G({
+}, Ka = { class: "cregis-message__icon" }, Ga = /* @__PURE__ */ K({
   name: "Message",
   __name: "Message",
   props: {
@@ -605,7 +605,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
     onVanish: {}
   },
   setup(e) {
-    const a = e, t = F(!1);
+    const a = e, t = H(!1);
     let r;
     const n = () => {
       r = window.setTimeout(() => {
@@ -621,7 +621,7 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
     }), (s, o) => (p(), x("div", {
       class: N(["cregis-message__wrapper", { "cregis-message__wrapper--success": e.type === "success" }])
     }, [
-      K(lt, {
+      Q(lt, {
         name: "cregis-message",
         onAfterEnter: n,
         onAfterLeave: i
@@ -634,13 +634,13 @@ const Pa = ["disabled"], Ea = ["disabled"], za = ["disabled"], Ee = /* @__PURE__
             "aria-live": "polite"
           }, I(e.message), 3)) : t.value && e.type === "success" ? (p(), x("div", Xa, [
             z("div", Ka, [
-              K(ne(ta), {
+              Q(ne(ta), {
                 size: "16px",
                 color: "var(--material-same-white-primary)"
               })
             ]),
             z("p", null, I(e.message), 1)
-          ])) : H("", !0)
+          ])) : _("", !0)
         ]),
         _: 1
       })
@@ -677,7 +677,7 @@ const Za = { class: "cregis-notification__wrapper" }, Ja = {
   class: "cregis-notification",
   role: "status",
   "aria-live": "polite"
-}, en = { class: "cregis-notification__content" }, tn = { class: "cregis-notification__title" }, an = { class: "cregis-notification__message" }, nn = /* @__PURE__ */ G({
+}, en = { class: "cregis-notification__content" }, tn = { class: "cregis-notification__title" }, an = { class: "cregis-notification__message" }, nn = /* @__PURE__ */ K({
   name: "Notification",
   __name: "Notification",
   props: {
@@ -688,7 +688,7 @@ const Za = { class: "cregis-notification__wrapper" }, Ja = {
     onVanish: {}
   },
   setup(e) {
-    const a = e, t = F(!1), r = () => {
+    const a = e, t = H(!1), r = () => {
       t.value = !1;
     }, n = () => {
       a.onVanish?.();
@@ -697,13 +697,13 @@ const Za = { class: "cregis-notification__wrapper" }, Ja = {
     }), Oe(() => {
       t.value = !0;
     }), (i, s) => (p(), x("div", Za, [
-      K(lt, {
+      Q(lt, {
         name: "cregis-notification",
         onAfterLeave: n
       }, {
         default: re(() => [
           t.value ? (p(), x("div", Ja, [
-            (p(), ve(xt(ne(Sa)), {
+            (p(), fe(xt(ne(Sa)), {
               size: "18px",
               color: "var(--material-danger-primary)"
             })),
@@ -711,7 +711,7 @@ const Za = { class: "cregis-notification__wrapper" }, Ja = {
               z("div", tn, I(e.title), 1),
               z("div", an, I(e.message), 1)
             ]),
-            K(Ee, {
+            Q(Ee, {
               type: "sameWhite",
               onClick: r
             }, {
@@ -720,7 +720,7 @@ const Za = { class: "cregis-notification__wrapper" }, Ja = {
               ]),
               _: 1
             })
-          ])) : H("", !0)
+          ])) : _("", !0)
         ]),
         _: 1
       })
@@ -749,7 +749,7 @@ function Bi(e) {
 const rn = { class: "cregis-progress__wrapper" }, on = { class: "cregis-progress__track-wrap" }, ln = { class: "cregis-progress cregis-progress--striped active" }, sn = {
   key: 0,
   class: "cregis-progress__sliding-block"
-}, Pi = /* @__PURE__ */ G({
+}, Pi = /* @__PURE__ */ K({
   name: "Progress",
   __name: "Progress",
   props: {
@@ -772,13 +772,13 @@ const rn = { class: "cregis-progress__wrapper" }, on = { class: "cregis-progress
           class: "cregis-progress__tip",
           style: ie(n.value),
           "aria-live": "polite"
-        }, I(i.value), 5)) : H("", !0),
+        }, I(i.value), 5)) : _("", !0),
         z("div", ln, [
           z("div", {
             class: "cregis-progress__bar",
             style: ie(r.value)
           }, null, 4),
-          a.loading ? (p(), x("div", sn)) : H("", !0)
+          a.loading ? (p(), x("div", sn)) : _("", !0)
         ])
       ])
     ]));
@@ -792,7 +792,7 @@ var ce = "top", ge = "bottom", he = "right", ue = "left", Ot = "auto", Ye = [ce,
 function ke(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function fe(e) {
+function pe(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -802,17 +802,17 @@ function fe(e) {
   return e;
 }
 function Be(e) {
-  var a = fe(e).Element;
+  var a = pe(e).Element;
   return e instanceof a || e instanceof Element;
 }
 function me(e) {
-  var a = fe(e).HTMLElement;
+  var a = pe(e).HTMLElement;
   return e instanceof a || e instanceof HTMLElement;
 }
 function St(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var a = fe(e).ShadowRoot;
+  var a = pe(e).ShadowRoot;
   return e instanceof a || e instanceof ShadowRoot;
 }
 function xn(e) {
@@ -874,7 +874,7 @@ function Re(e, a, t) {
   a === void 0 && (a = !1), t === void 0 && (t = !1);
   var r = e.getBoundingClientRect(), n = 1, i = 1;
   a && me(e) && (n = e.offsetWidth > 0 && De(r.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && De(r.height) / e.offsetHeight || 1);
-  var s = Be(e) ? fe(e) : window, o = s.visualViewport, l = !sa() && t, d = (r.left + (l && o ? o.offsetLeft : 0)) / n, c = (r.top + (l && o ? o.offsetTop : 0)) / i, h = r.width / n, w = r.height / i;
+  var s = Be(e) ? pe(e) : window, o = s.visualViewport, l = !sa() && t, d = (r.left + (l && o ? o.offsetLeft : 0)) / n, c = (r.top + (l && o ? o.offsetTop : 0)) / i, h = r.width / n, w = r.height / i;
   return {
     width: h,
     height: w,
@@ -910,7 +910,7 @@ function ca(e, a) {
   return !1;
 }
 function $e(e) {
-  return fe(e).getComputedStyle(e);
+  return pe(e).getComputedStyle(e);
 }
 function Cn(e) {
   return ["table", "td", "th"].indexOf(ke(e)) >= 0;
@@ -954,7 +954,7 @@ function On(e) {
   return null;
 }
 function Xe(e) {
-  for (var a = fe(e), t = jt(e); t && Cn(t) && $e(t).position === "static"; )
+  for (var a = pe(e), t = jt(e); t && Cn(t) && $e(t).position === "static"; )
     t = jt(t);
   return t && (ke(t) === "html" || ke(t) === "body" && $e(t).position === "static") ? a : t || On(e) || a;
 }
@@ -1037,7 +1037,7 @@ function Nt(e) {
   var k = s.hasOwnProperty("x"), V = s.hasOwnProperty("y"), D = ue, S = ce, P = window;
   if (d) {
     var $ = Xe(t), T = "clientHeight", M = "clientWidth";
-    if ($ === fe(t) && ($ = Te(t), $e($).position !== "static" && o === "absolute" && (T = "scrollHeight", M = "scrollWidth")), $ = $, n === ce || (n === ue || n === he) && i === He) {
+    if ($ === pe(t) && ($ = Te(t), $e($).position !== "static" && o === "absolute" && (T = "scrollHeight", M = "scrollWidth")), $ = $, n === ce || (n === ue || n === he) && i === He) {
       S = ge;
       var j = h && $ === P && P.visualViewport ? P.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -1047,11 +1047,11 @@ function Nt(e) {
     }
     if (n === ue || (n === ce || n === ge) && i === He) {
       D = he;
-      var _ = h && $ === P && P.visualViewport ? P.visualViewport.width : (
+      var F = h && $ === P && P.visualViewport ? P.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         $[M]
       );
-      g -= _ - r.width, g *= l ? 1 : -1;
+      g -= F - r.width, g *= l ? 1 : -1;
     }
   }
   var R = Object.assign({
@@ -1059,7 +1059,7 @@ function Nt(e) {
   }, d && En), q = c === !0 ? zn({
     x: g,
     y: O
-  }, fe(t)) : {
+  }, pe(t)) : {
     x: g,
     y: O
   };
@@ -1103,7 +1103,7 @@ var tt = {
   passive: !0
 };
 function Rn(e) {
-  var a = e.state, t = e.instance, r = e.options, n = r.scroll, i = n === void 0 ? !0 : n, s = r.resize, o = s === void 0 ? !0 : s, l = fe(a.elements.popper), d = [].concat(a.scrollParents.reference, a.scrollParents.popper);
+  var a = e.state, t = e.instance, r = e.options, n = r.scroll, i = n === void 0 ? !0 : n, s = r.resize, o = s === void 0 ? !0 : s, l = pe(a.elements.popper), d = [].concat(a.scrollParents.reference, a.scrollParents.popper);
   return i && d.forEach(function(c) {
     c.addEventListener("scroll", t.update, tt);
   }), o && l.addEventListener("resize", t.update, tt), function() {
@@ -1142,7 +1142,7 @@ function It(e) {
   });
 }
 function Bt(e) {
-  var a = fe(e), t = a.pageXOffset, r = a.pageYOffset;
+  var a = pe(e), t = a.pageXOffset, r = a.pageYOffset;
   return {
     scrollLeft: t,
     scrollTop: r
@@ -1152,7 +1152,7 @@ function Pt(e) {
   return Re(Te(e)).left + Bt(e).scrollLeft;
 }
 function jn(e, a) {
-  var t = fe(e), r = Te(e), n = t.visualViewport, i = r.clientWidth, s = r.clientHeight, o = 0, l = 0;
+  var t = pe(e), r = Te(e), n = t.visualViewport, i = r.clientWidth, s = r.clientHeight, o = 0, l = 0;
   if (n) {
     i = n.width, s = n.height;
     var d = sa();
@@ -1184,7 +1184,7 @@ function pa(e) {
 function Ie(e, a) {
   var t;
   a === void 0 && (a = []);
-  var r = pa(e), n = r === ((t = e.ownerDocument) == null ? void 0 : t.body), i = fe(r), s = n ? [i].concat(i.visualViewport || [], Et(r) ? r : []) : r, o = a.concat(s);
+  var r = pa(e), n = r === ((t = e.ownerDocument) == null ? void 0 : t.body), i = pe(r), s = n ? [i].concat(i.visualViewport || [], Et(r) ? r : []) : r, o = a.concat(s);
   return n ? o : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     o.concat(Ie(st(s)))
@@ -1271,7 +1271,7 @@ function Ue(e, a) {
     reference: $,
     element: D,
     placement: n
-  }), M = bt(Object.assign({}, D, T)), j = w === Me ? M : $, _ = {
+  }), M = bt(Object.assign({}, D, T)), j = w === Me ? M : $, F = {
     top: P.top - j.top + k.top,
     bottom: j.bottom - P.bottom + k.bottom,
     left: P.left - j.left + k.left,
@@ -1279,12 +1279,12 @@ function Ue(e, a) {
   }, R = e.modifiersData.offset;
   if (w === Me && R) {
     var q = R[n];
-    Object.keys(_).forEach(function(C) {
+    Object.keys(F).forEach(function(C) {
       var W = [he, ge].indexOf(C) >= 0 ? 1 : -1, te = [ce, ge].indexOf(C) >= 0 ? "y" : "x";
-      _[C] += q[te] * W;
+      F[C] += q[te] * W;
     });
   }
-  return _;
+  return F;
 }
 function Hn(e, a) {
   a === void 0 && (a = {});
@@ -1324,8 +1324,8 @@ function qn(e) {
         flipVariations: b,
         allowedAutoPlacements: O
       }) : de);
-    }, []), P = a.rects.reference, $ = a.rects.popper, T = /* @__PURE__ */ new Map(), M = !0, j = S[0], _ = 0; _ < S.length; _++) {
-      var R = S[_], q = xe(R), C = We(R) === Ae, W = [ce, ge].indexOf(q) >= 0, te = W ? "width" : "height", u = Ue(a, {
+    }, []), P = a.rects.reference, $ = a.rects.popper, T = /* @__PURE__ */ new Map(), M = !0, j = S[0], F = 0; F < S.length; F++) {
+      var R = S[F], q = xe(R), C = We(R) === Ae, W = [ce, ge].indexOf(q) >= 0, te = W ? "width" : "height", u = Ue(a, {
         placement: R,
         boundary: c,
         rootBoundary: h,
@@ -1343,17 +1343,17 @@ function qn(e) {
       T.set(R, U);
     }
     if (M)
-      for (var Q = b ? 3 : 1, oe = function(de) {
-        var pe = S.find(function(v) {
+      for (var G = b ? 3 : 1, oe = function(de) {
+        var ve = S.find(function(v) {
           var X = T.get(v);
           if (X)
             return X.slice(0, de).every(function(Z) {
               return Z;
             });
         });
-        if (pe)
-          return j = pe, "break";
-      }, ae = Q; ae > 0; ae--) {
+        if (ve)
+          return j = ve, "break";
+      }, ae = G; ae > 0; ae--) {
         var le = oe(ae);
         if (le === "break") break;
       }
@@ -1460,7 +1460,7 @@ function ar(e) {
     altBoundary: c
   }), k = xe(a.placement), V = We(a.placement), D = !V, S = Vt(k), P = tr(S), $ = a.modifiersData.popperOffsets, T = a.rects.reference, M = a.rects.popper, j = typeof O == "function" ? O(Object.assign({}, a.rects, {
     placement: a.placement
-  })) : O, _ = typeof j == "number" ? {
+  })) : O, F = typeof j == "number" ? {
     mainAxis: j,
     altAxis: j
   } : Object.assign({
@@ -1472,14 +1472,14 @@ function ar(e) {
   };
   if ($) {
     if (i) {
-      var C, W = S === "y" ? ce : ue, te = S === "y" ? ge : he, u = S === "y" ? "height" : "width", y = $[S], A = y + B[W], U = y - B[te], Q = g ? -M[u] / 2 : 0, oe = V === Ae ? T[u] : M[u], ae = V === Ae ? -M[u] : -T[u], le = a.elements.arrow, we = g && le ? Tt(le) : {
+      var C, W = S === "y" ? ce : ue, te = S === "y" ? ge : he, u = S === "y" ? "height" : "width", y = $[S], A = y + B[W], U = y - B[te], G = g ? -M[u] / 2 : 0, oe = V === Ae ? T[u] : M[u], ae = V === Ae ? -M[u] : -T[u], le = a.elements.arrow, we = g && le ? Tt(le) : {
         width: 0,
         height: 0
-      }, de = a.modifiersData["arrow#persistent"] ? a.modifiersData["arrow#persistent"].padding : ua(), pe = de[W], v = de[te], X = Ne(0, T[u], we[u]), Z = D ? T[u] / 2 - Q - X - pe - _.mainAxis : oe - X - pe - _.mainAxis, be = D ? -T[u] / 2 + Q + X + v + _.mainAxis : ae + X + v + _.mainAxis, Le = a.elements.arrow && Xe(a.elements.arrow), ct = Le ? S === "y" ? Le.clientTop || 0 : Le.clientLeft || 0 : 0, Ke = (C = R?.[S]) != null ? C : 0, ut = y + Z - Ke - ct, Ge = y + be - Ke, Qe = Ne(g ? nt(A, ut) : A, y, g ? Ve(U, Ge) : U);
+      }, de = a.modifiersData["arrow#persistent"] ? a.modifiersData["arrow#persistent"].padding : ua(), ve = de[W], v = de[te], X = Ne(0, T[u], we[u]), Z = D ? T[u] / 2 - G - X - ve - F.mainAxis : oe - X - ve - F.mainAxis, be = D ? -T[u] / 2 + G + X + v + F.mainAxis : ae + X + v + F.mainAxis, Le = a.elements.arrow && Xe(a.elements.arrow), ct = Le ? S === "y" ? Le.clientTop || 0 : Le.clientLeft || 0 : 0, Ke = (C = R?.[S]) != null ? C : 0, ut = y + Z - Ke - ct, Ge = y + be - Ke, Qe = Ne(g ? nt(A, ut) : A, y, g ? Ve(U, Ge) : U);
       $[S] = Qe, q[S] = Qe - y;
     }
     if (o) {
-      var Ze, f = S === "x" ? ce : ue, L = S === "x" ? ge : he, E = $[P], se = P === "y" ? "height" : "width", J = E + B[f], Je = E - B[L], et = [ce, ue].indexOf(k) !== -1, zt = (Ze = R?.[P]) != null ? Ze : 0, At = et ? J : E - T[se] - M[se] - zt + _.altAxis, Dt = et ? E + T[se] + M[se] - zt - _.altAxis : Je, Rt = g && et ? Sn(At, E, Dt) : Ne(g ? At : J, E, g ? Dt : Je);
+      var Ze, f = S === "x" ? ce : ue, L = S === "x" ? ge : he, E = $[P], se = P === "y" ? "height" : "width", J = E + B[f], Je = E - B[L], et = [ce, ue].indexOf(k) !== -1, zt = (Ze = R?.[P]) != null ? Ze : 0, At = et ? J : E - T[se] - M[se] - zt + F.altAxis, Dt = et ? E + T[se] + M[se] - zt - F.altAxis : Je, Rt = g && et ? Sn(At, E, Dt) : Ne(g ? At : J, E, g ? Dt : Je);
       $[P] = Rt, q[P] = Rt - E;
     }
     a.modifiersData[r] = q;
@@ -1499,7 +1499,7 @@ function rr(e) {
   };
 }
 function ir(e) {
-  return e === fe(e) || !me(e) ? Bt(e) : rr(e);
+  return e === pe(e) || !me(e) ? Bt(e) : rr(e);
 }
 function or(e) {
   var a = e.getBoundingClientRect(), t = De(a.width) / e.offsetWidth || 1, r = De(a.height) / e.offsetHeight || 1;
@@ -1624,8 +1624,8 @@ function fr(e) {
             c.rects = {
               reference: lr(V, Xe(D), c.options.strategy === "fixed"),
               popper: Tt(D)
-            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(_) {
-              return c.modifiersData[_.name] = Object.assign({}, _.data);
+            }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(F) {
+              return c.modifiersData[F.name] = Object.assign({}, F.data);
             });
             for (var S = 0; S < c.orderedModifiers.length; S++) {
               if (c.reset === !0) {
@@ -1811,7 +1811,7 @@ const _r = (e, a) => {
   }), Se(() => {
     document.removeEventListener("click", t, !0);
   });
-}, Fr = 80, wt = /* @__PURE__ */ G({
+}, Fr = 80, wt = /* @__PURE__ */ K({
   name: "Popover",
   __name: "Popover",
   props: {
@@ -1831,7 +1831,7 @@ const _r = (e, a) => {
   },
   emits: ["visible-change", "click-outside", "scroll"],
   setup(e, { expose: a, emit: t }) {
-    const r = F(!1), n = e, i = m(() => n.preserveContentMount || r.value), s = m(() => !n.preserveContentMount || r.value), o = t, l = F(null), d = F(), c = F();
+    const r = H(!1), n = e, i = m(() => n.preserveContentMount || r.value), s = m(() => !n.preserveContentMount || r.value), o = t, l = H(null), d = H(), c = H();
     let h = null, w = Pe({}), g = Pe({}), b = Pe({});
     const O = (C) => typeof C == "number" ? `${C}px` : C, B = m(() => {
       const C = n.maxPopperHeight;
@@ -1872,10 +1872,10 @@ const _r = (e, a) => {
       const W = C.target;
       W instanceof Node && c.value?.contains(W) || (n.trigger === "click" && r.value && !n.manual && j(), r.value && o("click-outside", !0));
     });
-    const _ = () => {
+    const F = () => {
       n.disabled || (r.value ? j() : M());
     }, R = () => {
-      b = {}, n.trigger === "hover" ? (g.mouseenter = M, w.mouseleave = j, b.mouseenter = M, b.mouseleave = j) : n.trigger === "click" && (g.click = _);
+      b = {}, n.trigger === "hover" ? (g.mouseenter = M, w.mouseleave = j, b.mouseenter = M, b.mouseleave = j) : n.trigger === "click" && (g.click = F);
     };
     ee(
       () => r.value,
@@ -1931,11 +1931,11 @@ const _r = (e, a) => {
       }, dt(ne(g), !0)), [
         Y(C.$slots, "reference")
       ], 16),
-      (p(), ve(ea, {
+      (p(), fe(ea, {
         to: "body",
         disabled: !e.teleported
       }, [
-        K(lt, { name: "fade" }, {
+        Q(lt, { name: "fade" }, {
           default: re(() => [
             i.value ? Fe((p(), x("div", Ce({
               key: 0,
@@ -1950,7 +1950,7 @@ const _r = (e, a) => {
               Y(C.$slots, "default")
             ], 16)), [
               [Ct, s.value]
-            ]) : H("", !0)
+            ]) : _("", !0)
           ]),
           _: 3
         })
@@ -1969,7 +1969,7 @@ const _r = (e, a) => {
 }, Xr = {
   key: 2,
   class: "cregis-select__dropdown-filter-empty"
-}, Kr = { class: "cregis-select__dropdown-content" }, Ei = /* @__PURE__ */ G({
+}, Kr = { class: "cregis-select__dropdown-content" }, Ei = /* @__PURE__ */ K({
   name: "Select",
   __name: "Select",
   props: {
@@ -1991,7 +1991,7 @@ const _r = (e, a) => {
   },
   emits: ["update:modelValue", "change", "visible-change", "filter-input", "filter-clear"],
   setup(e, { emit: a }) {
-    const t = e, r = a, n = F(null), i = F(null), s = F(!1), o = F();
+    const t = e, r = a, n = H(null), i = H(null), s = H(!1), o = H();
     let l = null, d = null;
     const c = () => {
       d !== null && (clearTimeout(d), d = null);
@@ -2000,8 +2000,8 @@ const _r = (e, a) => {
       const v = i.value;
       v && (o.value = v.offsetWidth + 8);
     }, g = async (v) => {
-      s.value = v, r("visible-change", v), v && h(t.triggerWidth) && (await Oe(), w()), !v && t.filterable && (_.value = "", R.value = "", c());
-    }, b = (v) => typeof v == "number" ? `n:${v}` : `s:${v}`, O = Pe({}), B = Pe({}), k = F(0), V = F(null), D = (v, X, Z) => {
+      s.value = v, r("visible-change", v), v && h(t.triggerWidth) && (await Oe(), w()), !v && t.filterable && (F.value = "", R.value = "", c());
+    }, b = (v) => typeof v == "number" ? `n:${v}` : `s:${v}`, O = Pe({}), B = Pe({}), k = H(0), V = H(null), D = (v, X, Z) => {
       const be = b(v);
       return k.value++, O[be] = X, B[be] = Z ?? X, () => {
         k.value--, delete O[be], delete B[be];
@@ -2039,22 +2039,22 @@ const _r = (e, a) => {
         }
         V.value = { value: v, label: X }, r("update:modelValue", v), r("change", v), n.value?.close();
       }
-    }, _ = F(""), R = F(""), q = m(() => R.value.trim().toLowerCase()), C = m(() => {
+    }, F = H(""), R = H(""), q = m(() => R.value.trim().toLowerCase()), C = m(() => {
       const v = q.value;
       return !t.filterable || !v ? !0 : Object.keys(O).some((X) => (B[X] ?? O[X] ?? "").toLowerCase().includes(v));
     }), W = m(
       () => t.filterable && !!q.value && !C.value && !S.value
     ), te = () => {
       t.filterable && (c(), d = setTimeout(() => {
-        R.value = _.value.trim(), d = null;
+        R.value = F.value.trim(), d = null;
       }, t.filterDebounceMs));
     };
-    ee(_, () => {
+    ee(F, () => {
       t.filterable && te();
     }), ee(
       () => t.filterable,
       (v) => {
-        v || (_.value = "", R.value = "", c());
+        v || (F.value = "", R.value = "", c());
       }
     );
     const u = () => {
@@ -2090,33 +2090,33 @@ const _r = (e, a) => {
       registerOption: D,
       filterQuery: q
     });
-    const U = (v) => typeof v == "number" ? `${v}px` : v, Q = m(() => {
+    const U = (v) => typeof v == "number" ? `${v}px` : v, G = m(() => {
       if (t.popperWidth) return U(t.popperWidth);
       const v = t.triggerWidth;
       return h(v) ? o.value : typeof v == "number" ? v + 8 : `calc(${v} + 8px)`;
     }), oe = m(() => {
-      const v = Q.value;
+      const v = G.value;
       if (!(v == null || v === ""))
         return typeof v == "number" ? `${v - 12}px` : `calc(${v} - 12px)`;
     }), ae = m(() => t.align === "center" ? "bottom" : t.align === "left" ? "bottom-start" : "bottom-end"), le = m(() => ({
       width: U(t.triggerWidth)
-    })), we = m(() => t.size === "large" ? "20px" : t.size === "medium" ? "14px" : "12px"), de = F(0), pe = (v) => {
+    })), we = m(() => t.size === "large" ? "20px" : t.size === "medium" ? "14px" : "12px"), de = H(0), ve = (v) => {
       de.value = v.scrollTop;
     };
     return (v, X) => (p(), x("div", {
       class: N(["cregis-select", { "is-disabled": e.disabled, "is-percent-width": h(e.triggerWidth) }])
     }, [
-      K(wt, {
+      Q(wt, {
         ref_key: "popoverRef",
         ref: n,
         "preserve-content-mount": "",
-        "popper-width": Q.value,
+        "popper-width": G.value,
         placement: ae.value,
         disabled: !!e.disabled,
         padding: 0,
         "max-popper-height": e.maxPopperHeight,
         onVisibleChange: g,
-        onScroll: pe
+        onScroll: ve
       }, {
         reference: re(() => [
           z("div", {
@@ -2137,13 +2137,13 @@ const _r = (e, a) => {
                 hasSelection: P.value
               }, () => [
                 z("p", Hr, I(T.value), 1),
-                e.multiple ? (p(), x("span", Ur, I($.value), 1)) : H("", !0)
+                e.multiple ? (p(), x("span", Ur, I($.value), 1)) : _("", !0)
               ]) : (p(), x("p", qr, I(e.placeholder), 1))
             ], 2),
             z("span", {
               class: N(["cregis-select__icon", { "is-open": s.value }])
             }, [
-              K(ne(na), {
+              Q(ne(na), {
                 size: we.value,
                 color: e.disabled ? "var(--text-base-quaternary)" : "var(--material-base-secondary)"
               }, null, 8, ["size", "color"])
@@ -2154,14 +2154,14 @@ const _r = (e, a) => {
           z("div", {
             class: N(["cregis-select__dropdown", { "is-empty": S.value }])
           }, [
-            S.value ? (p(), x("p", Yr, I(e.noDataText), 1)) : H("", !0),
+            S.value ? (p(), x("p", Yr, I(e.noDataText), 1)) : _("", !0),
             e.filterable && !S.value ? (p(), x("div", {
               key: 1,
               class: N(["cregis-select__dropdown-filter", { "backdrop-fixed-header": de.value > 10 }])
             }, [
-              K(ra, {
-                modelValue: _.value,
-                "onUpdate:modelValue": X[0] || (X[0] = (Z) => _.value = Z),
+              Q(ra, {
+                modelValue: F.value,
+                "onUpdate:modelValue": X[0] || (X[0] = (Z) => F.value = Z),
                 placeholder: e.searchText,
                 width: oe.value,
                 size: "small",
@@ -2170,12 +2170,12 @@ const _r = (e, a) => {
                 onClear: A
               }, {
                 prefix: re(() => [
-                  K(ne(aa), { size: "14px" })
+                  Q(ne(aa), { size: "14px" })
                 ]),
                 _: 1
               }, 8, ["modelValue", "placeholder", "width"])
-            ], 2)) : H("", !0),
-            W.value ? (p(), x("p", Xr, I(e.noMatchText), 1)) : H("", !0),
+            ], 2)) : _("", !0),
+            W.value ? (p(), x("p", Xr, I(e.noMatchText), 1)) : _("", !0),
             z("div", Kr, [
               Y(v.$slots, "default")
             ])
@@ -2188,7 +2188,7 @@ const _r = (e, a) => {
 }), Gr = ["aria-selected"], Qr = {
   key: 1,
   class: "cregis-select__option-content"
-}, zi = /* @__PURE__ */ G({
+}, zi = /* @__PURE__ */ K({
   name: "Option",
   __name: "Option",
   props: {
@@ -2222,14 +2222,14 @@ const _r = (e, a) => {
       "aria-selected": o.value,
       onClick: l
     }, [
-      s.value ? (p(), ve(Ua, {
+      s.value ? (p(), fe(Ua, {
         key: 0,
         "model-value": o.value,
         disabled: e.disabled || !!ne(t)?.disabled.value,
         onClick: g[0] || (g[0] = kt(() => {
         }, ["stop"])),
         "onUpdate:modelValue": d
-      }, null, 8, ["model-value", "disabled"])) : H("", !0),
+      }, null, 8, ["model-value", "disabled"])) : _("", !0),
       s.value ? (p(), x("div", Qr, [
         Y(w.$slots, "default", {
           label: e.label,
@@ -2267,7 +2267,7 @@ const _r = (e, a) => {
 }, ii = { class: "cregis-cascader__suboption-amount-container" }, oi = {
   key: 0,
   class: "cregis-cascader__suboption-amount"
-}, li = { class: "cregis-cascader__suboption-panel" }, si = ["onClick"], ci = ["onClick"], Ai = /* @__PURE__ */ G({
+}, li = { class: "cregis-cascader__suboption-panel" }, si = ["onClick"], ci = ["onClick"], Ai = /* @__PURE__ */ K({
   name: "Cascader",
   __name: "Cascader",
   props: {
@@ -2292,7 +2292,7 @@ const _r = (e, a) => {
   },
   emits: ["update:modelValue", "change", "visible-change", "filter-input", "filter-clear"],
   setup(e, { emit: a }) {
-    const t = e, r = a, n = F(null), i = F(!1), s = F(null), o = /* @__PURE__ */ new Map(), l = (f, L) => {
+    const t = e, r = a, n = H(null), i = H(!1), s = H(null), o = /* @__PURE__ */ new Map(), l = (f, L) => {
       L && typeof L == "object" && "close" in L && typeof L.close == "function" ? o.set(f, L) : o.delete(f);
     }, d = () => {
       o.forEach((f) => f.close()), s.value = null;
@@ -2306,7 +2306,7 @@ const _r = (e, a) => {
     let h = null;
     const w = () => {
       h !== null && (clearTimeout(h), h = null);
-    }, g = F(""), b = F(""), O = m(() => b.value.trim().toLowerCase()), B = () => {
+    }, g = H(""), b = H(""), O = m(() => b.value.trim().toLowerCase()), B = () => {
       t.filterable && (w(), h = setTimeout(() => {
         b.value = g.value.trim(), h = null;
       }, t.filterDebounceMs));
@@ -2331,9 +2331,9 @@ const _r = (e, a) => {
       return !E || D(f).includes(E) ? !0 : D(L).includes(E);
     }, $ = m(() => t.options.filter((f) => S(f))), T = m(() => t.options.length === 0), M = m(() => (O.value, t.options.some((f) => S(f)))), j = m(
       () => t.filterable && !!b.value.trim() && !M.value && !T.value
-    ), _ = (f) => {
+    ), F = (f) => {
       i.value = f, r("visible-change", f), f || d(), !f && t.filterable && (g.value = "", b.value = "", w());
-    }, R = F(null), q = (f) => {
+    }, R = H(null), q = (f) => {
       const L = t.options.find((E) => E.value === f);
       if (L)
         return {
@@ -2382,31 +2382,31 @@ const _r = (e, a) => {
         R.value !== null && R.value.value !== f && (R.value = null);
       }
     );
-    const W = m(() => C.value.level > 0), te = m(() => C.value.label), u = m(() => t.modelValue), y = m(() => te.value), A = m(() => C.value.level), U = m(() => C.value.primary), Q = m(() => C.value.sub), oe = (f) => (f.children?.length ?? 0) > 0, ae = (f) => t.modelValue === f, le = (f) => {
+    const W = m(() => C.value.level > 0), te = m(() => C.value.label), u = m(() => t.modelValue), y = m(() => te.value), A = m(() => C.value.level), U = m(() => C.value.primary), G = m(() => C.value.sub), oe = (f) => (f.children?.length ?? 0) > 0, ae = (f) => t.modelValue === f, le = (f) => {
       const L = t.modelValue;
       return L == null || L === "" ? !1 : (f.children ?? []).some((E) => E.value === L);
     }, we = (f, L) => {
       t.disabled || f.disabled || L.disabled || (R.value = { value: L.value, label: L.label, level: 2, primary: f, sub: L }, r("update:modelValue", L.value), r("change", L.value), d(), n.value?.close());
     }, de = (f) => {
       t.disabled || f.disabled || oe(f) || (R.value = { value: f.value, label: f.label, level: 1, primary: f }, r("update:modelValue", f.value), r("change", f.value), d(), n.value?.close());
-    }, pe = (f) => typeof f == "number" ? `${f}px` : f, v = m(() => {
+    }, ve = (f) => typeof f == "number" ? `${f}px` : f, v = m(() => {
       if (t.popperWidth !== void 0 && t.popperWidth !== null && t.popperWidth !== "")
-        return pe(t.popperWidth);
+        return ve(t.popperWidth);
       const f = t.triggerWidth;
       return typeof f == "number" ? `${f + 8}px` : `calc(${f} + 8px)`;
-    }), X = m(() => pe(t.subPopperWidth)), Z = m(() => typeof v.value == "number" ? `${v.value - 12}px` : `calc(${v.value} - 12px)`), be = m(() => ({
-      maxHeight: pe(t.maxPopperHeight),
+    }), X = m(() => ve(t.subPopperWidth)), Z = m(() => typeof v.value == "number" ? `${v.value - 12}px` : `calc(${v.value} - 12px)`), be = m(() => ({
+      maxHeight: ve(t.maxPopperHeight),
       overflowY: "auto"
     })), Le = { strategy: "fixed" }, ct = m(() => t.align === "center" ? "bottom" : t.align === "left" ? "bottom-start" : "bottom-end"), Ke = m(() => ({
-      width: pe(t.triggerWidth)
-    })), ut = m(() => t.size === "large" ? "20px" : t.size === "medium" ? "14px" : "12px"), Ge = F(0), Qe = (f) => {
+      width: ve(t.triggerWidth)
+    })), ut = m(() => t.size === "large" ? "20px" : t.size === "medium" ? "14px" : "12px"), Ge = H(0), Qe = (f) => {
       const L = f.target;
       Ge.value = L.scrollTop;
     }, Ze = [-16, -8];
     return (f, L) => (p(), x("div", {
       class: N(["cregis-cascader", { "is-disabled": e.disabled }])
     }, [
-      K(wt, {
+      Q(wt, {
         ref_key: "popoverRef",
         ref: n,
         "preserve-content-mount": "",
@@ -2415,7 +2415,7 @@ const _r = (e, a) => {
         offset: e.offset,
         disabled: !!e.disabled,
         padding: 0,
-        onVisibleChange: _
+        onVisibleChange: F
       }, {
         reference: re(() => [
           f.$slots.trigger ? Y(f.$slots, "trigger", {
@@ -2424,7 +2424,7 @@ const _r = (e, a) => {
             selectedLabel: y.value,
             level: A.value,
             primaryOption: U.value,
-            subOption: Q.value,
+            subOption: G.value,
             placeholder: e.placeholder,
             hasSelection: W.value,
             open: i.value,
@@ -2441,7 +2441,7 @@ const _r = (e, a) => {
                 selectedLabel: y.value,
                 level: A.value,
                 primaryOption: U.value,
-                subOption: Q.value,
+                subOption: G.value,
                 placeholder: e.placeholder,
                 hasSelection: W.value
               }, () => [
@@ -2451,7 +2451,7 @@ const _r = (e, a) => {
             z("span", {
               class: N(["cregis-cascader__icon", { "is-open": i.value }])
             }, [
-              K(ne(na), {
+              Q(ne(na), {
                 size: ut.value,
                 color: e.disabled ? "var(--text-base-quaternary)" : "var(--material-base-secondary)"
               }, null, 8, ["size", "color"])
@@ -2464,12 +2464,12 @@ const _r = (e, a) => {
             style: ie(be.value),
             onScroll: Qe
           }, [
-            T.value ? (p(), x("p", ti, I(e.noDataText), 1)) : H("", !0),
+            T.value ? (p(), x("p", ti, I(e.noDataText), 1)) : _("", !0),
             e.filterable && !T.value ? (p(), x("div", {
               key: 1,
               class: N(["cregis-cascader__dropdown-filter", { "backdrop-fixed-header": Ge.value > 10 }])
             }, [
-              K(ra, {
+              Q(ra, {
                 modelValue: g.value,
                 "onUpdate:modelValue": L[0] || (L[0] = (E) => g.value = E),
                 placeholder: e.searchText,
@@ -2480,19 +2480,19 @@ const _r = (e, a) => {
                 onClear: V
               }, {
                 prefix: re(() => [
-                  K(ne(aa), { size: "14px" })
+                  Q(ne(aa), { size: "14px" })
                 ]),
                 _: 1
               }, 8, ["modelValue", "placeholder", "width"])
-            ], 2)) : H("", !0),
-            j.value ? (p(), x("p", ai, I(e.noMatchText), 1)) : H("", !0),
+            ], 2)) : _("", !0),
+            j.value ? (p(), x("p", ai, I(e.noMatchText), 1)) : _("", !0),
             z("ul", ni, [
               (p(!0), x(mt, null, gt($.value, (E, se) => (p(), x("li", {
                 key: E.value,
                 class: N(["cregis-cascader__dropdown-item", { "is-disabled": E.disabled, "is-sub-open": s.value === E.value }])
               }, [
                 oe(E) ? (p(), x("div", ri, [
-                  K(wt, {
+                  Q(wt, {
                     ref_for: !0,
                     ref: (J) => l(E.value, J),
                     trigger: "hover",
@@ -2516,7 +2516,7 @@ const _r = (e, a) => {
                           selectedLabel: y.value,
                           level: A.value,
                           primaryOption: U.value,
-                          subOption: Q.value,
+                          subOption: G.value,
                           option: E,
                           index: se,
                           disabled: !!E.disabled,
@@ -2526,8 +2526,8 @@ const _r = (e, a) => {
                           z("p", null, I(E.label), 1)
                         ]),
                         z("div", ii, [
-                          e.showSubOptionAmount ? (p(), x("div", oi, I(E.children.length), 1)) : H("", !0),
-                          K(ne(Ta), {
+                          e.showSubOptionAmount ? (p(), x("div", oi, I(E.children.length), 1)) : _("", !0),
+                          Q(ne(Ta), {
                             size: "14px",
                             color: "currentColor"
                           })
@@ -2550,7 +2550,7 @@ const _r = (e, a) => {
                             selectedLabel: y.value,
                             level: A.value,
                             primaryOption: U.value,
-                            subOption: Q.value,
+                            subOption: G.value,
                             option: J,
                             index: Je,
                             parent: E,
@@ -2577,7 +2577,7 @@ const _r = (e, a) => {
                     selectedLabel: y.value,
                     level: A.value,
                     primaryOption: U.value,
-                    subOption: Q.value,
+                    subOption: G.value,
                     option: E,
                     index: se,
                     disabled: !!E.disabled,
@@ -2595,7 +2595,7 @@ const _r = (e, a) => {
       }, 8, ["popper-width", "placement", "offset", "disabled"])
     ], 2));
   }
-}), Di = /* @__PURE__ */ G({
+}), Di = /* @__PURE__ */ K({
   name: "Tag",
   __name: "Tag",
   props: {
@@ -2612,7 +2612,7 @@ const _r = (e, a) => {
       ])
     ], 2));
   }
-}), Ri = /* @__PURE__ */ G({
+}), Ri = /* @__PURE__ */ K({
   name: "Switch",
   __name: "Switch",
   props: {
@@ -2625,7 +2625,7 @@ const _r = (e, a) => {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, r = a, n = F(!1), i = m(() => t.modelValue === t.activeValue), s = async () => {
+    const t = e, r = a, n = H(!1), i = m(() => t.modelValue === t.activeValue), s = async () => {
       if (t.disabled || n.value) return;
       const o = i.value ? t.inactiveValue : t.activeValue;
       if (t.beforeChange) {
@@ -2655,7 +2655,7 @@ const _r = (e, a) => {
       z("div", { class: "cregis-switch__circle" }, null, -1)
     ])], 2));
   }
-}), ui = { class: "cregis-badge__wrapper" }, Wi = /* @__PURE__ */ G({
+}), ui = { class: "cregis-badge__wrapper" }, Wi = /* @__PURE__ */ K({
   name: "Badge",
   __name: "Badge",
   props: {
@@ -2675,7 +2675,7 @@ const _r = (e, a) => {
       right: `${r.value[1]}px`
     }));
     return (i, s) => (p(), x("div", ui, [
-      e.hidden ? H("", !0) : (p(), x("div", {
+      e.hidden ? _("", !0) : (p(), x("div", {
         key: 0,
         class: N(["cregis-badge", [`cregis-badge--${e.type}`, { "cregis-badge--dot": e.isDot }]]),
         style: ie(n.value)
@@ -2684,9 +2684,9 @@ const _r = (e, a) => {
     ]));
   }
 }), di = ["accept", "disabled"], fi = ["src"], pi = {
-  key: 2,
+  key: 3,
   class: "cregis-upload__mask"
-}, Li = /* @__PURE__ */ G({
+}, Li = /* @__PURE__ */ K({
   name: "Upload",
   __name: "Upload",
   props: {
@@ -2701,7 +2701,7 @@ const _r = (e, a) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, r = a, n = F(0), i = F(""), s = ["http:", "https:", "blob:"], o = (k) => {
+    const t = e, r = a, n = H(0), i = H(""), s = ["http:", "https:", "blob:"], o = (k) => {
       if (!k) return !1;
       if (k.toLowerCase().startsWith("data:image/")) return !0;
       try {
@@ -2764,10 +2764,11 @@ const _r = (e, a) => {
       class: N(["cregis-upload", { "cregis-upload--disabled": B.value }]),
       style: ie(d.value)
     }, [
-      K(ne(Wt), {
+      l.value ? _("", !0) : (p(), fe(ne(Wt), {
+        key: 0,
         size: "16px",
         color: "var(--stroke-base-secondary)"
-      }),
+      })),
       z("input", {
         type: "file",
         title: "",
@@ -2776,21 +2777,21 @@ const _r = (e, a) => {
         onChange: b
       }, null, 40, di),
       n.value > 0 && n.value < 100 ? (p(), x("div", {
-        key: 0,
+        key: 1,
         class: "cregis-upload__progress",
         style: ie(O.value)
-      }, null, 4)) : H("", !0),
+      }, null, 4)) : _("", !0),
       l.value ? (p(), x("img", {
-        key: 1,
+        key: 2,
         src: l.value,
         alt: ""
-      }, null, 8, fi)) : H("", !0),
+      }, null, 8, fi)) : _("", !0),
       l.value ? (p(), x("div", pi, [
-        K(ne(Wt), {
+        Q(ne(Wt), {
           size: "16px",
           color: "var(--text-same-white-primary)"
         })
-      ])) : H("", !0)
+      ])) : _("", !0)
     ], 6));
   }
 });
@@ -2799,7 +2800,7 @@ const vi = () => {
   _e === 0 && (ba = document.body.style.overflow, document.body.style.overflow = "hidden"), _e++;
 }, Gt = () => {
   _e <= 0 || (_e--, _e === 0 && (document.body.style.overflow = ba));
-}, ot = /* @__PURE__ */ G({
+}, ot = /* @__PURE__ */ K({
   name: "Dialog",
   __name: "Dialog",
   props: {
@@ -2836,8 +2837,8 @@ const vi = () => {
     }, c = () => {
       r("after-leave");
     };
-    return (h, w) => (p(), ve(ea, { to: "body" }, [
-      K(lt, {
+    return (h, w) => (p(), fe(ea, { to: "body" }, [
+      Q(lt, {
         name: "cregis-dialog-fade",
         onAfterLeave: c
       }, {
@@ -2854,7 +2855,7 @@ const vi = () => {
               key: 0,
               class: "cregis-dialog__mask",
               onClick: d
-            })) : H("", !0),
+            })) : _("", !0),
             z("div", {
               class: "cregis-dialog",
               style: ie(s.value),
@@ -2866,14 +2867,14 @@ const vi = () => {
                 class: "cregis-dialog__close",
                 onClick: l
               }, [
-                K(ne(Va), {
+                Q(ne(Va), {
                   size: "10px",
                   color: "var(--material-same-white-primary)"
                 })
-              ])) : H("", !0),
+              ])) : _("", !0),
               Y(h.$slots, "default")
             ], 4)
-          ], 6)) : H("", !0)
+          ], 6)) : _("", !0)
         ]),
         _: 3
       })
@@ -2885,7 +2886,7 @@ const vi = () => {
 }, bi = {
   key: 1,
   class: "cregis-dialog-confirm__message"
-}, yi = { class: "cregis-dialog-confirm__footer" }, wi = /* @__PURE__ */ G({
+}, yi = { class: "cregis-dialog-confirm__footer" }, wi = /* @__PURE__ */ K({
   name: "ConfirmDialog",
   __name: "ConfirmDialog",
   props: {
@@ -2904,7 +2905,7 @@ const vi = () => {
   },
   emits: ["after-leave"],
   setup(e, { emit: a }) {
-    const t = e, r = a, n = F(!1), i = F(null), s = F(null), o = m(() => t.type === "success" ? {
+    const t = e, r = a, n = H(!1), i = H(null), s = H(null), o = m(() => t.type === "success" ? {
       component: ta,
       color: "var(--text-same-white-primary)"
     } : {
@@ -2924,7 +2925,7 @@ const vi = () => {
     };
     return Oe(() => {
       n.value = !0;
-    }), (w, g) => (p(), ve(ot, {
+    }), (w, g) => (p(), fe(ot, {
       modelValue: n.value,
       "onUpdate:modelValue": g[0] || (g[0] = (b) => n.value = b),
       width: e.width,
@@ -2939,17 +2940,17 @@ const vi = () => {
             z("div", {
               class: N(`cregis-dialog-confirm__icon cregis-dialog-confirm__icon--${e.type}`)
             }, [
-              (p(), ve(xt(o.value.component), {
+              (p(), fe(xt(o.value.component), {
                 "stroke-width": 3.4,
                 size: "24px",
                 color: o.value.color
               }, null, 8, ["color"]))
             ], 2)
           ]),
-          e.title ? (p(), x("div", hi, I(e.title), 1)) : H("", !0),
-          e.message ? (p(), x("div", bi, I(e.message), 1)) : H("", !0),
+          e.title ? (p(), x("div", hi, I(e.title), 1)) : _("", !0),
+          e.message ? (p(), x("div", bi, I(e.message), 1)) : _("", !0),
           z("div", yi, [
-            e.showConfirmButton ? (p(), ve(Ee, {
+            e.showConfirmButton ? (p(), fe(Ee, {
               key: 0,
               type: "foreground",
               block: "",
@@ -2960,8 +2961,8 @@ const vi = () => {
                 ye(I(e.confirmButtonText), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : H("", !0),
-            e.showCancelButton ? (p(), ve(Ee, {
+            }, 8, ["loading"])) : _("", !0),
+            e.showCancelButton ? (p(), fe(Ee, {
               key: 1,
               type: "secondary",
               text: "",
@@ -2973,7 +2974,7 @@ const vi = () => {
                 ye(I(e.cancelButtonText), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : H("", !0)
+            }, 8, ["loading"])) : _("", !0)
           ])
         ])
       ]),