@orchidui/core 1.86.0 → 1.87.0

package/dist/{index-CSHjLR9p.js → index-CH6HqHCV.js}

@@ -14,8 +14,8 @@ import "./OcSection-BjyapRr3.js";
 import { _ as oa } from "./OcTag-CuzgktNM.js";
 import { preventEventIfNotNumberInput as sa } from "./composables/helpers.js";
 import { deepEqual as Ue } from "./Form/Select/utils/deepEqual.js";
-import { T as Vn } from "./OcToggle-DOfA-DZ8.js";
-import { useUploadFileProgress as En } from "./composables/uploadFileProgress.js";
+import { T as En } from "./OcToggle-DOfA-DZ8.js";
+import { useUploadFileProgress as Vn } from "./composables/uploadFileProgress.js";
 import "./OcTheme-B6NTNYtz.js";
 const ra = {
   key: 0,
@@ -84,8 +84,8 @@ const ra = {
         field: w,
         header: S
       });
-    }, V = A(!0), E = A(!0), C = A(), v = () => {
-      t.isSticky && C.value && (V.value = C.value.scrollLeft === 0, E.value = C.value.scrollLeft + C.value.clientWidth === C.value.scrollWidth);
+    }, E = A(!0), V = A(!0), C = A(), v = () => {
+      t.isSticky && C.value && (E.value = C.value.scrollLeft === 0, V.value = C.value.scrollLeft + C.value.clientWidth === C.value.scrollWidth);
     };
     return Be(() => v()), (w, S) => (l(), r("div", {
       ref_key: "scrollTable",
@@ -110,7 +110,9 @@ const ra = {
         headers: c.value,
         isSelectable: i.value,
         isResponsive: e.isResponsive,
-        selectAllRows: h
+        selectAllRows: h,
+        isScrollOnStart: E.value,
+        isScrollOnEnd: V.value
       }, () => [
         s("div", {
           class: g(["flex md:border-b-0 border-b border-oc-gray-200", e.isResponsive ? "w-full" : e.isSticky ? "w-max" : "flex-wrap md:flex-nowrap"])
@@ -136,8 +138,8 @@ const ra = {
               B.stickyRight ? "right-0" : "",
               typeof B.class == "function" ? B.class() : B.class,
               B.stickyLeft || B.stickyRight ? "sticky shrink-0 z-10" : "",
-              B.stickyLeft && !V.value ? "shadow-right-sticky" : "",
-              B.stickyRight && !E.value ? "shadow-left-sticky" : ""
+              B.stickyLeft && !E.value ? "shadow-right-sticky" : "",
+              B.stickyRight && !V.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"]),
             "is-sortable": B.isSortable,
             "sort-by": e.sortBy[B.key],
@@ -171,7 +173,8 @@ const ra = {
         k(w.$slots, "table-body", {
           fields: u.value,
           headers: c.value,
-          isScrollOnEnd: E.value,
+          isScrollOnEnd: V.value,
+          isScrollOnStart: E.value,
           onClickRow: T,
           isSelectable: i.value,
           isCursorPointer: o.value,
@@ -215,8 +218,8 @@ const ra = {
                   L.stickyLeft && i.value ? "left-[40px] md:left-[32px]" : "left-0",
                   L.stickyRight ? "right-0" : "",
                   L.stickyLeft || L.stickyRight ? "shrink-0 sticky z-10" : "",
-                  L.stickyLeft && !V.value ? "shadow-right-sticky" : "",
-                  L.stickyRight && !E.value ? "shadow-left-sticky" : ""
+                  L.stickyLeft && !E.value ? "shadow-right-sticky" : "",
+                  L.stickyRight && !V.value ? "shadow-left-sticky" : ""
                 ]]),
                 "is-last": u.value.length === N + 1,
                 variant: L.variant,
@@ -700,8 +703,8 @@ const ra = {
           }, ie({ _: 2 }, [
             U(u.$slots, (I, T) => ({
               name: T,
-              fn: O((V) => [
-                k(u.$slots, T, z({ ref_for: !0 }, V))
+              fn: O((E) => [
+                k(u.$slots, T, z({ ref_for: !0 }, E))
               ])
             }))
           ]), 1032, ["row", "important", "is-alternative", "is-loading", "headers", "value", "depth", "is-sticky"]))), 128))
@@ -845,7 +848,7 @@ const ra = {
       ])
     ]));
   }
-}, Ia = { class: "w-full items-center flex relative" }, Ta = { class: "flex items-center gap-x-6" }, Pa = { class: "hidden md:flex items-center gap-x-3" }, Va = { class: "md:hidden mx-[30px]" }, I$ = {
+}, Ia = { class: "w-full items-center flex relative" }, Ta = { class: "flex items-center gap-x-6" }, Pa = { class: "hidden md:flex items-center gap-x-3" }, Ea = { class: "md:hidden mx-[30px]" }, I$ = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -917,7 +920,7 @@ const ra = {
             _: 2
           }, 1032, ["size", "is-rounded", "active", "onClick"]))), 128))
         ]),
