@cregis/ui 0.2.2 → 0.2.3

package/dist/es/cregis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, useSlots as ur, computed as m, createElementBlock as x, openBlock as b, createElementVNode as V, createCommentVNode as I, mergeProps as xe, createBlock as Le, resolveDynamicComponent as Ft, normalizeStyle as ie, renderSlot as q, normalizeClass as j, toDisplayString as M, unref as ne, ref as _, watch as J, withDirectives as je, vModelDynamic as dr, withModifiers as fr, vModelText as pr, createVNode as U, withCtx as Z, createTextVNode as $e, nextTick as Ke, reactive as Me, provide as Ht, toRef as vr, Fragment as lt, renderList as ct, inject as qt, onMounted as et, onUnmounted as Ee, onBeforeUnmount as Ut, Transition as vt, render as Qe, h as Yt, toHandlers as Et, vShow as mt } from "vue";
+import { defineComponent as G, useSlots as ur, computed as m, createElementBlock as x, openBlock as h, createElementVNode as V, createCommentVNode as I, mergeProps as xe, createBlock as Le, resolveDynamicComponent as Ft, normalizeStyle as ie, renderSlot as q, normalizeClass as j, toDisplayString as M, unref as ne, ref as _, watch as J, withDirectives as je, vModelDynamic as dr, withModifiers as fr, vModelText as pr, createVNode as U, withCtx as Z, createTextVNode as $e, nextTick as Ke, reactive as Me, provide as Ht, toRef as vr, Fragment as lt, renderList as ct, inject as qt, onMounted as et, onUnmounted as Ee, onBeforeUnmount as Ut, Transition as vt, render as Qe, h as Yt, toHandlers as Et, vShow as mt } from "vue";
 import { EdsLoad as mr, EdsCloseCircleFill as gr, EdsWarningFill as hr, EdsSearch as Xt, EdsArrowDownMiniIos as Kt, EdsArrowRightMiniIos as br } from "@cregis/icon";
 const yr = {
   key: 0,
@@ -44,7 +44,7 @@ const yr = {
       else
         return t.type === "secondary" ? "var(--material-foreground-base-secondary)" : t.type === "foreground" ? "var(--text-face-primary)" : t.type === "sameWhite" ? "var(--text-same-black)" : "var(--material-same-white)";
     });