-        s("div", Va, [
+        s("div", Ea, [
           b(d(Qt), {
             size: e.size,
             "is-rounded": e.isRounded,
@@ -999,7 +1002,7 @@ const ra = {
       k(t.$slots, "default")
     ], 2));
   }
-}, Ea = { class: "flex gap-y-3 flex-col text-lg font-medium" }, Aa = { key: 0 }, Na = {
+}, Va = { class: "flex gap-y-3 flex-col text-lg font-medium" }, Aa = { key: 0 }, Na = {
   __name: "OcOverview",
   props: {
     title: String,
@@ -1008,7 +1011,7 @@ const ra = {
     isLoading: Boolean
   },
   setup(e) {
-    return (n, t) => (l(), r("div", Ea, [
+    return (n, t) => (l(), r("div", Va, [
       e.title ? (l(), r("span", Aa, x(e.title), 1)) : m("", !0),
       s("div", {
         class: g(["flex gap-x-5 items-start md:flex-row flex-col gap-y-3 md:gap-y-0", e.containerClass])
@@ -1224,7 +1227,7 @@ const ra = {
       return o && u && !u.includes("+") ? `+${o} ${u}` : u || "-";
     });
     return (o, u) => {
-      var c, f, $, p, h, I, T, V, E, C, v, w, S;
+      var c, f, $, p, h, I, T, E, V, C, v, w, S;
       return l(), r("div", {
         class: g(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1288,7 +1291,7 @@ const ra = {
                 content: [
                   ((h = (p = e.customer) == null ? void 0 : p.address) == null ? void 0 : h.street) || "",
                   ((T = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : T.city) || "",
-                  ((E = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : E.state) || "",
+                  ((V = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : V.state) || "",
                   ((v = (C = e.customer) == null ? void 0 : C.address) == null ? void 0 : v.postal_code) || "",
                   ((S = (w = e.customer) == null ? void 0 : w.address) == null ? void 0 : S.country) || ""
                 ].join(" ").trim() || "-"
@@ -1518,7 +1521,7 @@ const ra = {
 }, Il = { class: "text-oc-text-400 flex gap-x-2 items-center text-sm" }, Tl = {
   key: 0,
   class: "flex gap-5"
-}, Pl = { class: "font-medium whitespace-nowrap text-oc-text-500 text-sm" }, Vl = {
+}, Pl = { class: "font-medium whitespace-nowrap text-oc-text-500 text-sm" }, El = {
   __name: "OcGeneral",
   props: {
     title: String,
@@ -1630,7 +1633,7 @@ const ra = {
       ])
     ], 34));
   }
-}, El = { class: "p-5 rounded border border-gray-200 max-w-[156px]" }, Al = ["src", "alt"], Nl = { class: "text-oc-text-400 mt-4" }, Dl = {
+}, Vl = { class: "p-5 rounded border border-gray-200 max-w-[156px]" }, Al = ["src", "alt"], Nl = { class: "text-oc-text-400 mt-4" }, Dl = {
   __name: "OcLogo",
   props: {
     title: String,
@@ -1638,7 +1641,7 @@ const ra = {
     imageClass: String
   },
   setup(e) {
-    return (n, t) => (l(), r("div", El, [
+    return (n, t) => (l(), r("div", Vl, [
       s("img", {
         src: e.image,
         class: g([e.imageClass, "object-contain"]),
@@ -2066,7 +2069,7 @@ const ra = {
         case "payment":
           return ii;
         case "general":
-          return Vl;
+          return El;
         case "terminal":
           return $i;
         case "logo":
@@ -2183,10 +2186,10 @@ const ra = {
       ], 2)
     ], 2));
   }
-}, Vi = { class: "uppercase" }, Ei = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, Ai = { class: "mb-auto" }, Ni = {
+}, Ei = { class: "uppercase" }, Vi = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, Ai = { class: "mb-auto" }, Ni = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, V$ = {
+}, E$ = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2213,14 +2216,14 @@ const ra = {
         key: 0,
         class: g(["flex items-start text-oc-text-400 font-medium text-[10px]", e.titleClass])
       }, [
-        s("div", Vi, x(e.title), 1),
+        s("div", Ei, x(e.title), 1),
         e.titleIconTooltip ? (l(), y(d(se), {
           key: 0,
           "popper-class": "w-max bg-oc-bg",
           position: "top-start"
         }, {
           popper: O(() => [
-            s("div", Ei, x(e.titleIconTooltip), 1)
+            s("div", Vi, x(e.titleIconTooltip), 1)
           ]),
           default: O(() => [
             b(d(P), {
@@ -2254,7 +2257,7 @@ const ra = {
 }, Ui = { class: "flex items-center gap-3" }, zi = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, Hi = { class: "p-2 border-b border-gray-200" }, Wi = {
   key: 0,
   class: "p-2"
-}, E$ = {
+}, V$ = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2650,10 +2653,10 @@ const ra = {
 }), Bo = { class: "flex justify-center items-center min-h-[35px]" }, Io = { class: "flex p-3 items-center min-h-[35px]" }, To = ["onClick"], Po = {
   key: 1,
   class: "truncate"
-}, Vo = {
+}, Eo = {
   key: 2,
   class: "truncate"
-}, Eo = {
+}, Vo = {
   __name: "OcTableRow",
   props: {
     headers: {
@@ -2762,15 +2765,15 @@ const ra = {
               }, null, 8, ["model-value"])
             ])
           ], 2)) : m("", !0),
-          (l(!0), r(M, null, U(e.headers, (T, V) => (l(), r("td", {
+          (l(!0), r(M, null, U(e.headers, (T, E) => (l(), r("td", {
             key: T.key + e.index,
             class: g(["p-0", [
               { "border-b border-oc-gray-200": e.index !== e.sortedFields.length - 1 },
               e.isChild ? "bg-oc-bg-dark" : "bg-oc-bg-light",
-              e.isChild && !V ? "!pl-4" : "",
+              e.isChild && !E ? "!pl-4" : "",
               e.getStickyClasses(T, T.key, !1)
             ]]),
-            onClick: (E) => u.$emit("click:col", e.row, T)
+            onClick: (V) => u.$emit("click:col", e.row, T)
           }, [
             s("div", {
               class: g(["px-5 py-3 text-[13px] flex gap-2 items-center justify-between w-full", [T.class, a(T)]])
@@ -2783,7 +2786,7 @@ const ra = {
                   key: 0,
                   row: e.row,
                   header: T
-                }, null, 8, ["row", "header"])) : T.variant === "date" ? (l(), r("div", Po, x(e.row[T.key] ? d(te)(e.row[T.key]).format(T.dateFormat || "MMM DD HH:mm:ss") : "N/A"), 1)) : (l(), r("div", Vo, x(e.row[T.key] || "N/A"), 1))
+                }, null, 8, ["row", "header"])) : T.variant === "date" ? (l(), r("div", Po, x(e.row[T.key] ? d(te)(e.row[T.key]).format(T.dateFormat || "MMM DD HH:mm:ss") : "N/A"), 1)) : (l(), r("div", Eo, x(e.row[T.key] || "N/A"), 1))
               ]),
               T.isCopy && e.row[T.key] ? (l(), y(d(Ye), {
                 key: 0,
@@ -2796,11 +2799,11 @@ const ra = {
             ], 2)
           ], 10, To))), 128))
         ], 2),
-        (I = (h = e.row) == null ? void 0 : h.children) != null && I.length && i.value ? (l(!0), r(M, { key: 0 }, U(e.row.children, (T, V) => (l(), y(f, {
+        (I = (h = e.row) == null ? void 0 : h.children) != null && I.length && i.value ? (l(!0), r(M, { key: 0 }, U(e.row.children, (T, E) => (l(), y(f, {
           key: e.getRowKey(T),
           row: T,
           headers: e.headers,
-          index: V,
+          index: E,
           "parent-row-key": e.getRowKey(e.row),
           "is-expand": e.isExpand,
           "is-selectable": e.isSelectable,
@@ -2811,7 +2814,7 @@ const ra = {
           "select-row": e.selectRow,
           "get-sticky-classes": e.getStickyClasses
         }, ie({ _: 2 }, [
-          U(u.$slots, (E, C) => ({
+          U(u.$slots, (V, C) => ({
             name: C,
             fn: O((v) => [
               k(u.$slots, C, z({ ref_for: !0 }, { ...v, isChild: !0 }))
@@ -2888,10 +2891,10 @@ const ra = {
       DEFAULT: 125,
       ACTIONS: 32
     };
-    let V = !1, E = !1;
+    let E = !1, V = !1;
     const C = (R, j) => {
-      if (E) {
-        E = !1;
+      if (V) {
+        V = !1;
         return;
       }
     }, v = A(null), w = A(null);
@@ -2932,7 +2935,7 @@ const ra = {
       });
     }, ne = (R) => {
       if (S) {
-        V = !0;
+        E = !0;
         const j = v.value, W = j ? j.scrollLeft : 0, oe = R.pageX + W - N;
         let we = Array.from(S.parentElement.children).indexOf(S);
         c.value && we--, u.value && we--;
@@ -2943,9 +2946,9 @@ const ra = {
         S.style.width = Fe + "px", S.style.minWidth = Fe + "px";
       }
     }, me = () => {
-      V && (E = !0, setTimeout(() => {
-        E = !1;
-      }, 0)), V = !1, S = void 0, B = void 0, N = void 0, L = void 0;
+      E && (V = !0, setTimeout(() => {
+        V = !1;
+      }, 0)), E = !1, S = void 0, B = void 0, N = void 0, L = void 0;
     }, ve = (R) => {
       if (!R) return;
       const j = R.getElementsByTagName("tr")[0], W = j ? j.children : void 0;
@@ -3174,7 +3177,7 @@ const ra = {
                   ])
                 ])
               ])) : (l(), r("tbody", jo, [
-                (l(!0), r(M, null, U(I.value, (K, oe) => (l(), y(Eo, {
+                (l(!0), r(M, null, U(I.value, (K, oe) => (l(), y(Vo, {
                   key: f.value(K),
                   headers: o.value,
                   row: K,
@@ -3546,25 +3549,25 @@ const ra = {
     "update:modelValue": []
   },
   setup(e, { emit: n }) {
-    const t = e, a = A(0), i = A(0), o = A(), u = n, c = F(() => t.tabs.findIndex((V) => V.value === t.modelValue)), f = F(() => t.variant === "pills"), $ = F(() => t.direction === "vertical"), p = () => {
+    const t = e, a = A(0), i = A(0), o = A(), u = n, c = F(() => t.tabs.findIndex((E) => E.value === t.modelValue)), f = F(() => t.variant === "pills"), $ = F(() => t.direction === "vertical"), p = () => {
       o.value && ($.value ? i.value = Math.round(o.value.clientHeight / tn) : i.value = Math.round(o.value.clientWidth / en));
-    }, h = (V) => {
+    }, h = (E) => {
       var v;
-      const E = V === "left" ? --c.value : ++c.value, C = (v = t.tabs[E]) == null ? void 0 : v.value;
+      const V = E === "left" ? --c.value : ++c.value, C = (v = t.tabs[V]) == null ? void 0 : v.value;
       C !== void 0 && u("update:modelValue", C);
     }, I = () => {
-      const V = t.tabs.findIndex((E) => E.value === t.modelValue);
-      V > -1 && et(() => {
+      const E = t.tabs.findIndex((V) => V.value === t.modelValue);
+      E > -1 && et(() => {
         var C;
-        p(), a.value = V;
-        const E = {};
-        $.value ? E.top = V * tn : E.left = V * en, (C = o.value) == null || C.scroll({
-          ...E,
+        p(), a.value = E;
+        const V = {};
+        $.value ? V.top = E * tn : V.left = E * en, (C = o.value) == null || C.scroll({
+          ...V,
           behavior: "smooth"
         });
       });
-    }, T = (V) => {
-      t.isDisabled || u("update:modelValue", V);
+    }, T = (E) => {
+      t.isDisabled || u("update:modelValue", E);
     };
     return Be(() => {
       p(), t.isArrows && I();
@@ -3581,7 +3584,7 @@ const ra = {
       () => {
         I();
       }
-    ), (V, E) => (l(), r("div", {
+    ), (E, V) => (l(), r("div", {
       id: "test",
       ref_key: "tabsContainer",
       ref: o,
@@ -3603,7 +3606,7 @@ const ra = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: E[0] || (E[0] = ge((C) => h("left"), ["prevent"]))
+          onClick: V[0] || (V[0] = ge((C) => h("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : m("", !0),
       s("div", {
@@ -3626,7 +3629,7 @@ const ra = {
             ]]),
             onClick: (S) => T(C.value)
           }, [
-            k(V.$slots, C.value, {}, () => [
+            k(E.$slots, C.value, {}, () => [
               C.icon ? (l(), y(d(P), {
                 key: 0,
                 name: C.icon,
@@ -3653,7 +3656,7 @@ const ra = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: E[1] || (E[1] = (C) => h("right"))
+          onClick: V[1] || (V[1] = (C) => h("right"))
         }, null, 8, ["name"])
       ], 2)) : m("", !0)
     ], 2));
@@ -3924,7 +3927,7 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
       ])
     ]));
   }
-}, Ps = { class: "gap-x-9 hidden md:flex relative" }, Vs = ["onClick"], Es = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, As = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, J$ = {
+}, Ps = { class: "gap-x-9 hidden md:flex relative" }, Es = ["onClick"], Vs = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, As = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, J$ = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3968,7 +3971,7 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
             class: g(["group-hover:hidden", $.value === e.modelValue ? "hidden" : "block"])
           }, null, 8, ["name", "class"]),
           ee(" " + x($.label), 1)
-        ], 10, Vs))), 128)),
+        ], 10, Es))), 128)),
         s("div", {
           ref_key: "currentRef",
           ref: i,
@@ -3998,7 +4001,7 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
           ])
         ]),
         default: O(() => [
-          s("div", Es, [
+          s("div", Vs, [
             ee(x(a.value.label) + " ", 1),
             b(d(P), {
               name: "chevron-down",
@@ -4337,16 +4340,16 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
           distance: 7
         }, {
           popper: O(() => {
-            var V, E;
+            var E, V;
             return [
-              s("div", Js, x((E = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : E.tooltipContent), 1)
+              s("div", Js, x((V = (E = e.primaryActions) == null ? void 0 : E.mainLinkAction) == null ? void 0 : V.tooltipContent), 1)
             ];
           }),
           default: O(() => {
-            var V, E;
+            var E, V;
             return [
               s("a", {
-                href: (E = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : E.url,
+                href: (V = (E = e.primaryActions) == null ? void 0 : E.mainLinkAction) == null ? void 0 : V.url,
                 target: "_blank"
               }, [
                 b(d(P), {
@@ -4358,29 +4361,29 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
           }),
           _: 1
         })) : m("", !0),
-        (l(!0), r(M, null, U(e.primaryActions.actions, (V, E) => {
+        (l(!0), r(M, null, U(e.primaryActions.actions, (E, V) => {
           var C;
-          return l(), r(M, { key: E }, [
-            (C = e.primaryActions) != null && C.mainLinkAction || E > 0 ? (l(), r("div", Qs)) : m("", !0),
+          return l(), r(M, { key: V }, [
+            (C = e.primaryActions) != null && C.mainLinkAction || V > 0 ? (l(), r("div", Qs)) : m("", !0),
             b(d(se), {
               position: "top",
               "arrow-hidden": "",
               distance: 7
             }, {
               popper: O(() => [
-                s("div", _s, x(V != null && V.isCopyButton ? i.value ? $.value : f.value : V.tooltipContent), 1)
+                s("div", _s, x(E != null && E.isCopyButton ? i.value ? $.value : f.value : E.tooltipContent), 1)
               ]),
               default: O(() => [
-                V != null && V.isCopyButton ? (l(), y(d(P), {
+                E != null && E.isCopyButton ? (l(), y(d(P), {
                   key: 0,
                   class: g(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", i.value ? "!text-oc-success" : ""]),
                   name: i.value ? "check" : "copy",
                   onClick: c
                 }, null, 8, ["name", "class"])) : (l(), y(d(P), {
                   key: 1,
-                  class: g(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", V.class ?? ""]),
-                  name: V.icon,
-                  onClick: V.onClick
+                  class: g(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", E.class ?? ""]),
+                  name: E.icon,
+                  onClick: E.onClick
                 }, null, 8, ["name", "class", "onClick"]))
               ]),
               _: 2
@@ -4394,15 +4397,15 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
         o.value ? (l(), y(d(he), {
           key: 2,
           modelValue: u.value,
-          "onUpdate:modelValue": I[3] || (I[3] = (V) => u.value = V),
+          "onUpdate:modelValue": I[3] || (I[3] = (E) => u.value = E),
           distance: 6
         }, {
           menu: O(() => {
-            var V, E, C;
+            var E, V, C;
             return [
               s("div", er, [
                 s("div", tr, [
-                  (l(!0), r(M, null, U((V = e.primaryActions.dropdownOptions) == null ? void 0 : V.top, (v, w) => (l(), r(M, { key: w }, [
+                  (l(!0), r(M, null, U((E = e.primaryActions.dropdownOptions) == null ? void 0 : E.top, (v, w) => (l(), r(M, { key: w }, [
                     v != null && v.isCopyButton ? (l(), y(d(De), {
                       key: 0,
                       icon: i.value ? "check" : "copy",
@@ -4417,7 +4420,7 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
                     }), null, 16))
                   ], 64))), 128))
                 ]),
-                (E = e.primaryActions.dropdownOptions) != null && E.bottom ? (l(), r("div", nr, [
+                (V = e.primaryActions.dropdownOptions) != null && V.bottom ? (l(), r("div", nr, [
                   (l(!0), r(M, null, U((C = e.primaryActions.dropdownOptions) == null ? void 0 : C.bottom, (v, w) => (l(), r("div", { key: w }, [
                     v != null && v.tooltipText ? (l(), y(d(se), {
                       key: 0,
@@ -4591,41 +4594,41 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
         k(f.$slots, "before", { isExpanded: e.isExpanded }),
         (l(!0), r(M, null, U(e.sidebarMenu, (p, h) => (l(), r(M, { key: h }, [
           e.isExpanded ? m("", !0) : (l(), r("div", fr)),
-          p.label || p.items.length > 0 ? (l(), y(d(Er), {
+          p.label || p.items.length > 0 ? (l(), y(d(Vr), {
             key: 1,
             label: p.label,
             "is-sidebar-expanded": e.isExpanded
           }, {
             default: O(() => [
               (l(!0), r(M, null, U(p.items, (I, T) => {
-                var V;
+                var E;
                 return l(), y(d(jr), {
                   key: T,
                   icon: I.icon,
                   label: I.label,
                   "is-children": !!I.children,
-                  "is-active": I.active || I.children && ((V = I.children) == null ? void 0 : V.some((E) => E.active)),
+                  "is-active": I.active || I.children && ((E = I.children) == null ? void 0 : E.some((V) => V.active)),
                   "is-expanded": e.isExpanded,
                   "is-new": I.isNew,
                   "is-try-it": I.isTryIt,
                   "is-beta": I.isBeta,
                   "is-show-badge": I.badgeVisible ? I.badgeVisible(I) : !0,
                   "is-menu-expanded": i.expanded.includes(I.name),
-                  onClick: (E) => u(I),
-                  onCloseMenu: (E) => o(I.name)
+                  onClick: (V) => u(I),
+                  onCloseMenu: (V) => o(I.name)
                 }, {
                   default: O(() => [
-                    (l(!0), r(M, null, U(I.children, (E, C) => (l(), y(d(Gr), {
+                    (l(!0), r(M, null, U(I.children, (V, C) => (l(), y(d(Gr), {
                       key: C,
-                      icon: E.icon,
-                      label: E.label,
-                      "is-active": E.active,
-                      "is-new": E.isNew,
-                      "is-beta": E.isBeta,
-                      "is-try-it": E.isTryIt,
+                      icon: V.icon,
+                      label: V.label,
+                      "is-active": V.active,
+                      "is-new": V.isNew,
+                      "is-beta": V.isBeta,
+                      "is-try-it": V.isTryIt,
                       "is-expanded": e.isExpanded,
-                      "is-show-badge": E.badgeVisible ? E.badgeVisible(E) : !0,
-                      onClick: (v) => f.$emit("redirect", E)
+                      "is-show-badge": V.badgeVisible ? V.badgeVisible(V) : !0,
+                      onClick: (v) => f.$emit("redirect", V)
                     }, null, 8, ["icon", "label", "is-active", "is-new", "is-beta", "is-try-it", "is-expanded", "is-show-badge", "onClick"]))), 128))
                   ]),
                   _: 2
@@ -4962,10 +4965,10 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
       ]))
     ], 2));
   }
-}, n3 = /* @__PURE__ */ xe(Tr, [["__scopeId", "data-v-fb4f007e"]]), Pr = { class: "pb-2" }, Vr = {
+}, n3 = /* @__PURE__ */ xe(Tr, [["__scopeId", "data-v-fb4f007e"]]), Pr = { class: "pb-2" }, Er = {
   key: 0,
   class: "pl-3 uppercase text-oc-accent-1-200 relative text-medium text-sm"
-}, Er = {
+}, Vr = {
   __name: "OcSidebarHead",
   props: {
     label: String,
@@ -4974,7 +4977,7 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
   setup(e) {
     return (n, t) => (l(), r("div", null, [
       s("div", Pr, [
-        e.isSidebarExpanded && e.label ? (l(), r("div", Vr, [
+        e.isSidebarExpanded && e.label ? (l(), r("div", Er, [
           s("span", null, x(e.label), 1)
         ])) : m("", !0)
       ]),
@@ -5673,12 +5676,12 @@ const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-c
     ]));
   }
 }, Td = {}, Pd = { class: "flex gap-x-5 md:flex-nowrap flex-wrap p-3 md:items-center bg-oc-gray-50 border border-oc-gray-200 rounded overflow-hidden" };
-function Vd(e, n) {
+function Ed(e, n) {
   return l(), r("div", Pd, [
     k(e.$slots, "default")
   ]);
 }
-const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad = {
+const Et = /* @__PURE__ */ xe(Td, [["render", Ed]]), Vd = { class: "flex" }, Ad = {
   key: 0,
   class: "p-2"
 }, Nd = { class: "py-2 px-3" }, Dd = {
@@ -5696,11 +5699,11 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
   setup(e) {
     const n = A(!1);
     return (t, a) => (l(), r("div", null, [
-      b(Vt, { class: "!flex-nowrap flex-col w-full" }, {
+      b(Et, { class: "!flex-nowrap flex-col w-full" }, {
         default: O(() => {
           var i, o;
           return [
-            s("div", Ed, [
+            s("div", Vd, [
               (l(!0), r(M, null, U((i = e.boxes[0]) == null ? void 0 : i.items.slice(0, 2), (u, c) => (l(), y(d(pt), z({
                 key: c,
                 "is-transparent": "",
@@ -5776,7 +5779,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
               })
             ]),
             s("div", Md, [
-              (l(!0), r(M, null, U(e.boxes, (i, o) => (l(), y(Vt, { key: o }, {
+              (l(!0), r(M, null, U(e.boxes, (i, o) => (l(), y(Et, { key: o }, {
                 default: O(() => [
                   (l(!0), r(M, null, U(i.items, (u, c) => (l(), y(d(pt), z({
                     key: `${o}-${c}`,
@@ -5826,7 +5829,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
   setup(e) {
     return (n, t) => (l(), r(M, null, [
       s("div", Rd, [
-        (l(!0), r(M, null, U(e.boxes, (a, i) => (l(), y(Vt, {
+        (l(!0), r(M, null, U(e.boxes, (a, i) => (l(), y(Et, {
           key: i,
           class: g(
             (e.isCustomer ? "!grid grid-cols-4 grid-rows-2 gap-y-4 w-full !py-4 " : " ") + (a == null ? void 0 : a.style)
@@ -6596,10 +6599,10 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       _: 3
     }, 8, ["name"]));
   }
-}, $3 = /* @__PURE__ */ xe(Iu, [["__scopeId", "data-v-d8517c87"]]), Tu = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Pu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Vu = {
+}, $3 = /* @__PURE__ */ xe(Iu, [["__scopeId", "data-v-d8517c87"]]), Tu = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Pu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Eu = {
   key: 1,
   class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
-}, Eu = { class: "text-sm" }, g3 = {
+}, Vu = { class: "text-sm" }, g3 = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -6624,13 +6627,13 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
         ])
       ]),
       _: 1
-    }, 16)) : (l(), r("div", Vu, [
+    }, 16)) : (l(), r("div", Eu, [
       b(d(P), {
         name: e.icon,
         width: "20",
         height: "20"
       }, null, 8, ["name"]),
-      s("span", Eu, x(e.text), 1)
+      s("span", Vu, x(e.text), 1)
     ]));
   }
 }, Au = { class: "flex flex-col w-full gap-y-2" }, Nu = { class: "flex items-center gap-x-1" }, Du = {
@@ -6645,7 +6648,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
 }, Fu = {
   key: 2,
   class: "flex items-center text-sm text-oc-error"
-}, Ee = {
+}, Ve = {
   __name: "OcBaseInput",
   props: {
     label: String,
@@ -6766,9 +6769,9 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
           e.isAdditionalArea ? "rounded-l-[inherit]" : "rounded-[inherit]"
         ]]),
         disabled: e.isDisabled || e.isLoading,
-        onMousedown: T[0] || (T[0] = (V) => t.value = !0),
-        onMouseup: T[1] || (T[1] = (V) => t.value = !1),
-        onMouseleave: T[2] || (T[2] = (V) => t.value = !1)
+        onMousedown: T[0] || (T[0] = (E) => t.value = !0),
+        onMouseup: T[1] || (T[1] = (E) => t.value = !1),
+        onMouseleave: T[2] || (T[2] = (E) => t.value = !1)
       }, [
         e.isLoading ? (l(), y(d(P), {
           key: 0,
@@ -6796,7 +6799,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       e.isAdditionalArea && !e.isTransparent ? (l(), r("div", {
         key: 0,
         class: g(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [i.value[e.size], e.variant]]),
-        onClick: T[3] || (T[3] = ge((V) => I.$emit("addition-click"), ["stop"]))
+        onClick: T[3] || (T[3] = ge((E) => I.$emit("addition-click"), ["stop"]))
       }, [
         k(I.$slots, "additional-content", {}, () => [
           b(d(P), {
@@ -6839,7 +6842,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
     "update:modelValue": []
   },
   setup(e) {
-    return (n, t) => (l(), y(d(Ve), {
+    return (n, t) => (l(), y(d(Ee), {
       placeholder: e.placeholder,
       label: e.label,
       "error-message": e.errorMessage,
@@ -6887,7 +6890,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       t.errorMessage && !t.isDisabled ? "!border-oc-error checkbox-error-shadow" : "",
       t.isPartial ? t.isDisabled ? "!border-oc-gray-200 !bg-oc-gray-50 checkbox-init-shadow" : "!bg-oc-primary-100 checkbox-init-shadow checkbox-focus-shadow" : ""
     ]), o = () => a("update:modelValue", t.isDisabled ? "" : !t.modelValue);
-    return (u, c) => (l(), y(d(Ee), {
+    return (u, c) => (l(), y(d(Ve), {
       class: "w-fit",
       label: e.topLabel,
       hint: e.hint,
@@ -6976,7 +6979,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
     }), $ = () => {
       c.value ? a("update:modelValue", []) : a("update:modelValue", f.value);
     };
-    return (p, h) => (l(), y(d(Ee), {
+    return (p, h) => (l(), y(d(Ve), {
       label: e.label,
       "error-message": e.errorMessage,
       hint: e.hint
@@ -7003,7 +7006,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
             class: g({ "!w-fit": !e.isBlock }),
             "model-value": o(I.value),
             "is-button-variant": e.isButtonVariant,
-            "onUpdate:modelValue": (V) => u(I.value)
+            "onUpdate:modelValue": (E) => u(I.value)
           }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
         ], 2)
       ]),
@@ -7045,7 +7048,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
 }, Qu = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], _u = {
   key: 0,
   class: "border-l border-gray-200 pl-3 py-3 h-full"
-}, Ve = /* @__PURE__ */ Object.assign({
+}, Ee = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "OcInput",
@@ -7177,7 +7180,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       c.value = !1;
     }, {
       once: !0
-    }), (h, I) => (l(), y(d(Ee), {
+    }), (h, I) => (l(), y(d(Ve), {
       label: e.isInlineLabel ? "" : e.label,
       "label-class": e.labelClass,
       hint: e.hint,
@@ -7196,8 +7199,8 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
         s("div", {
           class: g(["rounded h-[36px] border input-shadow flex items-center transition-all ease-out duration-[250ms] gap-x-3 px-3 cursor-pointer", f.value]),
           onClick: I[5] || (I[5] = (T) => {
-            var V;
-            return (V = h.$refs.inputRef) == null ? void 0 : V.focus();
+            var E;
+            return (E = h.$refs.inputRef) == null ? void 0 : E.focus();
           })
         }, [
           h.$slots.trailing ? (l(), r("div", {
@@ -7319,15 +7322,15 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
   },
   setup(e, { expose: n, emit: t }) {
     const a = e, i = t, o = A([]), u = A(), c = A(""), f = A(!1), $ = A(!1), p = F(() => f.value ? o.value : o.value.slice(0, a.maxVisibleOptions)), h = (T) => {
-      o.value = o.value.filter((V) => V !== T), i("option-removed", T), i("update:modelValue", o.value);
+      o.value = o.value.filter((E) => E !== T), i("option-removed", T), i("update:modelValue", o.value);
     }, I = (T) => {
       if (!(T != null && T.trim()))
         return;
-      const V = (T == null ? void 0 : T.split(",")) || [];
-      V.forEach((E) => {
+      const E = (T == null ? void 0 : T.split(",")) || [];
+      E.forEach((V) => {
         var C;
-        E != null && E.trim() && (!a.allowDuplicated && ((C = o.value) != null && C.includes(E)) || (o.value.push(E), i("option-added", E)));
-      }), V.length && (c.value = "", i("update:modelValue", o.value));
+        V != null && V.trim() && (!a.allowDuplicated && ((C = o.value) != null && C.includes(V)) || (o.value.push(V), i("option-added", V)));
+      }), E.length && (c.value = "", i("update:modelValue", o.value));
     };
     return re(
       () => a.modelValue,
@@ -7340,7 +7343,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       }
     ), n({
       focus: () => u.value.focus()
-    }), (T, V) => (l(), y(d(Ee), {
+    }), (T, E) => (l(), y(d(Ve), {
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -7350,13 +7353,13 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       "tooltip-options": e.tooltipOptions
     }, {
       default: O(() => {
-        var E, C;
+        var V, C;
         return [
           s("div", ec, [
             e.isInlineLabel && e.label ? (l(), r("label", tc, x(e.label) + ": ", 1)) : m("", !0),
             s("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
-              onClick: V[4] || (V[4] = (v) => u.value.focus())
+              onClick: E[4] || (E[4] = (v) => u.value.focus())
             }, [
               s("div", {
                 class: g(["border min-h-[36px] py-3 w-full px-3 flex justify-between items-center cursor-pointer gap-x-3 rounded", {
@@ -7378,7 +7381,7 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
                     o.value.length > e.maxVisibleOptions ? (l(), y(d(de), {
                       key: 0,
                       variant: "gray",
-                      onClick: V[0] || (V[0] = (v) => f.value = !f.value)
+                      onClick: E[0] || (E[0] = (v) => f.value = !f.value)
                     }, {
                       default: O(() => [
                         f.value ? (l(), y(d(P), {
@@ -7397,14 +7400,14 @@ const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
                     type: "text",
                     value: c.value,
                     readonly: e.isReadonly,
-                    placeholder: ((E = p.value) == null ? void 0 : E.length) === 0 ? e.placeholder : "",
+                    placeholder: ((V = p.value) == null ? void 0 : V.length) === 0 ? e.placeholder : "",
                     disabled: e.isDisabled,
                     class: g(["h-7 flex-1 outline-none text-oc-text disabled:bg-transparent placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light", ((C = p.value) == null ? void 0 : C.length) === 0 ? "min-w-full" : "min-w-[80px]"]),
-                    onFocus: V[1] || (V[1] = (v) => $.value = !0),
-                    onBlur: V[2] || (V[2] = (v) => {
+                    onFocus: E[1] || (E[1] = (v) => $.value = !0),
+                    onBlur: E[2] || (E[2] = (v) => {
                       console.log("$event: ", v), $.value = !1, T.$emit("blur", v);
                     }),
-                    onKeyup: V[3] || (V[3] = ht((v) => I(v.target.value), ["enter"]))
+                    onKeyup: E[3] || (E[3] = ht((v) => I(v.target.value), ["enter"]))
                   }, null, 42, lc)
                 ])
               ], 2)
@@ -8007,7 +8010,7 @@ function Cc(e, n, t) {
   var a = new Se(t);
   return a.selectNumberingPlan(n), a.numberingPlan.possibleLengths().indexOf(e.length) >= 0;
 }
-var Ht = 2, Oc = 17, Bc = 3, Me = "0-9０-９٠-٩۰-۹", Ic = "-‐-―−ー－", Tc = "／/", Pc = "．.", Vc = "  ­​⁠　", Ec = "()（）［］\\[\\]", Ac = "~⁓∼～", bt = "".concat(Ic).concat(Tc).concat(Pc).concat(Vc).concat(Ec).concat(Ac), Wt = "+＋", Nc = new RegExp("([" + Me + "])");
+var Ht = 2, Oc = 17, Bc = 3, Me = "0-9０-９٠-٩۰-۹", Ic = "-‐-―−ー－", Tc = "／/", Pc = "．.", Ec = "  ­​⁠　", Vc = "()（）［］\\[\\]", Ac = "~⁓∼～", bt = "".concat(Ic).concat(Tc).concat(Pc).concat(Ec).concat(Vc).concat(Ac), Wt = "+＋", Nc = new RegExp("([" + Me + "])");
 function Dc(e, n, t, a) {
   if (n) {
     var i = new Se(a);
@@ -8097,7 +8100,7 @@ function Fn(e, n) {
       metadata: a.metadata
     });
 }
-function Et(e, n, t) {
+function Vt(e, n, t) {
   var a = Lc(e, t), i = a.carrierCode, o = a.nationalNumber;
   if (o !== e) {
     if (!jc(e, o, t))
@@ -8133,7 +8136,7 @@ function zc(e, n, t, a, i) {
   var o = t ? jt(t, i) : a;
   if (e.indexOf(o) === 0) {
     i = new Se(i), i.selectNumberingPlan(t, o);
-    var u = e.slice(o.length), c = Et(u, n, i), f = c.nationalNumber, $ = Et(e, n, i), p = $.nationalNumber;
+    var u = e.slice(o.length), c = Vt(u, n, i), f = c.nationalNumber, $ = Vt(e, n, i), p = $.nationalNumber;
     if (!ze(p, i.nationalNumberPattern()) && ze(f, i.nationalNumberPattern()) || Ut(p, n, i) === "TOO_LONG")
       return {
         countryCallingCode: o,
@@ -8219,8 +8222,8 @@ var Yc = ";ext=", Xe = function(n) {
   return "([".concat(Me, "]{1,").concat(n, "})");
 };
 function jn(e) {
-  var n = "20", t = "15", a = "9", i = "6", o = "[  \\t,]*", u = "[:\\.．]?[  \\t,-]*", c = "#?", f = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", $ = "(?:[xｘ#＃~～]|int|ｉｎｔ)", p = "[- ]+", h = "[  \\t]*", I = "(?:,{2}|;)", T = Yc + Xe(n), V = o + f + u + Xe(n) + c, E = o + $ + u + Xe(a) + c, C = p + Xe(i) + "#", v = h + I + u + Xe(t) + c, w = h + "(?:,)+" + u + Xe(a) + c;
-  return T + "|" + V + "|" + E + "|" + C + "|" + v + "|" + w;
+  var n = "20", t = "15", a = "9", i = "6", o = "[  \\t,]*", u = "[:\\.．]?[  \\t,-]*", c = "#?", f = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", $ = "(?:[xｘ#＃~～]|int|ｉｎｔ)", p = "[- ]+", h = "[  \\t]*", I = "(?:,{2}|;)", T = Yc + Xe(n), E = o + f + u + Xe(n) + c, V = o + $ + u + Xe(a) + c, C = p + Xe(i) + "#", v = h + I + u + Xe(t) + c, w = h + "(?:,)+" + u + Xe(a) + c;
+  return T + "|" + E + "|" + V + "|" + C + "|" + v + "|" + w;
 }
 var Xc = "[" + Me + "]{" + Ht + "}", Zc = "[" + Wt + "]{0,1}(?:[" + bt + "]*[" + Me + "]){3,}[" + bt + Me + "]*", Jc = new RegExp("^[" + Wt + "]{0,1}(?:[" + bt + "]*[" + Me + "]){1,2}$", "i"), Qc = Zc + // Phone number extensions
 "(?:" + jn() + ")?", _c = new RegExp(
@@ -8715,7 +8718,7 @@ function $n(e) {
 function P0(e, n, t) {
   return e === "+" ? n ? void 0 : "+" : B0(e);
 }
-var zn = "+", V0 = "[\\-\\.\\(\\)]?", gn = "([" + Me + "]|" + V0 + ")", E0 = "^\\" + zn + gn + "*[" + Me + "]" + gn + "*$", A0 = new RegExp(E0, "g"), Dt = Me, N0 = "[" + Dt + "]+((\\-)*[" + Dt + "])*", D0 = "a-zA-Z", L0 = "[" + D0 + "]+((\\-)*[" + Dt + "])*", M0 = "^(" + N0 + "\\.)*" + L0 + "\\.?$", F0 = new RegExp(M0, "g"), vn = "tel:", Lt = ";phone-context=", R0 = ";isub=";
+var zn = "+", E0 = "[\\-\\.\\(\\)]?", gn = "([" + Me + "]|" + E0 + ")", V0 = "^\\" + zn + gn + "*[" + Me + "]" + gn + "*$", A0 = new RegExp(V0, "g"), Dt = Me, N0 = "[" + Dt + "]+((\\-)*[" + Dt + "])*", D0 = "a-zA-Z", L0 = "[" + D0 + "]+((\\-)*[" + Dt + "])*", M0 = "^(" + N0 + "\\.)*" + L0 + "\\.?$", F0 = new RegExp(M0, "g"), vn = "tel:", Lt = ";phone-context=", R0 = ";isub=";
 function j0(e) {
   var n = e.indexOf(Lt);
   if (n < 0)
@@ -8777,16 +8780,16 @@ function q0(e, n, t) {
     var T = new m0(p, $, t.metadata);
     return f && (T.country = f), I && (T.carrierCode = I), o && (T.ext = o), T.__countryCallingCodeSource = h, T;
   }
-  var V = (n.extended ? t.hasSelectedNumberingPlan() : f) ? ze($, t.nationalNumberPattern()) : !1;
+  var E = (n.extended ? t.hasSelectedNumberingPlan() : f) ? ze($, t.nationalNumberPattern()) : !1;
   return n.extended ? {
     country: f,
     countryCallingCode: p,
     carrierCode: I,
-    valid: V,
-    possible: V ? !0 : !!(n.extended === !0 && t.possibleLengths() && Mn($, f, t)),
+    valid: E,
+    possible: E ? !0 : !!(n.extended === !0 && t.possibleLengths() && Mn($, f, t)),
     phone: $,
     ext: o
-  } : V ? X0(f, $, o) : {};
+  } : E ? X0(f, $, o) : {};
 }
 function K0(e, n, t) {
   if (e) {
@@ -8838,7 +8841,7 @@ function Z0(e, n, t, a) {
       countryCallingCodeSource: o,
       countryCallingCode: u
     };
-  var $ = Et($n(c), f, a), p = $.nationalNumber, h = $.carrierCode, I = Fn(u, {
+  var $ = Vt($n(c), f, a), p = $.nationalNumber, h = $.carrierCode, I = Fn(u, {
     nationalNumber: p,
     metadata: a
   });
@@ -9075,11 +9078,11 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     }, I = (v, w, S = null) => {
       var B;
       o.value = v.toLowerCase(), a("update:modelValue", [w, S || ((B = t.modelValue) == null ? void 0 : B[1]) || ""]), u.value = !1;
-    }, T = A(null), V = A([]), E = () => {
+    }, T = A(null), E = A([]), V = () => {
       setTimeout(() => {
         const v = f.value.indexOf(
           $(o.value)
-        ), w = V.value[v];
+        ), w = E.value[v];
         if (w) {
           const S = w.offsetTop;
           T.value.scrollTo(0, S - 60, { behavior: "smooth" });
@@ -9104,7 +9107,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     };
     return (v, w) => {
       var S;
-      return l(), y(d(Ve), {
+      return l(), y(d(Ee), {
         "error-message": e.errorMessage,
         "model-value": ((S = e.modelValue) == null ? void 0 : S[1]) || "",
         placeholder: e.placeholder,
@@ -9126,7 +9129,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
             modelValue: u.value,
             "onUpdate:modelValue": [
               w[3] || (w[3] = (B) => u.value = B),
-              E
+              V
             ],
             distance: 10,
             placement: "bottom-start"
@@ -9138,7 +9141,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                 class: "flex flex-col max-h-[300px] py-2 overflow-y-scroll hidden-scrollbar"
               }, [
                 s("div", g1, [
-                  b(d(Ve), {
+                  b(d(Ee), {
                     modelValue: c.value,
                     "onUpdate:modelValue": w[0] || (w[0] = (B) => c.value = B),
                     icon: "search",
@@ -9160,7 +9163,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                 (l(!0), r(M, null, U(f.value, (B, N) => (l(), r("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
-                  ref: V,
+                  ref: E,
                   key: N,
                   class: g([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
@@ -9222,7 +9225,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     "update:modelValue": []
   },
   setup(e) {
-    return (n, t) => (l(), y(d(Ee), {
+    return (n, t) => (l(), y(d(Ve), {
       class: g(["radio-button inline-block relative cursor-pointer", e.isDisabled ? "disabled" : ""]),
       label: "",
       "error-message": e.errorMessage,
@@ -9318,7 +9321,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     })), i = (o) => {
       t("update:modelValue", o);
     };
-    return (o, u) => (l(), y(d(Ee), {
+    return (o, u) => (l(), y(d(Ve), {
       label: e.label,
       "error-message": e.errorMessage,
       hint: e.hint
@@ -9398,21 +9401,21 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     return Be(() => {
       t.onlyInput || u.value.updateSlider();
     }), (h, I) => (l(), r("div", C1, [
-      b(d(Ee), {
+      b(d(Ve), {
         label: e.label,
         hint: e.hint,
         "error-message": e.errorMessage
       }, {
         default: O(() => [
           s("div", O1, [
-            b(d(Ve), {
+            b(d(Ee), {
               "model-value": i.value,
               label: "From",
               "is-inline-label": "",
               placeholder: "",
               "onUpdate:modelValue": I[0] || (I[0] = (T) => c(T, 0))
             }, null, 8, ["model-value"]),
-            b(d(Ve), {
+            b(d(Ee), {
               "model-value": o.value,
               label: "To",
               "is-inline-label": "",
@@ -9443,10 +9446,10 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
 }, P1 = {
   key: 0,
   class: "text-oc-text-300"
-}, V1 = {
+}, E1 = {
   key: 1,
   class: "text-oc-text-300"
-}, E1 = {
+}, V1 = {
   key: 2,
   class: "truncate"
 }, A1 = {
@@ -9540,22 +9543,22 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     var q;
     const a = e, i = t, o = A(a.searchKeywords ?? ""), u = A(!1), c = A(), f = A(), $ = A([]), p = A(), h = A(a.ai && !!((q = a.modelValue) != null && q.length)), I = A((/* @__PURE__ */ new Date()).toISOString()), T = F(() => {
       var D, H;
-      return a.multiple ? ((D = a.modelValue) == null ? void 0 : D.length) && ((H = a.modelValue) == null ? void 0 : H.length) === E.value.length : !1;
-    }), V = (D) => {
+      return a.multiple ? ((D = a.modelValue) == null ? void 0 : D.length) && ((H = a.modelValue) == null ? void 0 : H.length) === V.value.length : !1;
+    }), E = (D) => {
       var Y, J;
       const H = o.value.toLowerCase().trim().replace(/\s+/g, " ");
       return ((Y = D.label) == null ? void 0 : Y.toLowerCase().trim().replace(/\s+/g, " ").includes(H)) || ((J = D.subLabel) == null ? void 0 : J.toLowerCase().trim().replace(/\s+/g, " ").includes(H));
-    }, E = F(() => {
+    }, V = F(() => {
       const D = [];
       for (const H of a.options)
         if (H.values) {
-          const Y = H.values.filter(V);
+          const Y = H.values.filter(E);
           Y.length > 0 && D.push({
             label: H.label,
             values: Y
           });
         } else
-          V(H) && D.push(H);
+          E(H) && D.push(H);
       return D;
     }), C = F(() => {
       if (a.multiple) {
@@ -9592,10 +9595,10 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     }, S = () => {
       a.isAsynchronousSearch || (T.value ? i("update:modelValue", null) : i(
         "update:modelValue",
-        E.value.map((D) => D.value)
+        V.value.map((D) => D.value)
       ));
     }, B = A();
-    re(E, () => {
+    re(V, () => {
       I.value = (/* @__PURE__ */ new Date()).toISOString();
     }), re(u, (D) => {
       if (!D) {
@@ -9613,7 +9616,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
         var pe, ae, Ce;
         let ne, me;
         if (Array.isArray(a.modelValue) ? ne = a.modelValue[0] ?? null : ne = a.modelValue, !ne) return;
-        E.value.find((ue, Ae) => {
+        V.value.find((ue, Ae) => {
           if (Ue(ue.value, ne))
             return me = Ae, !0;
         });
@@ -9632,7 +9635,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
       once: !0
     }), n({
       dropdownRef: f
-    }), (D, H) => (l(), y(d(Ee), {
+    }), (D, H) => (l(), y(d(Ve), {
       ref_key: "baseInput",
       ref: B,
       class: "relative rounded",
@@ -9682,7 +9685,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                 class: "flex flex-col gap-y-2"
               }, [
                 e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (l(), r("div", A1, [
-                  b(d(Ve), {
+                  b(d(Ee), {
                     ref_key: "searchInputRef",
                     ref: c,
                     modelValue: o.value,
@@ -9705,7 +9708,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                 s("div", {
                   class: g(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !C.value }])
                 }, [
-                  e.isCheckboxes && e.isSelectAll && E.value.length && e.multiple ? (l(), y(d(xn), {
+                  e.isCheckboxes && e.isSelectAll && V.value.length && e.multiple ? (l(), y(d(xn), {
                     key: 0,
                     "is-selected": T.value,
                     "is-checkboxes": "",
@@ -9716,10 +9719,10 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                   }, null, 8, ["is-selected", "is-partial"])) : m("", !0),
                   k(D.$slots, "default", {
                     key: I.value,
-                    fOptions: E.value,
+                    fOptions: V.value,
                     selectOption: v
                   }, () => [
-                    (l(!0), r(M, null, U(E.value, (J) => (l(), y(d(xn), {
+                    (l(!0), r(M, null, U(V.value, (J) => (l(), y(d(xn), {
                       ref_for: !0,
                       ref_key: "filterableOptionsRef",
                       ref: $,
@@ -9732,7 +9735,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                       onClick: (ne) => v(J)
                     }, null, 8, ["label", "sub-label", "is-disabled", "is-checkboxes", "is-selected", "onClick"]))), 128)),
                     k(D.$slots, "empty", {}, () => [
-                      E.value.length ? m("", !0) : (l(), r("div", N1, " No data to display "))
+                      V.value.length ? m("", !0) : (l(), r("div", N1, " No data to display "))
                     ])
                   ]),
                   k(D.$slots, "infinite-scrolling"),
@@ -9795,7 +9798,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                 ]),
                 C.value.length === 0 ? (l(), r("span", P1, x(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
-              e.isInlineSearch && e.isFilterable && !C.value ? (l(), y(d(Ve), {
+              e.isInlineSearch && e.isFilterable && !C.value ? (l(), y(d(Ee), {
                 key: 1,
                 modelValue: o.value,
                 "onUpdate:modelValue": [
@@ -9827,8 +9830,8 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
                   width: "16",
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
-                e.isInlineLabel && e.label ? (l(), r("span", V1, x(e.label) + ": ", 1)) : m("", !0),
-                C.value ? (l(), r("span", E1, x(C.value.label), 1)) : (l(), r("span", {
+                e.isInlineLabel && e.label ? (l(), r("span", E1, x(e.label) + ": ", 1)) : m("", !0),
+                C.value ? (l(), r("span", V1, x(C.value.label), 1)) : (l(), r("span", {
                   key: 3,
                   class: g(e.dropdownClasses ? "" : "text-oc-text-300")
                 }, x(e.placeholder), 3))
@@ -9990,8 +9993,8 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     "update:title": []
   },
   setup(e, { emit: n }) {
-    var V, E;
-    const t = e, a = n, i = A(!1), o = A(t.type ?? ((E = (V = t.links) == null ? void 0 : V[0]) == null ? void 0 : E.value)), u = A(t.title ?? ""), c = F(
+    var E, V;
+    const t = e, a = n, i = A(!1), o = A(t.type ?? ((V = (E = t.links) == null ? void 0 : E[0]) == null ? void 0 : V.value)), u = A(t.title ?? ""), c = F(
       () => t.links.find((C) => C.value === o.value) ?? {}
     ), f = F(() => c.value.preFill ?? ""), $ = A(t.modelValue ? t.modelValue.replace(f.value, "") : ""), p = (C) => {
       var w;
@@ -10001,7 +10004,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
       $.value = C, a("update:modelValue", f.value + C), !t.isEdit && o.value !== "link" && a("update:title", C);
     }, I = F(() => c.value.placeholder ?? ""), T = F(() => o.value === "link");
     return (C, v) => (l(), r("div", null, [
-      T.value || e.isEdit ? (l(), y(d(Ve), {
+      T.value || e.isEdit ? (l(), y(d(Ee), {
         key: 0,
         modelValue: u.value,
         "onUpdate:modelValue": [
@@ -10013,7 +10016,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
         placeholder: "Title",
         "error-message": e.errorMessages.title
       }, null, 8, ["modelValue", "error-message"])) : m("", !0),
-      b(d(Ve), {
+      b(d(Ee), {
         placeholder: I.value,
         label: o.value === "link" ? "Link" : e.label,
         "error-message": e.errorMessages.link,
@@ -10122,7 +10125,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
       const f = c.target;
       f && (f.style.height = K1, f.style.height = f.scrollHeight + "px", a("update:modelValue", f.value));
     };
-    return (c, f) => (l(), y(d(Ee), {
+    return (c, f) => (l(), y(d(Ve), {
       label: e.label,
       "error-message": e.errorMessage,
       hint: e.hint,
@@ -10231,7 +10234,7 @@ function i2() {
           }
         } else w = C === (v ? "pm" : "PM");
         return w;
-      }, V = { A: [c, function(C) {
+      }, E = { A: [c, function(C) {
         this.afternoon = T(C, !1);
       }], a: [c, function(C) {
         this.afternoon = T(C, !0);
@@ -10259,7 +10262,7 @@ function i2() {
       }], Y: [/[+-]?\d+/, p("year")], YY: [o, function(C) {
         this.year = $(C);
       }], YYYY: [/\d{4}/, p("year")], Z: h, ZZ: h };
-      function E(C) {
+      function V(C) {
         var v, w;
         v = C, w = f && f.formats;
         for (var S = (C = v.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(D, H, Y) {
@@ -10268,7 +10271,7 @@ function i2() {
             return me || ve.slice(1);
           }));
         }))).match(a), B = S.length, N = 0; N < B; N += 1) {
-          var L = S[N], G = V[L], Z = G && G[0], q = G && G[1];
+          var L = S[N], G = E[L], Z = G && G[0], q = G && G[1];
           S[N] = q ? { regex: Z, parser: q } : L.replace(/^\[|\]$/g, "");
         }
         return function(D) {
@@ -10301,7 +10304,7 @@ function i2() {
             H && (J = Z[2]), f = this.$locale(), !D && J && (f = w.Ls[J]), this.$d = (function(Ie, pe, ae, Ce) {
               try {
                 if (["x", "X"].indexOf(pe) > -1) return new Date((pe === "X" ? 1e3 : 1) * Ie);
-                var ue = E(pe)(Ie), Ae = ue.year, _ = ue.month, Te = ue.day, He = ue.hours, X = ue.minutes, R = ue.seconds, j = ue.milliseconds, W = ue.zone, K = ue.week, oe = /* @__PURE__ */ new Date(), ce = Te || (Ae || _ ? 1 : oe.getDate()), we = Ae || oe.getFullYear(), Pe = 0;
+                var ue = V(pe)(Ie), Ae = ue.year, _ = ue.month, Te = ue.day, He = ue.hours, X = ue.minutes, R = ue.seconds, j = ue.milliseconds, W = ue.zone, K = ue.week, oe = /* @__PURE__ */ new Date(), ce = Te || (Ae || _ ? 1 : oe.getDate()), we = Ae || oe.getFullYear(), Pe = 0;
                 Ae && !_ || (Pe = _ > 0 ? _ - 1 : oe.getMonth());
                 var Le, Fe = He || 0, Ke = X || 0, tt = R || 0, le = j || 0;
                 return W ? new Date(Date.UTC(we, Pe, ce, Fe, Ke, tt, le + 60 * W.offset * 1e3)) : ae ? new Date(Date.UTC(we, Pe, ce, Fe, Ke, tt, le)) : (Le = new Date(we, Pe, ce, Fe, Ke, tt, le), K && (Le = Ce(Le).week(K).toDate()), Le);
@@ -10384,8 +10387,8 @@ function In(e) {
 }
 var Pt = function() {
   return qn.Date.now();
-}, T2 = "Expected a function", P2 = Math.max, V2 = Math.min;
-function E2(e, n, t) {
+}, T2 = "Expected a function", P2 = Math.max, E2 = Math.min;
+function V2(e, n, t) {
   var a, i, o, u, c, f, $ = 0, p = !1, h = !1, I = !0;
   if (typeof e != "function")
     throw new TypeError(T2);
@@ -10394,12 +10397,12 @@ function E2(e, n, t) {
     var G = a, Z = i;
     return a = i = void 0, $ = L, u = e.apply(Z, G), u;
   }
-  function V(L) {
+  function E(L) {
     return $ = L, c = setTimeout(v, n), p ? T(L) : u;
   }
-  function E(L) {
+  function V(L) {
     var G = L - f, Z = L - $, q = n - G;
-    return h ? V2(q, o - Z) : q;
+    return h ? E2(q, o - Z) : q;
   }
   function C(L) {
     var G = L - f, Z = L - $;
@@ -10409,7 +10412,7 @@ function E2(e, n, t) {
     var L = Pt();
     if (C(L))
       return w(L);
-    c = setTimeout(v, E(L));
+    c = setTimeout(v, V(L));
   }
   function w(L) {
     return c = void 0, I && a ? T(L) : (a = i = void 0, u);
@@ -10424,7 +10427,7 @@ function E2(e, n, t) {
     var L = Pt(), G = C(L);
     if (a = arguments, i = this, f = L, G) {
       if (c === void 0)
-        return V(f);
+        return E(f);
       if (h)
         return clearTimeout(c), c = setTimeout(v, n), T(f);
     }
@@ -10478,7 +10481,7 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
   emits: ["update:modelValue", "reset-calendar", "update:isIndefinite"],
   setup(e, { emit: n }) {
     te.extend(Hn), te.extend(Wn), te.extend(Gn), te.extend(qt);
-    const t = e, a = n, i = A(), o = A(), u = A(), c = A(), f = A(), $ = A(), p = A(), h = A(!1), I = A(!1), T = A(!1), V = A(!1), E = F(() => t.type === "range"), C = F(() => {
+    const t = e, a = n, i = A(), o = A(), u = A(), c = A(), f = A(), $ = A(), p = A(), h = A(!1), I = A(!1), T = A(!1), E = A(!1), V = F(() => t.type === "range"), C = F(() => {
       const R = i.value.endOf("month").date();
       return Array.from({ length: R }, (j, W) => W + 1);
     }), v = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], w = F(() => i.value.format("MMMM YYYY")), S = F(
@@ -10506,7 +10509,7 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
     }, H = () => {
       p.value = null, i.value = i.value.add(1, "month"), c.value = Z.value ? o.value.date() : null, f.value = q.value ? u.value.date() : null;
     }, Y = (X) => {
-      p.value = null, i.value = i.value.set("month", X), V.value = !1;
+      p.value = null, i.value = i.value.set("month", X), E.value = !1;
     }, J = (X) => {
       p.value = null, i.value = i.value.set("year", X), T.value = !1;
     }, ne = () => {
@@ -10514,11 +10517,11 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
     }, me = () => {
       p.value = null, T.value ? $.value = $.value.add(11, "year") : i.value = i.value.add(1, "year");
     }, ve = () => {
-      T.value = !1, V.value = !V.value;
+      T.value = !1, E.value = !E.value;
     }, Ie = (X) => {
       const R = i.value.date(X);
       return Object.values(N.value).filter(Boolean).find((j) => j.isSame(R));
-    }, pe = (X) => E.value ? L.value ? i.value.date(X).isBetween(
+    }, pe = (X) => V.value ? L.value ? i.value.date(X).isBetween(
       N.value.from,
       N.value.to,
       null,
@@ -10527,14 +10530,14 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
       const R = i.value.date(X);
       return t.disabledDate(R.toDate()) || t.minDate && R.isBefore(te(t.minDate), "day") || t.maxDate && R.isAfter(te(t.maxDate), "day");
     }, Ce = () => {
-      E.value && (ae(o.value.toDate()) || ae(u.value.toDate())) || (I.value = !1, a(
+      V.value && (ae(o.value.toDate()) || ae(u.value.toDate())) || (I.value = !1, a(
         "update:modelValue",
-        E.value ? [N.value.from, N.value.to].map((X) => X.toDate()) : o.value.toDate()
+        V.value ? [N.value.from, N.value.to].map((X) => X.toDate()) : o.value.toDate()
       ));
     }, ue = (X) => {
       a("update:isIndefinite", X);
     }, Ae = (X, R = !0) => {
-      if (!E.value) {
+      if (!V.value) {
         let W = te(w.value, "MMMM YYYY").date(X);
         c.value = X, o.value = W, f.value = null, u.value = null, Ce();
         return;
@@ -10545,12 +10548,12 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
         return;
       }
       u.value = j, f.value = X, R && Ce();
-    }, _ = E2((X) => {
+    }, _ = V2((X) => {
       I.value && Ae(X, !1);
     }, 50), Te = () => {
       var R, j, W;
-      const X = E.value ? (R = t.modelValue) == null ? void 0 : R[0] : t.modelValue;
-      i.value = te(X), $.value = te(X), o.value = X && i.value, c.value = X && o.value.date(), !(!E.value || !X) && (u.value = te((j = t.modelValue) == null ? void 0 : j[1]), f.value = ((W = u.value) == null ? void 0 : W.month()) === i.value.month() ? u.value.date() : void 0);
+      const X = V.value ? (R = t.modelValue) == null ? void 0 : R[0] : t.modelValue;
+      i.value = te(X), $.value = te(X), o.value = X && i.value, c.value = X && o.value.date(), !(!V.value || !X) && (u.value = te((j = t.modelValue) == null ? void 0 : j[1]), f.value = ((W = u.value) == null ? void 0 : W.month()) === i.value.month() ? u.value.date() : void 0);
     }, He = (X) => {
       const R = X + 11, j = [];
       for (; X <= R; )
@@ -10562,8 +10565,8 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
     }, [
       s("div", A2, [
         b(d(he), {
-          modelValue: V.value,
-          "onUpdate:modelValue": R[1] || (R[1] = (j) => V.value = j),
+          modelValue: E.value,
+          "onUpdate:modelValue": R[1] || (R[1] = (j) => E.value = j),
           distance: 10,
           position: "bottom",
           "is-popover": "",
@@ -10643,7 +10646,7 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
             class: g(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
               Ie(j) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
               ae(j) ? "pointer-events-none opacity-[.35]" : "",
-              E.value ? {
+              V.value ? {
                 ...pe(j) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
                   "before:rounded-l-full before:left-0 before:!w-[calc(100%+0.25rem)]": N.value.from.isSame(i.value.date(j)),
@@ -10806,9 +10809,9 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     }, T = (v) => {
       const w = te(v);
       return ((B) => B.get("month") === te().get("month"))(w);
-    }, V = (v) => {
+    }, E = (v) => {
       o.value = v, t("update:modelValue", v ? "Indefinite" : null);
-    }, E = (v, w) => {
+    }, V = (v, w) => {
       var B;
       const S = te(v, a.dateFormat, !0);
       c.value[w] = S.format(a.dateFormat), c.value[w ? 0 : 1] = ((B = a.modelValue) == null ? void 0 : B[w ? 0 : 1]) || te().format(a.dateFormat);
@@ -10863,7 +10866,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
               position: "inline",
               type: e.type,
               "onUpdate:modelValue": h,
-              "onUpdate:isIndefinite": V,
+              "onUpdate:isIndefinite": E,
               onResetCalendar: I
             }, null, 8, ["model-value", "disabled-date", "max-date", "min-date", "is-indefinite", "type"])) : m("", !0)
           ];
@@ -10872,7 +10875,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       default: O(() => [
         s("div", q2, [
           !e.isSplitInput || !f.value ? (l(), r("div", K2, [
-            b(d(Ve), {
+            b(d(Ee), {
               "model-value": f.value ? e.modelValue && e.modelValue[0] ? `${p.value[0].format(e.dateFormat)} - ${p.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? p.value.format(e.dateFormat) : "",
               icon: "calendar",
               label: e.label,
@@ -10884,7 +10887,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
               ai: $.value
             }, null, 8, ["model-value", "label", "hint", "error-message", "is-required", "disabled", "placeholder", "ai"])
           ])) : (l(), r("div", Y2, [
-            b(d(Ee), {
+            b(d(Ve), {
               "error-message": u.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
               hint: e.hint,
               "is-required": e.isRequired,
@@ -10911,7 +10914,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                       placeholder: "Start date",
                       value: p.value[0] ? p.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: w[0] || (w[0] = (S) => E(S.target.value, 0)),
+                      onInput: w[0] || (w[0] = (S) => V(S.target.value, 0)),
                       onKeydown: ht(C, ["enter"]),
                       onBlur: C
                     }, null, 40, Z2)
@@ -10922,7 +10925,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                       placeholder: "End date",
                       value: p.value[1] ? p.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: w[1] || (w[1] = (S) => E(S.target.value, 1)),
+                      onInput: w[1] || (w[1] = (S) => V(S.target.value, 1)),
                       onKeydown: ht(C, ["enter"]),
                       onBlur: C
                     }, null, 40, Q2),
@@ -10981,25 +10984,25 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
   },
   setup(e, { expose: n, emit: t }) {
     const a = e, i = t, o = A(), u = A(), c = A(), f = A(0), $ = A(0), p = () => {
-      var E, C;
-      a.type === "range" && parseInt((E = u.value) == null ? void 0 : E.value) - parseInt((C = o.value) == null ? void 0 : C.value) <= a.minGap && (o.value.value = parseInt(u.value.value) - a.minGap), I();
+      var V, C;
+      a.type === "range" && parseInt((V = u.value) == null ? void 0 : V.value) - parseInt((C = o.value) == null ? void 0 : C.value) <= a.minGap && (o.value.value = parseInt(u.value.value) - a.minGap), I();
     }, h = () => {
-      var E, C, v;
-      parseInt((E = u.value) == null ? void 0 : E.value) - parseInt((C = o.value) == null ? void 0 : C.value) <= a.minGap && (u.value.value = parseInt((v = o.value) == null ? void 0 : v.value) + a.minGap), I();
-    }, I = (E = !1) => {
+      var V, C, v;
+      parseInt((V = u.value) == null ? void 0 : V.value) - parseInt((C = o.value) == null ? void 0 : C.value) <= a.minGap && (u.value.value = parseInt((v = o.value) == null ? void 0 : v.value) + a.minGap), I();
+    }, I = (V = !1) => {
       var C, v, w, S;
-      f.value = (((C = o.value) == null ? void 0 : C.value) - a.minLimit) / (a.maxLimit - a.minLimit) * 100, $.value = a.type === "range" ? (((v = u.value) == null ? void 0 : v.value) - a.minLimit) / (a.maxLimit - a.minLimit) * 100 : 0, c.value.style.background = a.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${$.value}%, var(--oc-gray-100) ${$.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, E || i(
+      f.value = (((C = o.value) == null ? void 0 : C.value) - a.minLimit) / (a.maxLimit - a.minLimit) * 100, $.value = a.type === "range" ? (((v = u.value) == null ? void 0 : v.value) - a.minLimit) / (a.maxLimit - a.minLimit) * 100 : 0, c.value.style.background = a.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${$.value}%, var(--oc-gray-100) ${$.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, V || i(
         "update:modelValue",
         a.type === "range" ? [(w = o.value) == null ? void 0 : w.value, (S = u.value) == null ? void 0 : S.value] : o.value.value
       );
-    }, T = (E) => {
-      E.key >= "0" && E.key <= "9" || E.key === "Backspace" || E.preventDefault();
-    }, V = (E) => {
-      E && E[0] && E[1] && a.type === "range" ? (o.value.value = Number(E[0]), u.value.value = Number(E[1]), p(), a.type === "range" && h()) : E && a.type === "default" ? E <= a.maxLimit && E >= a.minLimit && (o.value.value = Number(E), p()) : I(!0);
+    }, T = (V) => {
+      V.key >= "0" && V.key <= "9" || V.key === "Backspace" || V.preventDefault();
+    }, E = (V) => {
+      V && V[0] && V[1] && a.type === "range" ? (o.value.value = Number(V[0]), u.value.value = Number(V[1]), p(), a.type === "range" && h()) : V && a.type === "default" ? V <= a.maxLimit && V >= a.minLimit && (o.value.value = Number(V), p()) : I(!0);
     };
     return n({
-      updateSlider: V
-    }), Be(() => V()), (E, C) => {
+      updateSlider: E
+    }), Be(() => E()), (V, C) => {
       var v, w, S, B;
       return l(), r("div", ef, [
         e.label ? (l(), r("label", tf, [
@@ -11046,23 +11049,23 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             style: $e(`right: ${100 - $.value}%`)
           }, x((B = e.modelValue) == null ? void 0 : B[1]), 5)) : m("", !0),
           s("span", of, [
-            k(E.$slots, "min-limit-label", {}, () => [
+            k(V.$slots, "min-limit-label", {}, () => [
               ee(x(e.minLimit), 1)
             ], !0)
           ]),
           s("span", sf, [
-            k(E.$slots, "max-limit-label", {}, () => [
+            k(V.$slots, "max-limit-label", {}, () => [
               ee(x(e.maxLimit), 1)
             ], !0)
           ])
         ], 2),
         s("div", rf, [
-          e.variant === "right" && e.type === "default" ? (l(), y(d(Ve), {
+          e.variant === "right" && e.type === "default" ? (l(), y(d(Ee), {
             key: 0,
             "model-value": e.modelValue,
             placeholder: "10",
             onKeydown: T,
-            "onUpdate:modelValue": V
+            "onUpdate:modelValue": E
           }, null, 8, ["model-value"])) : m("", !0)
         ])
       ]);
@@ -11127,7 +11130,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         e.errorMessage ? (l(), r("div", $f, x(e.errorMessage), 1)) : m("", !0)
       ]),
       k(i.$slots, "actions", {}, () => [
-        e.isToggle ? (l(), y(d(Vn), z({
+        e.isToggle ? (l(), y(d(En), z({
           key: 0,
           "model-value": e.modelValue
         }, e.toggleProps, {
@@ -11188,7 +11191,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     const t = e, a = n, i = (u) => {
       a("update:modelValue", u);
     }, o = F(() => t.variant === "grid");
-    return (u, c) => (l(), y(d(Ee), {
+    return (u, c) => (l(), y(d(Ve), {
       label: e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -11326,10 +11329,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             class: "w-full h-full absolute opacity-0 cursor-pointer top-0",
             type: "file",
             accept: e.accept || "image/png, image/jpeg",
-            onChange: h[0] || (h[0] = (V) => p.$emit("change", V)),
-            onDragover: h[1] || (h[1] = (V) => c.value = !0),
-            onDragleave: h[2] || (h[2] = (V) => c.value = !1),
-            onDrop: h[3] || (h[3] = (V) => c.value = !1)
+            onChange: h[0] || (h[0] = (E) => p.$emit("change", E)),
+            onDragover: h[1] || (h[1] = (E) => c.value = !0),
+            onDragleave: h[2] || (h[2] = (E) => c.value = !1),
+            onDrop: h[3] || (h[3] = (E) => c.value = !1)
           }, null, 40, kf)
         ], 2)),
         (T = e.uploadedImage) != null && T.fileUrl ? (l(), r("div", {
@@ -11338,7 +11341,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         }, [
           b(d(he), {
             modelValue: i.value,
-            "onUpdate:modelValue": h[5] || (h[5] = (V) => i.value = V),
+            "onUpdate:modelValue": h[5] || (h[5] = (E) => i.value = E),
             placement: "bottom-end",
             class: "absolute top-2 right-2 z-[1010]"
           }, {
@@ -11388,7 +11391,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           o.value ? (l(), y(d(Kt), {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": h[6] || (h[6] = (V) => o.value = V),
+            "onUpdate:modelValue": h[6] || (h[6] = (E) => o.value = E),
             img: u.value,
             onClose: h[7] || (h[7] = () => {
               o.value = !1, u.value = "";
@@ -11402,7 +11405,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
 }, Bf = ["accept"], If = {
   key: 0,
   class: "flex flex-col items-center"
-}, Tf = { class: "flex items-baseline gap-x-3 w-full" }, Pf = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Vf = ["accept"], Ef = {
+}, Tf = { class: "flex items-baseline gap-x-3 w-full" }, Pf = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Ef = ["accept"], Vf = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
 }, Af = ["src"], Nf = ["src"], Df = { class: "py-2 flex flex-col" }, Lf = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400 overflow-hidden" }, Mf = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Ff = { class: "uppercase text-[8px] font-bold leading-none block" }, Rf = { class: "flex" }, jf = { class: "text-sm text-oc-primary" }, Uf = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, zf = {
@@ -11462,7 +11465,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     "onOpenEditImage"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = e, i = t, o = A(), u = A(""), c = A(""), f = A(!0), $ = A(!1), p = A(!1), h = A(!1), I = A(""), { currentFiles: T, onChangeFile: V, onDeleteFile: E } = En(
+    const a = e, i = t, o = A(), u = A(""), c = A(""), f = A(!0), $ = A(!1), p = A(!1), h = A(!1), I = A(""), { currentFiles: T, onChangeFile: E, onDeleteFile: V } = Vn(
       a.maxSize,
       i,
       a.accept,
@@ -11494,7 +11497,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     const w = (q) => {
       q.preventDefault();
       const D = q.dataTransfer.files;
-      V({ target: { files: D } }, a.format === "object");
+      E({ target: { files: D } }, a.format === "object");
     }, S = () => {
       !u.value || !c.value || i("update:modelValue", { fileName: c, fileLink: u });
     }, B = (q) => {
@@ -11517,12 +11520,12 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           i("confirmRemoveFile", T.value[q], q);
           return;
         }
-        E(q);
+        V(q);
       }
     };
     return n({
-      onDeleteFile: E
-    }), (q, D) => (l(), y(d(Ee), {
+      onDeleteFile: V
+    }), (q, D) => (l(), y(d(Ve), {
       label: e.label,
       "label-class": e.labelClass,
       hint: e.hint,
@@ -11538,8 +11541,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             "image-classes": e.imageClasses,
             "show-upload-image-area": e.showUploadImageArea,
             "onUpdate:uploadedImage": G,
-            onChange: D[0] || (D[0] = (_) => d(V)(_, a.format === "object")),
-            onDelete: D[1] || (D[1] = (_) => d(E)(0)),
+            onChange: D[0] || (D[0] = (_) => d(E)(_, a.format === "object")),
+            onDelete: D[1] || (D[1] = (_) => d(V)(0)),
             onOnOpenEditImage: D[2] || (D[2] = (_) => q.$emit("onOpenEditImage", _))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (l(), r(M, { key: 1 }, [
             b(d(Q), z(e.buttonUploadProps, {
@@ -11554,7 +11557,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
               class: "hidden",
               type: "file",
               accept: e.accept,
-              onChange: D[4] || (D[4] = (_) => d(V)(_, a.format === "object"))
+              onChange: D[4] || (D[4] = (_) => d(E)(_, a.format === "object"))
             }, null, 40, Bf)
           ], 64)) : (l(), r(M, { key: 2 }, [
             d(T).length ? (l(), r("div", {
@@ -11564,7 +11567,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                 "!bg-oc-bg-dark": e.isDisabled
               }])
             }, [
-              e.isPreview && ((ne = v.value) == null ? void 0 : ne.progress) === 100 ? (l(), r("div", Ef, [
+              e.isPreview && ((ne = v.value) == null ? void 0 : ne.progress) === 100 ? (l(), r("div", Vf, [
                 (ve = (me = v.value) == null ? void 0 : me.file) != null && ve.type.includes("video") ? (l(), r("video", {
                   key: 0,
                   autoplay: "",
@@ -11598,7 +11601,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                         s("div", {
                           class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                           onClick: D[13] || (D[13] = () => {
-                            d(E)(0), p.value = !1;
+                            d(V)(0), p.value = !1;
                           })
                         }, [
                           b(d(P), {
@@ -11678,14 +11681,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             ], 2)) : (l(), r("div", If, [
               s("div", Tf, [
                 e.variant === "url" ? (l(), r(M, { key: 0 }, [
-                  b(d(Ve), {
+                  b(d(Ee), {
                     modelValue: u.value,
                     "onUpdate:modelValue": D[5] || (D[5] = (_) => u.value = _),
                     "error-message": u.value && !f.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
                     onBlur: D[6] || (D[6] = (_) => N(u.value))
                   }, null, 8, ["modelValue", "error-message"]),
-                  b(d(Ve), {
+                  b(d(Ee), {
                     modelValue: c.value,
                     "onUpdate:modelValue": D[7] || (D[7] = (_) => c.value = _),
                     placeholder: "Enter file name"
@@ -11727,8 +11730,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                   class: "hidden",
                   type: "file",
                   accept: e.accept,
-                  onChange: D[12] || (D[12] = (_) => d(V)(_, a.format === "object"))
-                }, null, 40, Vf)
+                  onChange: D[12] || (D[12] = (_) => d(E)(_, a.format === "object"))
+                }, null, 40, Ef)
               ])
             ]))
           ], 64))
@@ -11801,10 +11804,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         "update:uploadedImages",
         t.uploadedImages.filter((N, L) => L !== p.value)
       ), $.value = !1;
-    }, V = ({ url: B, cropper: N }) => {
+    }, E = ({ url: B, cropper: N }) => {
       const L = t.uploadedImages[u.value];
       L.fileUrl = B, L.fileName = Date.now(), a("onEditImage", { ...L, index: u.value, cropper: N }), o.value = !1, u.value = "", c.value = {};
-    }, E = (B) => {
+    }, V = (B) => {
       let N = t.uploadedImages[u.value];
       Object.keys(B).forEach((L) => {
         N[L] = B[L];
@@ -11951,8 +11954,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         onClose: N[2] || (N[2] = () => {
           o.value = !1, u.value = "";
         }),
-        onChangeImage: V,
-        "onUpdate:inputOptions": E
+        onChangeImage: E,
+        "onUpdate:inputOptions": V
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
       b(d(jm), {
         modelValue: $.value,
@@ -12022,7 +12025,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     "onImageError"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = t, i = e, o = A(), u = A(!1), c = A(!1), { isErrorMaxSize: f, currentFiles: $, onChangeFile: p, onDeleteFile: h } = En(
+    const a = t, i = e, o = A(), u = A(!1), c = A(!1), { isErrorMaxSize: f, currentFiles: $, onChangeFile: p, onDeleteFile: h } = Vn(
       i.maxSize,
       a,
       i.accept,
@@ -12053,10 +12056,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       c.value = !0, p(C);
     }, T = (C) => {
       c.value = !1, h(C);
-    }, V = () => {
+    }, E = () => {
       var C;
       (C = o.value) == null || C.click();
-    }, E = (C) => {
+    }, V = (C) => {
       if (i.confirmToRemove) {
         a("confirmRemoveFile", $.value[C], C);
         return;
@@ -12066,7 +12069,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     return n({
       onDeleteFile: h
     }), (C, v) => (l(), r("div", tm, [
-      b(d(Ee), {
+      b(d(Ve), {
         label: e.label,
         hint: e.hint,
         "error-message": e.showErrorStyleOnly ? void 0 : d(f) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
@@ -12105,8 +12108,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             ]),
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "is-disabled", "onChange", "onDelete"])) : e.isButtonOnly ? (l(), r(M, { key: 1 }, [
-            k(C.$slots, "button", { triggerInput: V }, () => [
-              b(d(Q), z(e.buttonUploadProps, { onClick: V }), null, 16)
+            k(C.$slots, "button", { triggerInput: E }, () => [
+              b(d(Q), z(e.buttonUploadProps, { onClick: E }), null, 16)
             ], !0),
             s("input", {
               id: "my-file",
@@ -12169,7 +12172,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                     "on-enable-delete": w.progress === 100 && c.value,
                     "opacity-100": !c.value
                   }]),
-                  onClick: (B) => E(S)
+                  onClick: (B) => V(S)
                 }, null, 8, ["class", "onClick"]))
               ]))), 128))
             ]),
@@ -12243,7 +12246,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     }, u = (c) => {
       c.key >= "0" && c.key <= "9" || c.key === "Backspace" || c.preventDefault();
     };
-    return (c, f) => (l(), y(d(Ee), {
+    return (c, f) => (l(), y(d(Ve), {
       label: e.label,
       "tooltip-options": e.tooltipOptions,
       "error-message": e.errorMessage,
@@ -12326,15 +12329,15 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
   setup(e, { expose: n, emit: t }) {
     const a = t, i = e, o = A(), u = A(), c = async (T) => {
       T != null && T.target && (i.isDisabled || setTimeout(() => {
-        var V, E;
-        (E = (V = o.value) == null ? void 0 : V.popperInstance) == null || E.update(), a("update:modelValue", !i.modelValue);
+        var E, V;
+        (V = (E = o.value) == null ? void 0 : E.popperInstance) == null || V.update(), a("update:modelValue", !i.modelValue);
       }, 30));
     }, f = (T) => {
       i.isAttachToBody && !i.preventClickOutside && o.value.checkElementIsInsidePopper(T.target) || i.modelValue && !i.preventClickOutside && a("update:modelValue", !1);
     }, $ = A(), p = A(0);
     re(() => i.modelValue, async () => {
       var S, B;
-      const T = window.innerHeight || document.documentElement.clientHeight, V = $.value.getBoundingClientRect().top, E = T - $.value.getBoundingClientRect().bottom, C = Math.max(V, E), w = C - (2 + (C === V ? 2.5 : 0)) * 16;
+      const T = window.innerHeight || document.documentElement.clientHeight, E = $.value.getBoundingClientRect().top, V = T - $.value.getBoundingClientRect().bottom, C = Math.max(E, V), w = C - (2 + (C === E ? 2.5 : 0)) * 16;
       p.value = w > 0 ? w : 0, (B = (S = o.value) == null ? void 0 : S.popperInstance) == null || B.update();
     }), n({
       dropdownScroll: u,
@@ -12344,7 +12347,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     const I = A(!1);
     return Be(() => {
       $.value.closest("#modal-overlay-wrapper") && (I.value = !0);
-    }), (T, V) => qe((l(), r("span", {
+    }), (T, E) => qe((l(), r("span", {
       ref_key: "parentElement",
       ref: $,
       class: "flex w-[inherit]"
@@ -12373,7 +12376,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                 style: $e({
                   maxHeight: (e.maxMenuHeight || p.value) - 68 + "px"
                 }),
-                onScroll: V[0] || (V[0] = (E) => T.$emit("scroll", E))
+                onScroll: E[0] || (E[0] = (V) => T.$emit("scroll", V))
               }, [
                 k(T.$slots, "menu", { isPopoverOpen: e.modelValue }, void 0, !0)
               ], 38), [
@@ -12583,10 +12586,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
   key: 0,
   id: "modal-overlay-wrapper",
   class: "fixed w-screen z-[1008] top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, Tm = { class: "flex flex-col gap-y-1 overflow-hidden" }, Pm = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Vm = {
+}, Tm = { class: "flex flex-col gap-y-1 overflow-hidden" }, Pm = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Em = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, Em = ["id"], Am = {
+}, Vm = ["id"], Am = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -12699,7 +12702,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             s("div", Tm, [
               s("span", Pm, x(e.title), 1),
               k(p.$slots, "description", {}, () => [
-                e.description ? (l(), r("span", Vm, x(e.description), 1)) : m("", !0)
+                e.description ? (l(), r("span", Em, x(e.description), 1)) : m("", !0)
               ])
             ]),
             e.isCloseIcon ? (l(), r("div", {
@@ -12723,7 +12726,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           onScroll: h[1] || (h[1] = (I) => a("content-scroll", I))
         }, [
           k(p.$slots, "default")
-        ], 42, Em),
+        ], 42, Vm),
         e.isFooterVisible ? (l(), r("div", {
           key: 1,
           class: g(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -13233,12 +13236,12 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     }, o = {
       CardInput: Hu,
       CheckboxesGroup: qu,
-      Input: Ve,
+      Input: Ee,
       NumberInput: hm,
       LinkInput: G1,
       Select: L1,
       TextArea: Y1,
-      Toggle: Vn,
+      Toggle: En,
       RadioGroup: S1,
       TimePicker: o$,
       DatePicker: _2,
@@ -13256,14 +13259,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           B[`--grid-${N}-${G}`] = G === "area" ? S(Z) : Z;
         });
       }), B;
-    }), f = (S) => typeof S == "object" ? S[0].key : S, $ = (S) => `grid-area: ${f(S)}`, p = F(() => t.class), h = A({}), I = A({}), T = A({}), V = (S) => typeof S == "object" ? S[0].key : S, E = (S) => {
+    }), f = (S) => typeof S == "object" ? S[0].key : S, $ = (S) => `grid-area: ${f(S)}`, p = F(() => t.class), h = A({}), I = A({}), T = A({}), E = (S) => typeof S == "object" ? S[0].key : S, V = (S) => {
       t.jsonForm.forEach((B) => {
         var N;
         if (typeof B.name == "object") {
           let L = null;
           B.name.forEach((G) => {
             S[G.key] && (L ? L.push(S[G.key]) : L = [S[G.key]]);
-          }), h.value[V(B.name)] = L, w(B);
+          }), h.value[E(B.name)] = L, w(B);
         } else
           (N = B.props) != null && N.parentKey ? (h.value[B.props.parentKey] = S[B.props.parentKey] ?? {}, h.value[B.props.parentKey][B.name] = S[B.props.parentKey][B.name] ?? "") : h.value[B.name] = S[B.name] ?? "", w(B);
       });
@@ -13273,7 +13276,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           let B = [];
           S.name.forEach((N) => {
             t.errors[N.key] && B.push(t.errors[N.key]);
-          }), I.value[V(S.name)] = B.join(",");
+          }), I.value[E(S.name)] = B.join(",");
         } else
           I.value[S.name] = t.errors[S.name] ?? "";
       });
@@ -13294,14 +13297,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             } else S.show_if_value !== v.value[S.show_if] && (B = B + " hidden");
           else S.show_if_not !== void 0 ? S.show_if_not === v.value[S.show_if] && (B = B + " hidden") : S.show_if_min !== void 0 && (isNaN(parseInt(v.value[S.show_if])) ? 1 : parseInt(v.value[S.show_if])) < parseInt(S.show_if_min) && (B = B + " hidden");
         else S.show_if_preview && (S.show_if_preview_only !== void 0 ? S.show_if_preview_only !== t.previewMode && (B = B + " hidden") : S.show_if_preview_not !== void 0 && S.show_if_preview_not === t.previewMode && (B = B + " hidden"));
-        typeof S.name == "object" ? T.value[V(S.name)] = B : T.value[S.name] = B;
+        typeof S.name == "object" ? T.value[E(S.name)] = B : T.value[S.name] = B;
       } else
         T.value[S.name] = S.class ? S.class : "";
     };
     return re(
       () => t.values,
       (S) => {
-        E(S);
+        V(S);
       },
       {
         deep: !0
@@ -13309,7 +13312,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     ), re(
       () => t.logicValues,
       () => {
-        E(t.values);
+        V(t.values);
       },
       {
         deep: !0
@@ -13325,10 +13328,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     ), re(
       () => t.previewMode,
       () => {
-        E(t.values);
+        V(t.values);
       }
     ), Be(() => {
-      E(t.values), C(t.errors);
+      V(t.values), C(t.errors);
     }), (S, B) => Object.values(h.value).length > 0 ? (l(), r("div", {
       key: 0,
       class: g(e.grid ? `responsive-smart-form-grid ${p.value}` : p.value),
@@ -13340,7 +13343,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           key: f(N.name),
           style: $e(e.grid ? $(N.name) : ""),
           class: g([
-            N.type !== "Children" ? T.value[typeof N.name == "object" ? V(N.name) : N.name] : "",
+            N.type !== "Children" ? T.value[typeof N.name == "object" ? E(N.name) : N.name] : "",
             N.class
           ])
         }, [
@@ -13348,31 +13351,31 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             key: 0,
             ref_for: !0
           }, N.props, {
-            "model-value": (L = N.props) != null && L.parentKey ? (Z = (G = h.value) == null ? void 0 : G[N.props.parentKey]) == null ? void 0 : Z[N.name] : h.value[typeof N.name == "object" ? V(N.name) : N.name],
-            "error-message": I.value[typeof N.name == "object" ? V(N.name) : N.name],
+            "model-value": (L = N.props) != null && L.parentKey ? (Z = (G = h.value) == null ? void 0 : G[N.props.parentKey]) == null ? void 0 : Z[N.name] : h.value[typeof N.name == "object" ? E(N.name) : N.name],
+            "error-message": I.value[typeof N.name == "object" ? E(N.name) : N.name],
             "onUpdate:modelValue": (Y) => i(N, Y)
           }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : k(S.$slots, N.type, {
             key: 1,
             formId: e.id,
             form: N,
-            value: (q = N.props) != null && q.parentKey ? (H = (D = h.value) == null ? void 0 : D[N.props.parentKey]) == null ? void 0 : H[N.name] : h.value[typeof N.name == "object" ? V(N.name) : N.name],
-            error: I.value[typeof N.name == "object" ? V(N.name) : N.name],
+            value: (q = N.props) != null && q.parentKey ? (H = (D = h.value) == null ? void 0 : D[N.props.parentKey]) == null ? void 0 : H[N.name] : h.value[typeof N.name == "object" ? E(N.name) : N.name],
+            error: I.value[typeof N.name == "object" ? E(N.name) : N.name],
             onUpdate: i
           })
         ], 6);
       }), 128))
     ], 6)) : m("", !0);
   }
-}, C3 = be(() => import("./OcDataTable-Bh5cYmG_.js")), O3 = be(() => import("./OcFilterSearch-B7ECHrUM.js")), B3 = be(() => import("./OcFilterSearchFor-BA_PA1nt.js")), I3 = be(() => import("./OcFilterForm-B5gIb6za.js")), l$ = be(
-  () => import("./OcComplexCalendar-CJ5e2vgn.js")
+}, C3 = be(() => import("./OcDataTable-DdYe3d9A.js")), O3 = be(() => import("./OcFilterSearch-CrI7tLww.js")), B3 = be(() => import("./OcFilterSearchFor-ByVyGsvL.js")), I3 = be(() => import("./OcFilterForm-BD4F_p_-.js")), l$ = be(
+  () => import("./OcComplexCalendar-BLDUMYfD.js")
 ), T3 = be(
-  () => import("./OcComplexDatePicker-B82ju4PR.js")
-), Kt = be(() => import("./OcModalCropper-DlgNvUqW.js")), P3 = be(() => import("./OcCropper-yhUXOP5r.js")), i$ = be(() => import("./OcDraggable-C-RjArcr.js")), V3 = be(() => import("./OcDraggableList-DBqNVo1s.js")), E3 = be(() => import("./OcEmojiPicker-Dbtg6DE5.js")), A3 = be(
-  () => import("./ThumbnailTheme-CEOEnpXD.js")
+  () => import("./OcComplexDatePicker-DR_rDx_k.js")
+), Kt = be(() => import("./OcModalCropper-CtDRlDMK.js")), P3 = be(() => import("./OcCropper-DWLjgt8P.js")), i$ = be(() => import("./OcDraggable-C-RjArcr.js")), E3 = be(() => import("./OcDraggableList-C8ulvqkC.js")), V3 = be(() => import("./OcEmojiPicker-PI_T1ZAi.js")), A3 = be(
+  () => import("./ThumbnailTheme-BD8IIMJS.js")
 ), N3 = be(
-  () => import("./ThumbnailSection-cj-w-IPl.js")
-), D3 = be(() => import("./SubPlanCard-CIm4Z2Ag.js")), L3 = be(() => import("./OcTimePopup-CrwbZ_Nx.js")), o$ = be(() => import("./OcTimePicker-C71YzPN_.js")), M3 = be(
-  () => import("./OcAccountSetupProgress-Bt1XX_6T.js")
+  () => import("./ThumbnailSection-DPgr2Yye.js")
+), D3 = be(() => import("./SubPlanCard-DpgwNokp.js")), L3 = be(() => import("./OcTimePopup-CrwbZ_Nx.js")), o$ = be(() => import("./OcTimePicker-eeXUndiL.js")), M3 = be(
+  () => import("./OcAccountSetupProgress-CGu2mGjb.js")
 );
 export {
   R$ as $,
@@ -13402,7 +13405,7 @@ export {
   lt as X,
   Oa as Y,
   T$ as Z,
-  Ee as _,
+  Ve as _,
   Hu as a,
   N3 as a$,
   j$ as a0,
@@ -13439,8 +13442,8 @@ export {
   T3 as aV,
   Kt as aW,
   P3 as aX,
-  V3 as aY,
-  E3 as aZ,
+  E3 as aY,
+  V3 as aZ,
   A3 as a_,
   c3 as aa,
   u3 as ab,
@@ -13460,7 +13463,7 @@ export {
   e3 as ap,
   t3 as aq,
   n3 as ar,
-  Er as as,
+  Vr as as,
   jr as at,
   Gr as au,
   Yr as av,
@@ -13473,7 +13476,7 @@ export {
   o$ as b1,
   M3 as b2,
   v3 as c,
-  Ve as d,
+  Ee as d,
   y3 as e,
   p1 as f,
   k1 as g,
@@ -13493,7 +13496,7 @@ export {
   D$ as u,
   L$ as v,
   An as w,
-  E$ as x,
-  V$ as y,
+  V$ as x,
+  E$ as y,
   Ze as z
 };