-    return (s, d) => e.icon || s.$slots.icon ? (b(), x("div", yr, [
+    return (s, d) => e.icon || s.$slots.icon ? (h(), x("div", yr, [
       V("button", xe(s.$attrs, {
         class: ["cregis-button__icon", {
           [`cregis-button__icon--${e.iconType}`]: e.iconType,
@@ -55,10 +55,10 @@ const yr = {
         }],
         disabled: e.disabled || e.loading
       }), [
-        e.icon ? (b(), Le(Ft(e.icon), {
+        e.icon ? (h(), Le(Ft(e.icon), {
           key: 0,
           size: a.value
-        }, null, 8, ["size"])) : (b(), x("span", {
+        }, null, 8, ["size"])) : (h(), x("span", {
           key: 1,
           class: "cregis-button__icon-slot-inner",
           style: ie({ "--cregis-btn-icon-slot-size": a.value })
@@ -66,11 +66,11 @@ const yr = {
           q(s.$slots, "icon")
         ], 4))
       ], 16, wr),
-      e.iconText ? (b(), x("span", {
+      e.iconText ? (h(), x("span", {
         key: 0,
         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, {
+    ])) : e.link ? (h(), 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,
@@ -80,7 +80,7 @@ const yr = {
       disabled: e.disabled || e.loading
     }), [
       q(s.$slots, "default")
-    ], 16, xr)) : (b(), x("button", xe({
+    ], 16, xr)) : (h(), x("button", xe({
       key: 2,
       ref: "buttonRef"
     }, s.$attrs, {
@@ -98,7 +98,7 @@ const yr = {
       }],
       disabled: e.disabled || e.loading
     }), [
-      e.loading ? (b(), Le(ne(mr), {
+      e.loading ? (h(), Le(ne(mr), {
         key: 0,
         class: "loading",
         size: i.value,
@@ -124,12 +124,14 @@ const yr = {
     modelValue: {},
     size: { default: "medium" },
     width: { default: "300px" },
-    placeholder: { default: "please input" },
+    placeholder: { default: "" },
     disabled: { type: Boolean },
     clearable: { type: Boolean },
     inputStyle: {},
     unit: {},
-    rows: { default: 3 }
+    rows: { default: 3 },
+    pasteText: { default: "Paste" },
+    clearText: { default: "Clear" }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
   setup(e, { expose: t, emit: r }) {
@@ -157,8 +159,8 @@ const yr = {
     }, C = () => {
       d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
         if (!l.value || l.value.tagName !== "INPUT") return;
-        const f = l.value, g = f.value, u = document.createElement("span");
-        u.style.position = "absolute", u.style.visibility = "hidden", u.style.whiteSpace = "pre", u.style.font = window.getComputedStyle(f).font, u.style.letterSpacing = window.getComputedStyle(f).letterSpacing, u.textContent = g || " ", document.body.appendChild(u), o.value = u.getBoundingClientRect().width, document.body.removeChild(u);
+        const f = l.value, y = 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 = y || " ", document.body.appendChild(u), o.value = u.getBoundingClientRect().width, document.body.removeChild(u);
       });
     }, E = m(() => {
       const f = {};
@@ -173,7 +175,7 @@ const yr = {
     return t({
       focus: c,
       updateTextWidth: C
-    }), (f, g) => e.type !== "textarea" ? (b(), x("div", {
+    }), (f, y) => e.type !== "textarea" ? (h(), x("div", {
       key: 0,
       class: j(["cregis-input", {
         [`cregis-input--${e.size}`]: e.size,
@@ -186,17 +188,18 @@ const yr = {
       V("div", {
         class: j(["cregis-input__wrapper", { "is-focus": s.value }])
       }, [
-        f.$slots.prefix ? (b(), x("span", $r, [
+        f.$slots.prefix ? (h(), x("span", $r, [
           q(f.$slots, "prefix")
         ])) : I("", !0),
         je(V("input", xe({
           class: "cregis-input__inner",
-          "onUpdate:modelValue": g[0] || (g[0] = (u) => i.value = u),
+          "onUpdate:modelValue": y[0] || (y[0] = (u) => i.value = u),
           ref_key: "inputRef",
           ref: l,
           type: e.type,
           placeholder: e.placeholder
         }, f.$attrs, {
+          spellcheck: "false",
           disabled: e.disabled,
           onInput: w,
           onChange: k,
@@ -205,35 +208,36 @@ const yr = {
         }), null, 16, kr), [
           [dr, i.value]
         ]),
-        e.unit && i.value ? (b(), x("span", {
+        e.unit && i.value ? (h(), x("span", {
           key: 1,
           style: ie(E.value),
           class: "cregis-input__unit"
         }, M(e.unit), 5)) : I("", !0),
-        f.$slots.suffix || O.value ? (b(), x("span", Tr, [
+        f.$slots.suffix || O.value ? (h(), x("span", Tr, [
           q(f.$slots, "suffix"),
-          O.value ? (b(), Le(Ye, {
+          O.value ? (h(), Le(Ye, {
             key: 0,
             icon: ne(gr),
             "icon-type": "square",
             onClick: $,
-            onMousedown: g[1] || (g[1] = fr(() => {
+            onMousedown: y[1] || (y[1] = fr(() => {
             }, ["prevent"]))
           }, null, 8, ["icon"])) : I("", !0)
         ])) : I("", !0)
       ], 2)
-    ], 6)) : (b(), x("div", {
+    ], 6)) : (h(), x("div", {
       key: 1,
       class: j(["cregis-textarea", { "is-disabled": e.disabled }]),
       style: ie([{ width: e.width }, e.inputStyle])
     }, [
       je(V("textarea", xe({ class: "cregis-textarea__wrapper" }, f.$attrs, {
+        spellcheck: "false",
         ref_key: "inputRef",
         ref: l,
         disabled: e.disabled,
         placeholder: e.placeholder,
         rows: e.rows,
-        "onUpdate:modelValue": g[2] || (g[2] = (u) => i.value = u),
+        "onUpdate:modelValue": y[2] || (y[2] = (u) => i.value = u),
         onInput: w,
         onChange: k,
         onFocus: v,
@@ -241,16 +245,16 @@ const yr = {
       }), null, 16, Sr), [
         [pr, i.value]
       ]),
-      e.disabled ? I("", !0) : (b(), x("div", Cr, [
+      e.disabled ? I("", !0) : (h(), x("div", Cr, [
         U(Ye, {
           class: "cregis-textarea__button",
           link: "",
           size: "small",
           onClick: R
         }, {
-          default: Z(() => [...g[3] || (g[3] = [
-            $e(" Paste ", -1)
-          ])]),
+          default: Z(() => [
+            $e(M(e.pasteText), 1)
+          ]),
           _: 1
         }),
         U(Ye, {
@@ -260,9 +264,9 @@ const yr = {
           disabled: !i.value,
           onClick: $
         }, {
-          default: Z(() => [...g[4] || (g[4] = [
-            $e(" Clear ", -1)
-          ])]),
+          default: Z(() => [
+            $e(M(e.clearText), 1)
+          ]),
           _: 1
         }, 8, ["disabled"])
       ]))
@@ -279,7 +283,7 @@ const yr = {
     size: { default: "16px" }
   },
   setup(e) {
-    return (t, r) => (b(), x("svg", {
+    return (t, r) => (h(), x("svg", {
       width: e.size,
       height: e.size,
       viewBox: "0 0 16 16",
@@ -329,7 +333,7 @@ const yr = {
       () => {
         n("change", a.value);
       }
-    ), (l, o) => (b(), x("div", {
+    ), (l, o) => (h(), x("div", {
       class: "cregis-checkbox__wrapper",
       onClick: i
     }, [
@@ -341,12 +345,12 @@ const yr = {
           "is-indeterminate": e.indeterminate
         }])
       }, [
-        e.indeterminate ? (b(), x("div", Dr)) : (b(), Le(Rr, {
+        e.indeterminate ? (h(), x("div", Dr)) : (h(), Le(Rr, {
           key: 1,
           size: "10px"
         }))
       ], 2),
-      l.$slots.default || e.label ? (b(), x("span", {
+      l.$slots.default || e.label ? (h(), x("span", {
         key: 0,
         class: j(["cregis-checkbox__label", { "is-disabled": e.disabled }])
       }, [
@@ -370,7 +374,7 @@ const yr = {
     const r = e, n = t, a = m(() => r.modelValue === r.value), i = () => {
       r.disabled || (n("update:modelValue", r.value), n("change", r.value));
     };
-    return (l, o) => (b(), x("div", {
+    return (l, o) => (h(), x("div", {
       class: "cregis-radio__wrapper",
       onClick: i
     }, [
@@ -382,7 +386,7 @@ const yr = {
       }, [...o[0] || (o[0] = [
         V("div", { class: "cregis-radio__inner" }, null, -1)
       ])], 2),
-      l.$slots.default || e.label ? (b(), x("span", {
+      l.$slots.default || e.label ? (h(), x("span", {
         key: 0,
         class: j(["cregis-radio__label", { "is-disabled": e.disabled }])
       }, [
@@ -423,7 +427,7 @@ const yr = {
       borderLeftColor: t.color,
       margin: r.value
     });
-    return (a, i) => (b(), x("div", {
+    return (a, i) => (h(), x("div", {
       class: j(["cregis-divider", {
         [`cregis-divider--${e.direction}`]: e.direction
       }]),
@@ -458,13 +462,13 @@ const yr = {
       activeName: vr(t, "modelValue"),
       registerTab: n,
       unregisterTab: a
-    }), (l, o) => (b(), x("div", {
+    }), (l, o) => (h(), x("div", {
       class: j(["cregis-tabs", {
         [`cregis-tabs--${e.type}`]: e.type,
         [`cregis-tabs--${e.size}`]: e.size
       }])
     }, [
-      (b(!0), x(lt, null, ct(r, (s) => (b(), x("div", {
+      (h(!0), x(lt, null, ct(r, (s) => (h(), x("div", {
         key: s.name,
         class: j(["cregis-tabs__item", { "is-active": e.modelValue === s.name }]),
         style: ie(i.value),
@@ -525,14 +529,14 @@ const yr = {
       n !== void 0 && clearTimeout(n);
     }), Ke(() => {
       r.value = !0;
-    }), (l, o) => (b(), x("div", Lr, [
+    }), (l, o) => (h(), x("div", Lr, [
       U(vt, {
         name: "cregis-message",
         onAfterEnter: a,
         onAfterLeave: i
       }, {
         default: Z(() => [
-          r.value ? (b(), x("div", jr, M(e.message), 1)) : I("", !0)
+          r.value ? (h(), x("div", jr, M(e.message), 1)) : I("", !0)
         ]),
         _: 1
       })
@@ -586,14 +590,14 @@ const Ir = { class: "cregis-notification__wrapper" }, Nr = {
     return Ut(() => {
     }), Ke(() => {
       r.value = !0;
-    }), (i, l) => (b(), x("div", Ir, [
+    }), (i, l) => (h(), x("div", Ir, [
       U(vt, {
         name: "cregis-notification",
         onAfterLeave: a
       }, {
         default: Z(() => [
-          r.value ? (b(), x("div", Nr, [
-            (b(), Le(Ft(ne(hr)), {
+          r.value ? (h(), x("div", Nr, [
+            (h(), Le(Ft(ne(hr)), {
               size: "18px",
               color: "var(--material-vibrant-error-primary)"
             })),
@@ -654,9 +658,9 @@ const Yr = { class: "cregis-progress__wrapper" }, Xr = { class: "cregis-progress
     })), a = m(() => ({
       "--cregis-progress-tip-left": `${r.value}%`
     })), i = m(() => `${Math.round(t.percentage)}%`);
-    return (l, o) => (b(), x("div", Yr, [
+    return (l, o) => (h(), x("div", Yr, [
       V("div", Xr, [
-        e.showPercentage && t.percentage > 0 ? (b(), x("div", {
+        e.showPercentage && t.percentage > 0 ? (h(), x("div", {
           key: 0,
           class: "cregis-progress__tip",
           style: ie(a.value),
@@ -667,7 +671,7 @@ const Yr = { class: "cregis-progress__wrapper" }, Xr = { class: "cregis-progress
             class: "cregis-progress__bar",
             style: ie(n.value)
           }, null, 4),
-          t.percentage === 0 ? (b(), x("div", Qr)) : I("", !0)
+          t.percentage === 0 ? (h(), x("div", Qr)) : I("", !0)
         ])
       ])
     ]));
@@ -881,7 +885,7 @@ var ma = function(t, r) {
 function ga(e) {
   var t, r = e.state, n = e.name, a = e.options, i = r.elements.arrow, l = r.modifiersData.popperOffsets, o = pe(r.placement), s = yt(o), d = [te, le].indexOf(o) >= 0, c = d ? "height" : "width";
   if (!(!i || !l)) {
-    var w = ma(a.padding, r), k = bt(i), v = s === "y" ? ee : te, S = s === "y" ? se : le, O = r.rects.reference[c] + r.rects.reference[s] - l[s] - r.rects.popper[c], $ = l[s] - r.rects.reference[s], C = Fe(i), E = C ? s === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, R = O / 2 - $ / 2, f = w[v], g = E - k[c] - w[S], u = E / 2 - k[c] / 2 + R, T = ze(f, u, g), B = s;
+    var w = ma(a.padding, r), k = bt(i), v = s === "y" ? ee : te, S = s === "y" ? se : le, O = r.rects.reference[c] + r.rects.reference[s] - l[s] - r.rects.popper[c], $ = l[s] - r.rects.reference[s], C = Fe(i), E = C ? s === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, R = O / 2 - $ / 2, f = w[v], y = E - k[c] - w[S], u = E / 2 - k[c] / 2 + R, T = ze(f, u, y), B = s;
     r.modifiersData[n] = (t = {}, t[B] = T, t.centerOffset = T - u, t);
   }
 }
@@ -923,12 +927,12 @@ function Rt(e) {
     y: O
   };
   v = $.x, O = $.y;
-  var C = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), R = te, f = ee, g = window;
+  var C = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), R = te, f = ee, y = window;
   if (d) {
     var u = Fe(r), T = "clientHeight", B = "clientWidth";
     if (u === re(r) && (u = be(r), ge(u).position !== "static" && o === "absolute" && (T = "scrollHeight", B = "scrollWidth")), u = u, a === ee || (a === te || a === le) && i === _e) {
       f = se;
-      var D = w && u === g && g.visualViewport ? g.visualViewport.height : (
+      var D = w && u === y && y.visualViewport ? y.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         u[T]
       );
@@ -936,14 +940,14 @@ function Rt(e) {
     }
     if (a === te || (a === ee || a === se) && i === _e) {
       R = le;
-      var W = w && u === g && g.visualViewport ? g.visualViewport.width : (
+      var W = w && u === y && y.visualViewport ? y.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         u[B]
       );
       v -= W - n.width, v *= s ? 1 : -1;
     }
   }
-  var y = Object.assign({
+  var b = Object.assign({
     position: o
   }, d && ya), A = c === !0 ? wa({
     x: v,
@@ -954,9 +958,9 @@ function Rt(e) {
   };
   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 = (g.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + O + "px)" : "translate3d(" + v + "px, " + O + "px, 0)", z));
+    return Object.assign({}, b, (z = {}, z[f] = E ? "0" : "", z[R] = C ? "0" : "", z.transform = (y.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));
+  return Object.assign({}, b, (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 = {
@@ -1156,18 +1160,18 @@ function or(e) {
 }
 function Ie(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 ? Zt : d, w = r.elementContext, k = w === void 0 ? Re : w, v = r.altBoundary, S = v === void 0 ? !1 : v, O = r.padding, $ = O === void 0 ? 0 : O, C = ar(typeof $ != "number" ? $ : nr($, Ne)), E = k === Re ? Zr : Re, R = e.rects.popper, f = e.elements[S ? E : k], g = Ba(ke(f) ? f : f.contextElement || be(e.elements.popper), s, c, l), u = Pe(e.elements.reference), T = or({
+  var r = t, n = r.placement, a = n === void 0 ? e.placement : n, i = r.strategy, l = i === void 0 ? e.strategy : i, o = r.boundary, s = o === void 0 ? Gr : o, d = r.rootBoundary, c = d === void 0 ? Zt : d, w = r.elementContext, k = w === void 0 ? Re : w, v = r.altBoundary, S = v === void 0 ? !1 : v, O = r.padding, $ = O === void 0 ? 0 : O, C = ar(typeof $ != "number" ? $ : nr($, Ne)), E = k === Re ? Zr : Re, R = e.rects.popper, f = e.elements[S ? E : k], y = Ba(ke(f) ? f : f.contextElement || be(e.elements.popper), s, c, l), u = Pe(e.elements.reference), T = or({
     reference: u,
     element: R,
     placement: a
   }), B = dt(Object.assign({}, R, T)), D = k === Re ? B : u, W = {
-    top: g.top - D.top + C.top,
-    bottom: D.bottom - g.bottom + C.bottom,
-    left: g.left - D.left + C.left,
-    right: D.right - g.right + C.right
-  }, y = e.modifiersData.offset;
-  if (k === Re && y) {
-    var A = y[a];
+    top: y.top - D.top + C.top,
+    bottom: D.bottom - y.bottom + C.bottom,
+    left: y.left - D.left + C.left,
+    right: D.right - y.right + C.right
+  }, b = e.modifiersData.offset;
+  if (k === Re && b) {
+    var A = b[a];
     Object.keys(W).forEach(function(z) {
       var Y = [le, se].indexOf(z) >= 0 ? 1 : -1, X = [ee, se].indexOf(z) >= 0 ? "y" : "x";
       W[z] += A[X] * Y;
@@ -1213,26 +1217,26 @@ function Da(e) {
         flipVariations: S,
         allowedAutoPlacements: O
       }) : fe);
-    }, []), g = t.rects.reference, u = t.rects.popper, T = /* @__PURE__ */ new Map(), B = !0, D = f[0], W = 0; W < f.length; W++) {
-      var y = f[W], A = pe(y), z = Ve(y) === Se, Y = [ee, se].indexOf(A) >= 0, X = Y ? "width" : "height", F = Ie(t, {
-        placement: y,
+    }, []), y = t.rects.reference, u = t.rects.popper, T = /* @__PURE__ */ new Map(), B = !0, D = f[0], W = 0; W < f.length; W++) {
+      var b = f[W], A = pe(b), z = Ve(b) === Se, Y = [ee, se].indexOf(A) >= 0, X = Y ? "width" : "height", F = Ie(t, {
+        placement: b,
         boundary: c,
         rootBoundary: w,
         altBoundary: k,
         padding: d
       }), H = Y ? z ? le : te : z ? se : ee;
-      g[X] > u[X] && (H = Xe(H));
+      y[X] > u[X] && (H = Xe(H));
       var de = Xe(H), ce = [];
       if (i && ce.push(F[A] <= 0), o && ce.push(F[H] <= 0, F[de] <= 0), ce.every(function(he) {
         return he;
       })) {
-        D = y, B = !1;
+        D = b, B = !1;
         break;
       }
-      T.set(y, ce);
+      T.set(b, ce);
     }
     if (B)
-      for (var h = S ? 3 : 1, N = function(fe) {
+      for (var g = S ? 3 : 1, N = function(fe) {
         var ye = f.find(function(Te) {
           var me = T.get(Te);
           if (me)
@@ -1242,7 +1246,7 @@ function Da(e) {
         });
         if (ye)
           return D = ye, "break";
-      }, K = h; K > 0; K--) {
+      }, K = g; K > 0; K--) {
         var ue = N(K);
         if (ue === "break") break;
       }
@@ -1347,7 +1351,7 @@ function Ha(e) {
     rootBoundary: d,
     padding: w,
     altBoundary: c
-  }), C = pe(t.placement), E = Ve(t.placement), R = !E, f = yt(C), g = Fa(f), u = t.modifiersData.popperOffsets, T = t.rects.reference, B = t.rects.popper, D = typeof O == "function" ? O(Object.assign({}, t.rects, {
+  }), C = pe(t.placement), E = Ve(t.placement), R = !E, f = yt(C), y = 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,
@@ -1355,21 +1359,21 @@ function Ha(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, D), y = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, A = {
+  }, D), b = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, A = {
     x: 0,
     y: 0
   };
   if (u) {
     if (i) {
-      var z, Y = f === "y" ? ee : te, X = f === "y" ? se : le, F = f === "y" ? "height" : "width", H = u[f], de = H + $[Y], ce = H - $[X], h = v ? -B[F] / 2 : 0, N = E === Se ? T[F] : B[F], K = E === Se ? -B[F] : -T[F], ue = t.elements.arrow, he = v && ue ? bt(ue) : {
+      var z, Y = f === "y" ? ee : te, X = f === "y" ? se : le, F = f === "y" ? "height" : "width", H = u[f], de = H + $[Y], ce = H - $[X], g = v ? -B[F] / 2 : 0, N = E === Se ? T[F] : B[F], K = E === Se ? -B[F] : -T[F], ue = t.elements.arrow, he = v && ue ? bt(ue) : {
         width: 0,
         height: 0
-      }, fe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : rr(), ye = fe[Y], Te = fe[X], me = ze(0, T[F], he[F]), Be = R ? T[F] / 2 - h - me - ye - W.mainAxis : N - me - ye - W.mainAxis, He = R ? -T[F] / 2 + h + me + Te + W.mainAxis : K + me + Te + W.mainAxis, Ae = t.elements.arrow && Fe(t.elements.arrow), rt = Ae ? f === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, p = (z = y?.[f]) != null ? z : 0, L = H + Be - p - rt, P = H + He - p, ae = ze(v ? Ge(de, L) : de, H, v ? Oe(ce, P) : ce);
+      }, fe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : rr(), ye = fe[Y], Te = fe[X], me = ze(0, T[F], he[F]), Be = R ? T[F] / 2 - g - me - ye - W.mainAxis : N - me - ye - W.mainAxis, He = R ? -T[F] / 2 + g + me + Te + W.mainAxis : K + me + Te + W.mainAxis, Ae = t.elements.arrow && Fe(t.elements.arrow), rt = Ae ? f === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, p = (z = b?.[f]) != null ? z : 0, L = H + Be - p - rt, P = H + He - p, ae = ze(v ? Ge(de, L) : de, H, v ? Oe(ce, P) : ce);
       u[f] = ae, A[f] = ae - H;
     }
     if (o) {
-      var Q, at = f === "x" ? ee : te, $t = f === "x" ? se : le, we = u[g], qe = g === "y" ? "height" : "width", kt = we + $[at], Tt = we - $[$t], nt = [ee, te].indexOf(C) !== -1, St = (Q = y?.[g]) != null ? Q : 0, Ct = nt ? kt : we - T[qe] - B[qe] - St + W.altAxis, Pt = nt ? we + T[qe] + B[qe] - St - W.altAxis : Tt, Vt = v && nt ? va(Ct, we, Pt) : ze(v ? Ct : kt, we, v ? Pt : Tt);
-      u[g] = Vt, A[g] = Vt - we;
+      var Q, at = f === "x" ? ee : te, $t = f === "x" ? se : le, we = u[y], qe = y === "y" ? "height" : "width", kt = we + $[at], Tt = we - $[$t], nt = [ee, te].indexOf(C) !== -1, St = (Q = b?.[y]) != null ? Q : 0, Ct = nt ? kt : we - T[qe] - B[qe] - St + W.altAxis, Pt = nt ? we + T[qe] + B[qe] - St - W.altAxis : Tt, Vt = v && nt ? va(Ct, we, Pt) : ze(v ? Ct : kt, we, v ? Pt : Tt);
+      u[y] = Vt, A[y] = Vt - we;
     }
     t.modifiersData[n] = A;
   }
@@ -1521,7 +1525,7 @@ function en(e) {
                 c.reset = !1, f = -1;
                 continue;
               }
-              var g = c.orderedModifiers[f], u = g.fn, T = g.options, B = T === void 0 ? {} : T, D = g.name;
+              var y = c.orderedModifiers[f], u = y.fn, T = y.options, B = T === void 0 ? {} : T, D = y.name;
               typeof u == "function" && (c = u({
                 state: c,
                 options: B,
@@ -1552,14 +1556,14 @@ function en(e) {
       c.orderedModifiers.forEach(function($) {
         var C = $.name, E = $.options, R = E === void 0 ? {} : E, f = $.effect;
         if (typeof f == "function") {
-          var g = f({
+          var y = f({
             state: c,
             name: C,
             instance: v,
             options: R
           }), u = function() {
           };
-          w.push(g || u);
+          w.push(y || u);
         }
       });
     }
@@ -1667,7 +1671,7 @@ function ft(e, t, r) {
   function f() {
     return o === void 0 ? l : E(st());
   }
-  function g() {
+  function y() {
     var u = st(), T = $(u);
     if (n = arguments, a = this, s = u, T) {
       if (o === void 0)
@@ -1677,7 +1681,7 @@ function ft(e, t, r) {
     }
     return o === void 0 && (o = setTimeout(C, t)), l;
   }
-  return g.cancel = R, g.flush = f, g;
+  return y.cancel = R, y.flush = f, y;
 }
 var Vn = "Expected a function";
 function En(e, t, r) {
@@ -1721,16 +1725,16 @@ const Bn = (e, t) => {
   setup(e, { expose: t, emit: r }) {
     const n = _(!1), a = e, i = m(() => a.preserveContentMount || n.value), l = m(() => !a.preserveContentMount || n.value), o = r, s = _(), d = _(), c = _();
     let w = null, k = Me({}), v = Me({});
-    const S = (y) => typeof y == "number" ? `${y}px` : y, O = m(() => {
-      const y = a.maxPopperHeight;
-      return y != null && y !== "";
+    const S = (b) => typeof b == "number" ? `${b}px` : b, O = m(() => {
+      const b = a.maxPopperHeight;
+      return b != null && b !== "";
     }), $ = m(() => {
-      const y = {}, A = a.popperWidth;
-      if (A != null && A !== "" && (y.width = S(A)), O.value) {
+      const b = {}, A = a.popperWidth;
+      if (A != null && A !== "" && (b.width = S(A)), O.value) {
         const z = a.maxPopperHeight;
-        y.maxHeight = S(z), y.overflowY = "auto", y.scrollbarWidth = "none", y.msOverflowStyle = "none";
+        b.maxHeight = S(z), b.overflowY = "auto", b.scrollbarWidth = "none", b.msOverflowStyle = "none";
       }
-      return y.padding = S(a.padding), y;
+      return b.padding = S(a.padding), b;
     }), C = m(() => ({
       placement: a.placement,
       modifiers: [
@@ -1746,10 +1750,10 @@ const Bn = (e, t) => {
       a.disabled || (n.value = !0, o("visible-change", !0));
     }, R = () => {
       n.value = !1, o("visible-change", !1);
-    }, f = ft(E, a.openDelay), g = ft(R, a.closeDelay), u = () => {
-      a.disabled || (g.cancel(), f());
+    }, f = ft(E, a.openDelay), y = ft(R, a.closeDelay), u = () => {
+      a.disabled || (y.cancel(), f());
     }, T = () => {
-      f.cancel(), g();
+      f.cancel(), y();
     };
     Bn(s, () => {
       a.trigger === "click" && n.value && !a.manual && T(), n.value && o("click-outside", !0);
@@ -1761,30 +1765,30 @@ const Bn = (e, t) => {
     };
     J(
       () => n.value,
-      (y) => {
-        y && (d.value && c.value ? w = rn(d.value, c.value, C.value) : w?.destroy());
+      (b) => {
+        b && (d.value && c.value ? w = rn(d.value, c.value, C.value) : w?.destroy());
       },
       { flush: "post" }
     ), J(
       () => a.manual,
-      (y) => {
-        y ? (v = {}, k = {}) : D();
+      (b) => {
+        b ? (v = {}, k = {}) : D();
       }
     ), J(
       () => a.trigger,
-      (y, A) => {
-        y !== A && (v = {}, k = {}, D());
+      (b, A) => {
+        b !== A && (v = {}, k = {}, D());
       }
     ), J(
       () => a.disabled,
-      (y) => {
-        y && T();
+      (b) => {
+        b && T();
       }
     ), et(() => {
       a.manual || D();
     });
-    const W = En((y) => {
-      const A = y.target;
+    const W = En((b) => {
+      const A = b.target;
       o("scroll", { scrollTop: A.scrollTop, scrollLeft: A.scrollLeft });
     }, An);
     return Ee(() => {
@@ -1793,7 +1797,7 @@ const Bn = (e, t) => {
       isOpen: n,
       open: u,
       close: T
-    }), (y, A) => (b(), x("div", xe({
+    }), (b, A) => (h(), x("div", xe({
       class: "cregis-popover",
       ref_key: "popoverRef",
       ref: s
@@ -1803,11 +1807,11 @@ const Bn = (e, t) => {
         ref_key: "popoverTriggerRef",
         ref: d
       }, Et(ne(v), !0)), [
-        q(y.$slots, "reference")
+        q(b.$slots, "reference")
       ], 16),
       U(vt, { name: "fade" }, {
         default: Z(() => [
-          i.value ? je((b(), x("div", {
+          i.value ? je((h(), x("div", {
             key: 0,
             class: j(["cregis-popover__content", { "cregis-popover__content--hide-scrollbar": O.value }]),
             ref_key: "popoverContentRef",
@@ -1816,7 +1820,7 @@ const Bn = (e, t) => {
             onScroll: A[0] || (A[0] = //@ts-ignore
             (...z) => ne(W) && ne(W)(...z))
           }, [
-            q(y.$slots, "default")
+            q(b.$slots, "default")
           ], 38)), [
             [mt, l.value]
           ]) : I("", !0)
@@ -1842,7 +1846,7 @@ const Bn = (e, t) => {
     type: { default: "default" },
     size: { default: "large" },
     align: { default: "center" },
-    placeholder: { default: "Please select" },
+    placeholder: { default: "" },
     disabled: { type: Boolean },
     filterable: { type: Boolean },
     filterDebounceMs: { default: 200 },
@@ -1858,55 +1862,55 @@ const Bn = (e, t) => {
     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 = "", g.value = "", o());
-    }, d = (h) => typeof h == "number" ? `n:${h}` : `s:${h}`, c = Me({}), w = Me({}), k = _(0), v = _(null), S = (h, N, K) => {
-      const ue = d(h);
+    }, s = (g) => {
+      i.value = g, n("visible-change", g), !g && r.filterable && (f.value = "", y.value = "", o());
+    }, d = (g) => typeof g == "number" ? `n:${g}` : `s:${g}`, c = Me({}), w = Me({}), k = _(0), v = _(null), S = (g, N, K) => {
+      const ue = d(g);
       return k.value++, c[ue] = N, w[ue] = K ?? N, () => {
         k.value--, delete c[ue], delete w[ue];
       };
     }, O = m(() => k.value === 0);
     J(
       () => r.modelValue,
-      (h) => {
-        if (h == null || h === "") {
+      (g) => {
+        if (g == null || g === "") {
           v.value = null;
           return;
         }
-        v.value && v.value.value !== h && (v.value = null);
+        v.value && v.value.value !== g && (v.value = null);
       }
     );
     const $ = m(() => {
-      const h = r.modelValue;
-      return h != null && h !== "";
+      const g = r.modelValue;
+      return g != null && g !== "";
     }), C = m(() => {
       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, N) => {
-      r.disabled || (v.value = { value: h, label: N }, n("update:modelValue", h), n("change", h), a.value?.close());
-    }, f = _(""), g = _(""), u = m(() => g.value.trim().toLowerCase()), T = m(() => {
-      const h = u.value;
-      return !r.filterable || !h ? !0 : Object.keys(c).some((N) => (w[N] ?? c[N]).toLowerCase().includes(h));
+      const g = r.modelValue;
+      return v.value?.value === g ? v.value.label : c[d(g)] ?? String(g);
+    }), E = (g) => r.modelValue === g, R = (g, N) => {
+      r.disabled || (v.value = { value: g, label: N }, n("update:modelValue", g), n("change", g), a.value?.close());
+    }, f = _(""), y = _(""), u = m(() => y.value.trim().toLowerCase()), T = m(() => {
+      const g = u.value;
+      return !r.filterable || !g ? !0 : Object.keys(c).some((N) => (w[N] ?? c[N]).toLowerCase().includes(g));
     }), B = m(
       () => r.filterable && !!u.value && !T.value && !O.value
     ), D = () => {
       r.filterable && (o(), l = setTimeout(() => {
-        g.value = f.value.trim(), l = null;
+        y.value = f.value.trim(), l = null;
       }, r.filterDebounceMs));
     };
     J(f, () => {
       r.filterable && D();
     }), J(
       () => r.filterable,
-      (h) => {
-        h || (f.value = "", g.value = "", o());
+      (g) => {
+        g || (f.value = "", y.value = "", o());
       }
     ), Ee(() => o());
-    const W = (h) => {
-      n("filter-input", String(h ?? ""));
-    }, y = () => {
-      g.value = "", o(), n("filter-clear");
+    const W = (g) => {
+      n("filter-input", String(g ?? ""));
+    }, b = () => {
+      y.value = "", o(), n("filter-clear");
     };
     Ht(cr, {
       modelValue: m(() => r.modelValue),
@@ -1916,16 +1920,16 @@ const Bn = (e, t) => {
       registerOption: S,
       filterQuery: u
     });
-    const A = (h) => typeof h == "number" ? `${h}px` : h, z = m(() => {
+    const A = (g) => typeof g == "number" ? `${g}px` : g, z = m(() => {
       if (r.popperWidth) return A(r.popperWidth);
-      const h = r.triggerWidth;
-      return typeof h == "number" ? h + 8 : `calc(${h} + 8px)`;
+      const g = r.triggerWidth;
+      return typeof g == "number" ? g + 8 : `calc(${g} + 8px)`;
     }), Y = m(() => typeof z.value == "number" ? `${z.value - 12}px` : `calc(${z.value} - 12px)`), X = m(() => r.align === "center" ? "bottom" : r.align === "left" ? "bottom-start" : "bottom-end"), F = m(() => ({
       width: A(r.triggerWidth)
-    })), H = m(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), de = _(0), ce = (h) => {
-      de.value = h.scrollTop;
+    })), H = m(() => r.size === "large" ? "20px" : r.size === "medium" ? "14px" : "12px"), de = _(0), ce = (g) => {
+      de.value = g.scrollTop;
     };
-    return (h, N) => (b(), x("div", {
+    return (g, N) => (h(), x("div", {
       class: j(["cregis-select", { "is-disabled": e.disabled }])
     }, [
       U(pt, {
@@ -1946,7 +1950,7 @@ const Bn = (e, t) => {
             style: ie(F.value)
           }, [
             V("div", Rn, [
-              $.value ? q(h.$slots, "label", {
+              $.value ? q(g.$slots, "label", {
                 key: 0,
                 modelValue: e.modelValue,
                 displayText: C.value,
@@ -1954,7 +1958,7 @@ const Bn = (e, t) => {
                 hasSelection: $.value
               }, () => [
                 V("p", Dn, M(C.value), 1)
-              ]) : (b(), x("p", zn, M(e.placeholder), 1))
+              ]) : (h(), x("p", zn, M(e.placeholder), 1))
             ]),
             V("span", {
               class: j(["cregis-select__icon", { "is-open": i.value }])
@@ -1970,8 +1974,8 @@ const Bn = (e, t) => {
           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", {
+            O.value ? (h(), x("p", Wn, M(e.noDataText), 1)) : I("", !0),
+            e.filterable ? (h(), x("div", {
               key: 1,
               class: j(["cregis-select__dropdown-filter", { "backdrop-fixed-header": de.value > 10 }])
             }, [
@@ -1983,7 +1987,7 @@ const Bn = (e, t) => {
                 size: "small",
                 clearable: "",
                 onInput: W,
-                onClear: y
+                onClear: b
               }, {
                 prefix: Z(() => [
                   U(ne(Xt), { size: "14px" })
@@ -1991,9 +1995,9 @@ const Bn = (e, t) => {
                 _: 1
               }, 8, ["modelValue", "width"])
             ], 2)) : I("", !0),
-            B.value ? (b(), x("p", Ln, M(e.noMatchText), 1)) : I("", !0),
+            B.value ? (h(), x("p", Ln, M(e.noMatchText), 1)) : I("", !0),
             V("div", jn, [
-              q(h.$slots, "default")
+              q(g.$slots, "default")
             ])
           ], 2)
         ]),
@@ -2023,7 +2027,7 @@ const Bn = (e, t) => {
       const c = s.value;
       return c ? a().toLowerCase().includes(c) : !0;
     });
-    return (c, w) => je((b(), x("div", {
+    return (c, w) => je((h(), x("div", {
       class: j(["cregis-select__option", { "is-selected": l.value, "is-disabled": e.disabled }]),
       role: "option",
       "aria-selected": l.value,
@@ -2065,7 +2069,7 @@ const Bn = (e, t) => {
     type: { default: "default" },
     size: { default: "large" },
     align: { default: "center" },
-    placeholder: { default: "Please select" },
+    placeholder: {},
     disabled: { type: Boolean },
     filterable: { type: Boolean },
     filterDebounceMs: { default: 200 },
@@ -2109,7 +2113,7 @@ const Bn = (e, t) => {
       return !P || S(p).includes(P) ? !0 : S(L).includes(P);
     }, C = m(() => r.options.filter((p) => O(p))), E = m(() => r.options.length === 0), R = m(() => (c.value, r.options.some((p) => O(p)))), f = m(
       () => r.filterable && !!d.value.trim() && !R.value && !E.value
-    ), g = (p) => {
+    ), y = (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);
@@ -2160,12 +2164,12 @@ const Bn = (e, t) => {
         u.value !== null && u.value.value !== p && (u.value = null);
       }
     );
-    const D = m(() => B.value.level > 0), W = m(() => B.value.label), y = m(() => r.modelValue), A = m(() => W.value), z = m(() => B.value.level), Y = m(() => B.value.primary), X = m(() => B.value.sub), F = (p) => (p.children?.length ?? 0) > 0, H = (p) => r.modelValue === p, de = (p) => {
+    const D = m(() => B.value.level > 0), W = m(() => B.value.label), b = m(() => r.modelValue), A = m(() => W.value), z = m(() => B.value.level), Y = m(() => B.value.primary), X = m(() => B.value.sub), F = (p) => (p.children?.length ?? 0) > 0, H = (p) => r.modelValue === p, de = (p) => {
       const L = r.modelValue;
       return L == null || L === "" ? !1 : (p.children ?? []).some((P) => P.value === L);
     }, ce = (p, L) => {
       r.disabled || p.disabled || L.disabled || (u.value = { value: L.value, label: L.label, level: 2, primary: p, sub: L }, n("update:modelValue", L.value), n("change", L.value), a.value?.close());
-    }, h = (p) => {
+    }, g = (p) => {
       r.disabled || p.disabled || F(p) || (u.value = { value: p.value, label: p.label, level: 1, primary: p }, n("update:modelValue", p.value), n("change", p.value), a.value?.close());
     }, N = (p) => typeof p == "number" ? `${p}px` : p, K = m(() => {
       if (r.popperWidth !== void 0 && r.popperWidth !== null && r.popperWidth !== "")
@@ -2181,7 +2185,7 @@ const Bn = (e, t) => {
       const L = p.target;
       He.value = L.scrollTop;
     }, rt = [-16, -8];
-    return (p, L) => (b(), x("div", {
+    return (p, L) => (h(), x("div", {
       class: j(["cregis-cascader", { "is-disabled": e.disabled }])
     }, [
       U(pt, {
@@ -2193,12 +2197,12 @@ const Bn = (e, t) => {
         offset: e.offset,
         disabled: !!e.disabled,
         padding: 0,
-        onVisibleChange: g
+        onVisibleChange: y
       }, {
         reference: Z(() => [
           p.$slots.trigger ? q(p.$slots, "trigger", {
             key: 0,
-            modelValue: y.value,
+            modelValue: b.value,
             selectedLabel: A.value,
             level: z.value,
             primaryOption: Y.value,
@@ -2207,7 +2211,7 @@ const Bn = (e, t) => {
             hasSelection: D.value,
             open: i.value,
             disabled: !!e.disabled
-          }) : (b(), x("div", {
+          }) : (h(), x("div", {
             key: 1,
             class: j(["cregis-cascader__trigger", { [`cregis-cascader__trigger--${e.size}`]: e.size, [`cregis-cascader__trigger--${e.type}`]: e.type }]),
             style: ie(me.value)
@@ -2215,7 +2219,7 @@ const Bn = (e, t) => {
             V("div", _n, [
               D.value ? q(p.$slots, "label", {
                 key: 0,
-                modelValue: y.value,
+                modelValue: b.value,
                 selectedLabel: A.value,
                 level: z.value,
                 primaryOption: Y.value,
@@ -2224,7 +2228,7 @@ const Bn = (e, t) => {
                 hasSelection: D.value
               }, () => [
                 V("p", In, M(W.value), 1)
-              ]) : (b(), x("p", Nn, M(e.placeholder), 1))
+              ]) : (h(), x("p", Nn, M(e.placeholder), 1))
             ]),
             V("span", {
               class: j(["cregis-cascader__icon", { "is-open": i.value }])
@@ -2242,8 +2246,8 @@ const Bn = (e, t) => {
             style: ie(fe.value),
             onScroll: Ae
           }, [
-            E.value ? (b(), x("p", Fn, M(e.noDataText), 1)) : I("", !0),
-            e.filterable ? (b(), x("div", {
+            E.value ? (h(), x("p", Fn, M(e.noDataText), 1)) : I("", !0),
+            e.filterable ? (h(), x("div", {
               key: 1,
               class: j(["cregis-cascader__dropdown-filter", { "backdrop-fixed-header": He.value > 10 }])
             }, [
@@ -2263,13 +2267,13 @@ const Bn = (e, t) => {
                 _: 1
               }, 8, ["modelValue", "width"])
             ], 2)) : I("", !0),
-            f.value ? (b(), x("p", Hn, M(e.noMatchText), 1)) : I("", !0),
+            f.value ? (h(), x("p", Hn, M(e.noMatchText), 1)) : I("", !0),
             V("ul", qn, [
-              (b(!0), x(lt, null, ct(C.value, (P, ae) => (b(), x("li", {
+              (h(!0), x(lt, null, ct(C.value, (P, ae) => (h(), x("li", {
                 key: P.value,
                 class: j(["cregis-cascader__dropdown-item", { "is-disabled": P.disabled }])
               }, [
-                F(P) ? (b(), x("div", Un, [
+                F(P) ? (h(), x("div", Un, [
                   U(pt, {
                     trigger: "hover",
                     placement: "right-start",
@@ -2287,7 +2291,7 @@ const Bn = (e, t) => {
                         }])
                       }, [
                         q(p.$slots, "option", {
-                          modelValue: y.value,
+                          modelValue: b.value,
                           selectedLabel: A.value,
                           level: z.value,
                           primaryOption: Y.value,
@@ -2301,7 +2305,7 @@ const Bn = (e, t) => {
                           V("p", null, M(P.label), 1)
                         ]),
                         V("div", Yn, [
-                          e.showSubOptionAmount ? (b(), x("div", Xn, M(P.children.length), 1)) : I("", !0),
+                          e.showSubOptionAmount ? (h(), x("div", Xn, M(P.children.length), 1)) : I("", !0),
                           U(ne(br), {
                             size: "14px",
                             color: "currentColor"
@@ -2311,7 +2315,7 @@ const Bn = (e, t) => {
                     ]),
                     default: Z(() => [
                       V("div", Kn, [
-                        (b(!0), x(lt, null, ct(P.children, (Q, at) => je((b(), x("div", {
+                        (h(!0), x(lt, null, ct(P.children, (Q, at) => je((h(), x("div", {
                           key: Q.value,
                           class: j(["cregis-cascader__suboption-row", {
                             "is-active": H(Q.value),
@@ -2321,7 +2325,7 @@ const Bn = (e, t) => {
                           onClick: ($t) => ce(P, Q)
                         }, [
                           q(p.$slots, "subOption", {
-                            modelValue: y.value,
+                            modelValue: b.value,
                             selectedLabel: A.value,
                             level: z.value,
                             primaryOption: Y.value,
@@ -2342,13 +2346,13 @@ const Bn = (e, t) => {
                     ]),
                     _: 2
                   }, 1032, ["popper-width", "disabled"])
-                ])) : (b(), x("div", {
+                ])) : (h(), x("div", {
                   key: 1,
                   class: "cregis-cascader__leaf-only",
-                  onClick: (Q) => h(P)
+                  onClick: (Q) => g(P)
                 }, [
                   q(p.$slots, "option", {
-                    modelValue: y.value,
+                    modelValue: b.value,
                     selectedLabel: A.value,
                     level: z.value,
                     primaryOption: Y.value,