@orchidui/core 1.82.0 → 1.85.0

package/dist/{index-bCjSyQT3.js → index-C8FoYytb.js}

@@ -1,6 +1,6 @@
-import { computed as M, ref as A, onMounted as Oe, createElementBlock as r, openBlock as l, normalizeClass as $, createCommentVNode as m, renderSlot as w, createElementVNode as s, createBlock as v, unref as d, Fragment as L, renderList as U, withCtx as C, createTextVNode as ee, toDisplayString as x, createVNode as p, resolveDynamicComponent as Ft, normalizeProps as ye, mergeProps as H, guardReactiveProps as He, withModifiers as ge, normalizeStyle as $e, createSlots as ie, watch as re, withDirectives as We, vShow as ut, onBeforeUnmount as Zn, useSlots as Tn, defineComponent as Jn, nextTick as Qe, resolveComponent as Qn, onUnmounted as kt, mergeModels as _n, useModel as ea, reactive as ta, Transition as Ze, useAttrs as na, withKeys as ht, Teleport as aa, defineAsyncComponent as be } from "vue";
+import { computed as M, ref as A, onMounted as Be, createElementBlock as r, openBlock as l, normalizeClass as $, createCommentVNode as m, renderSlot as w, createElementVNode as s, createBlock as v, unref as d, Fragment as L, renderList as U, withCtx as C, createTextVNode as ee, toDisplayString as x, createVNode as p, resolveDynamicComponent as Ft, normalizeProps as ye, mergeProps as H, guardReactiveProps as He, withModifiers as ge, normalizeStyle as $e, createSlots as ie, watch as re, withDirectives as We, vShow as ut, onBeforeUnmount as Zn, useSlots as Tn, defineComponent as Jn, nextTick as Qe, resolveComponent as Qn, onUnmounted as kt, mergeModels as _n, useModel as ea, reactive as ta, Transition as Ze, useAttrs as na, withKeys as ht, Teleport as aa, defineAsyncComponent as be } from "vue";
 import { S as ce } from "./OcSkeleton-BACPFrH2.js";
-import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as E } from "./OcIcon-BedshzZm.js";
 import { clickOutside as Rt } from "./directives/clickOutside.js";
 import { c as la, _ as Pn } from "./OcPopper-DAh56I2b.js";
@@ -20,7 +20,7 @@ import "./OcTheme-B6NTNYtz.js";
 const ra = {
   key: 0,
   class: "flex relative group/row md:p-0 py-3 w-full"
-}, S$ = {
+}, O$ = {
   __name: "OcTable",
   props: {
     options: {
@@ -87,7 +87,7 @@ const ra = {
     }, I = A(!0), k = A(!0), b = A(), S = () => {
       t.isSticky && b.value && (I.value = b.value.scrollLeft === 0, k.value = b.value.scrollLeft + b.value.clientWidth === b.value.scrollWidth);
     };
-    return Oe(() => S()), (T, O) => (l(), r("div", {
+    return Be(() => S()), (T, O) => (l(), r("div", {
       ref_key: "scrollTable",
       ref: b,
       class: $(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -745,7 +745,7 @@ const ra = {
       t[0] || (t[0] = s("div", { class: "w-9 border-b border-oc-text-200" }, null, -1))
     ], 4));
   }
-}, Ba = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-auto" }, C$ = {
+}, Ba = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-auto" }, B$ = {
   __name: "OcExpandingTable",
   props: {
     total: {
@@ -845,7 +845,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]" }, O$ = {
+}, 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$ = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -1332,7 +1332,7 @@ const ra = {
       ], 2);
     };
   }
-}, An = /* @__PURE__ */ Be(il, [["__scopeId", "data-v-78669018"]]), ol = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, sl = { key: 0 }, B$ = {
+}, An = /* @__PURE__ */ xe(il, [["__scopeId", "data-v-78669018"]]), ol = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, sl = { key: 0 }, T$ = {
   __name: "OcTransferSummary",
   props: {
     transfer: {
@@ -1756,7 +1756,7 @@ const ra = {
       const f = i.value.clientWidth - 105 - 32 - 4 * ((y = n.paymentMethods) == null ? void 0 : y.length) - 35, g = 35;
       o.value = Math.floor(f / g);
     };
-    return Oe(() => {
+    return Be(() => {
       u(), window.addEventListener("resize", u);
     }), Zn(() => {
       window.removeEventListener("resize", u);
@@ -2012,7 +2012,7 @@ const ra = {
       ]);
     };
   }
-}, I$ = {
+}, P$ = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2186,7 +2186,7 @@ const ra = {
 }, 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 = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, T$ = {
+}, V$ = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2254,7 +2254,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"
-}, P$ = {
+}, E$ = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2375,7 +2375,7 @@ const ra = {
 }, Xi = {
   key: 2,
   class: "w-[24px] h-[24px] min-w-[24px] text-oc-text-300 text-sm font-medium flex items-center justify-center border rounded-full border-oc-gray-200"
-}, Zi = { class: "flex flex-col gap-y-1" }, Ji = { class: "font-medium" }, Qi = { class: "text-oc-text-300 text-sm" }, V$ = {
+}, Zi = { class: "flex flex-col gap-y-1" }, Ji = { class: "font-medium" }, Qi = { class: "text-oc-text-300 text-sm" }, A$ = {
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2443,7 +2443,7 @@ const ra = {
 }, ro = {
   key: 1,
   class: "truncate"
-}, E$ = {
+}, N$ = {
   __name: "OcOnboardingRecap",
   props: {
     title: String,
@@ -2523,7 +2523,7 @@ const ra = {
 }, vo = { class: "bg-white rounded shadow" }, yo = { class: "p-5" }, ho = {
   key: 0,
   class: "p-5 border-t border-oc-gray-200 mt-3"
-}, A$ = {
+}, D$ = {
   __name: "OcAccountVerificationContent",
   props: {
     title: String,
@@ -2572,7 +2572,7 @@ const ra = {
 }, po = { class: "flex items-center" }, bo = { class: "flex items-center gap-3" }, xo = { class: "text-lg" }, wo = { class: "mt-4 text-oc-text-400" }, ko = {
   key: 0,
   class: "mt-5 flex gap-5"
-}, N$ = {
+}, L$ = {
   __name: "OcAccountVerificationBox",
   props: {
     title: String,
@@ -2621,7 +2621,7 @@ const ra = {
   },
   setup(e) {
     const n = e, t = A(!1), a = A(), i = (o) => o ? window.getComputedStyle(o).whiteSpace === "nowrap" ? o.scrollWidth > o.clientWidth : o.scrollHeight > o.clientHeight : !1;
-    return Oe(async () => {
+    return Be(async () => {
       n.header.variant === "tooltip" && (await Qe(), t.value = i(a.value));
     }), (o, u) => t.value ? (l(), v(d(se), {
       key: 0,
@@ -2831,7 +2831,7 @@ const ra = {
 }, Lo = { class: "flex p-3 items-center min-h-[35px] border-b border-oc-text-200" }, Mo = ["onClick"], Fo = { class: "text-oc-text-400 text-sm normal-case font-medium px-3 py-2" }, Ro = { class: "text-oc-text-400 text-sm normal-case font-medium px-3 py-2" }, jo = { key: 0 }, Uo = { key: 1 }, zo = {
   key: 0,
   class: "flex flex-col text-center gap-y-2"
-}, D$ = {
+}, M$ = {
   __name: "OcNewTable",
   props: {
     options: {
@@ -2882,8 +2882,8 @@ const ra = {
       const K = j[y.value], oe = q[y.value];
       if (typeof K == "number" && typeof oe == "number")
         return h.value === "asc" ? K - oe : oe - K;
-      const ue = String(K || "").toLowerCase(), xe = String(oe || "").toLowerCase();
-      return h.value === "asc" ? ue.localeCompare(xe) : xe.localeCompare(ue);
+      const ue = String(K || "").toLowerCase(), we = String(oe || "").toLowerCase();
+      return h.value === "asc" ? ue.localeCompare(we) : we.localeCompare(ue);
     }) : i.value), P = {
       DEFAULT: 125,
       ACTIONS: 32
@@ -2934,9 +2934,9 @@ const ra = {
       if (O) {
         I = !0;
         const j = S.value, q = j ? j.scrollLeft : 0, oe = F.pageX + q - N;
-        let xe = Array.from(O.parentElement.children).indexOf(O);
-        c.value && xe--, u.value && xe--;
-        const Te = o.value[xe];
+        let we = Array.from(O.parentElement.children).indexOf(O);
+        c.value && we--, u.value && we--;
+        const Te = o.value[we];
         let De = P.DEFAULT;
         Te && (Te.minWidth !== void 0 ? De = Te.minWidth : Te.key === "actions" && (De = P.ACTIONS));
         const Me = Math.max(De, D + oe);
@@ -2961,21 +2961,21 @@ const ra = {
       const K = F.offsetHeight, oe = F.parentElement.offsetWidth;
       let ue = 0;
       c.value && (ue += 32), u.value && (ue += 32);
-      const xe = oe - ue, Te = [];
+      const we = oe - ue, Te = [];
       let De = 0, Me = 0, Ge = 0;
       for (let le = 0; le < q.length; le++) {
         const ct = q[le].hasAttribute("data-checkbox-column"), Bt = q[le].hasAttribute("data-expand-column");
         if (ct || Bt)
           continue;
-        let Ce = le;
-        c.value && Ce--, u.value && Ce--;
-        const we = o.value[Ce];
+        let Oe = le;
+        c.value && Oe--, u.value && Oe--;
+        const ke = o.value[Oe];
         let Re = P.DEFAULT;
-        we && (we.minWidth !== void 0 ? Re = we.minWidth : we.key === "actions" && (Re = P.ACTIONS));
-        const Ae = we && we.width !== void 0, nt = we && we.minWidth !== void 0, ft = Ae ? we.width : null, Xn = nt ? we.minWidth : null;
+        ke && (ke.minWidth !== void 0 ? Re = ke.minWidth : ke.key === "actions" && (Re = P.ACTIONS));
+        const Ae = ke && ke.width !== void 0, nt = ke && ke.minWidth !== void 0, ft = Ae ? ke.width : null, Xn = nt ? ke.minWidth : null;
         Te.push({
           index: le,
-          header: we,
+          header: ke,
           minWidth: Re,
           hasPropsWidth: Ae,
           hasPropsMinWidth: nt,
@@ -2983,31 +2983,31 @@ const ra = {
           propsMinWidth: Xn
         }), Ae ? (Me++, Ge += ft) : De += Re;
       }
-      const tt = De + Ge < xe;
+      const tt = De + Ge < we;
       for (let le = 0; le < q.length; le++) {
         const ct = q[le].hasAttribute("data-checkbox-column"), Bt = q[le].hasAttribute("data-expand-column");
         if (ct || Bt) {
           q[le].style.width = "32px", q[le].style.minWidth = "32px";
           continue;
         }
-        const Ce = Te.find((Ae) => Ae.index === le);
-        if (!Ce) continue;
-        let we = Ce.minWidth, Re = Ce.minWidth;
-        if (Ce.hasPropsMinWidth && (Re = Ce.propsMinWidth), tt)
-          if (Ce.hasPropsWidth)
-            we = Ce.propsWidth;
+        const Oe = Te.find((Ae) => Ae.index === le);
+        if (!Oe) continue;
+        let ke = Oe.minWidth, Re = Oe.minWidth;
+        if (Oe.hasPropsMinWidth && (Re = Oe.propsMinWidth), tt)
+          if (Oe.hasPropsWidth)
+            ke = Oe.propsWidth;
           else {
             let Ae;
             if (Me === 0)
-              Ae = Math.max(Re, Math.floor(xe / Te.length));
+              Ae = Math.max(Re, Math.floor(we / Te.length));
             else {
-              const nt = xe - Ge, ft = Te.length - Me;
+              const nt = we - Ge, ft = Te.length - Me;
               Ae = Math.max(Re, Math.floor(nt / ft));
             }
-            we = Ae;
+            ke = Ae;
           }
-        else Ce.hasPropsWidth && (we = Ce.propsWidth);
-        if (Ce.header && Ce.header.key !== "actions" && (q[le].style.width = we + "px"), q[le].style.minWidth = Re + "px", le < q.length - 1) {
+        else Oe.hasPropsWidth && (ke = Oe.propsWidth);
+        if (Oe.header && Oe.header.key !== "actions" && (q[le].style.width = ke + "px"), q[le].style.minWidth = Re + "px", le < q.length - 1) {
           const Ae = W(K, q[le]);
           Ae && (q[le].appendChild(Ae), le === 0 || le === q.length - 1 || (q[le].style.position = "relative"), J(Ae));
         }
@@ -3017,7 +3017,7 @@ const ra = {
       ((F = T.value) == null ? void 0 : F.scrollLeft) > 0 ? z.value = !0 : z.value = !1;
     };
     let ae = null;
-    function Se(F, j) {
+    function Ce(F, j) {
       let q = null;
       return function(...K) {
         q && clearTimeout(q), q = setTimeout(() => {
@@ -3027,8 +3027,8 @@ const ra = {
     }
     const Z = () => {
       ae && ae.disconnect(), S.value && (ve(S.value), Ie(S.value)), S.value && ae && ae.observe(S.value, { childList: !0, subtree: !0 });
-    }, me = Se(Z, 50);
-    Oe(async () => {
+    }, me = Ce(Z, 50);
+    Be(async () => {
       await Qe(), setTimeout(() => {
         S.value && (Ie(S.value), T.value.addEventListener("scroll", pe), pe(), ae = new MutationObserver(() => {
           me();
@@ -3192,8 +3192,8 @@ const ra = {
                 }, ie({ _: 2 }, [
                   U(Object.keys(F.$slots), (ue) => ({
                     name: ue,
-                    fn: C((xe) => [
-                      w(F.$slots, ue, H({ ref_for: !0 }, xe))
+                    fn: C((we) => [
+                      w(F.$slots, ue, H({ ref_for: !0 }, we))
                     ])
                   }))
                 ]), 1032, ["headers", "row", "index", "is-expand", "is-selected", "is-selectable", "sorted-fields", "selected-rows", "get-row-key"]))), 128)),
@@ -3213,7 +3213,7 @@ const ra = {
 }, Yo = {
   key: 1,
   class: "inline-block"
-}, Xo = { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, L$ = {
+}, Xo = { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, F$ = {
   __name: "OcRowItemData",
   props: {
     items: Array
@@ -3267,7 +3267,7 @@ const ra = {
       ]))), 128))
     ]));
   }
-}, M$ = {
+}, R$ = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -3389,7 +3389,7 @@ const ra = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}, Jo = { class: "flex items-center flex-1 gap-x-4" }, Qo = { class: "flex flex-col gap-y-1" }, _o = { class: "font-medium" }, es = { class: "text-oc-text-400 text-sm" }, F$ = {
+}, Jo = { class: "flex items-center flex-1 gap-x-4" }, Qo = { class: "flex flex-col gap-y-1" }, _o = { class: "font-medium" }, es = { class: "text-oc-text-400 text-sm" }, j$ = {
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -3450,7 +3450,7 @@ const ra = {
 }, ts = ["src", "alt"], ns = { class: "flex-1" }, as = { class: "flex items-center" }, ls = { class: "text-lg text-oc-text-500" }, is = {
   key: 0,
   class: "ml-auto"
-}, os = { class: "mt-2 text-oc-text-400" }, R$ = {
+}, os = { class: "mt-2 text-oc-text-400" }, U$ = {
   __name: "OnboardingProductOption",
   props: /* @__PURE__ */ _n({
     productImageUrl: {
@@ -3521,7 +3521,7 @@ const ra = {
 }, ss = ["onClick"], rs = {
   key: 1,
   class: "bg-oc-error rounded-full h-6 w-6 flex items-center justify-center text-xs font-bold text-white px-4"
-}, en = 100, tn = 35, j$ = {
+}, en = 100, tn = 35, z$ = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -3566,7 +3566,7 @@ const ra = {
     }, P = (I) => {
       t.isDisabled || u("update:modelValue", I);
     };
-    return Oe(() => {
+    return Be(() => {
       y(), t.isArrows && V();
     }), re(
       () => t.tabs,
@@ -3658,7 +3658,7 @@ const ra = {
       ], 2)) : m("", !0)
     ], 2));
   }
-}, ds = ["src"], us = { class: "shrink-0" }, U$ = {
+}, ds = ["src"], us = { class: "shrink-0" }, H$ = {
   __name: "OcPaymentTab",
   props: {
     tab: {
@@ -3728,7 +3728,7 @@ const ra = {
       }, x(e.title), 3)
     ], 2));
   }
-}, ms = { class: "flex gap-x-7" }, z$ = {
+}, ms = { class: "flex gap-x-7" }, W$ = {
   __name: "OcSteps",
   props: {
     steps: {
@@ -3756,7 +3756,7 @@ const ra = {
       ])
     ]));
   }
-}, $s = { class: "flex gap-3 items-start md:flex-row flex-col" }, H$ = {
+}, $s = { class: "flex gap-3 items-start md:flex-row flex-col" }, G$ = {
   __name: "OcVariants",
   props: {
     variants: {
@@ -3843,22 +3843,22 @@ function ps(e, n) {
     w(e.$slots, "default")
   ]);
 }
-const W$ = /* @__PURE__ */ Be(ys, [["render", ps]]), bs = {}, xs = { class: "px-3 md:px-[40px] border-b border-oc-gray-200 h-[68px] w-full flex items-center relative bg-oc-accent-1-600" };
+const q$ = /* @__PURE__ */ xe(ys, [["render", ps]]), bs = {}, xs = { class: "px-3 md:px-[40px] border-b border-oc-gray-200 h-[68px] w-full flex items-center relative bg-oc-accent-1-600" };
 function ws(e, n) {
   return l(), r("div", xs, [
     w(e.$slots, "default")
   ]);
 }
-const G$ = /* @__PURE__ */ Be(bs, [["render", ws]]), ks = {}, Ss = { class: "flex items-center gap-x-3" };
+const K$ = /* @__PURE__ */ xe(bs, [["render", ws]]), ks = {}, Ss = { class: "flex items-center gap-x-3" };
 function Cs(e, n) {
   return l(), r("div", Ss, [
     w(e.$slots, "default")
   ]);
 }
-const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-center" }, Bs = {
+const Y$ = /* @__PURE__ */ xe(ks, [["render", Cs]]), Os = { class: "flex items-center" }, Bs = {
   key: 1,
   class: "text-oc-text-300 text-sm md:text-base"
-}, K$ = {
+}, X$ = {
   __name: "OcHeaderCenter",
   props: {
     isSaved: Boolean
@@ -3883,7 +3883,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       ])
     ]));
   }
-}, Is = { class: "flex items-center gap-x-7 ml-auto" }, Ts = { class: "flex gap-x-3" }, Y$ = {
+}, Is = { class: "flex items-center gap-x-7 ml-auto" }, Ts = { class: "flex gap-x-3" }, Z$ = {
   __name: "OcHeaderRight",
   props: {
     primaryProps: {
@@ -3924,7 +3924,7 @@ const q$ = /* @__PURE__ */ Be(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" }, X$ = {
+}, 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$ = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3943,7 +3943,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
     return re(
       () => n.modelValue,
       () => u()
-    ), Oe(() => u()), (c, f) => (l(), r(L, null, [
+    ), Be(() => u()), (c, f) => (l(), r(L, null, [
       s("div", Ps, [
         (l(!0), r(L, null, U(e.menus, (g) => (l(), r("div", {
           key: g.value,
@@ -4014,7 +4014,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
 }, Ns = { class: "flex py-1 items-center" }, Ds = { class: "w-[14px]" }, Ls = {
   key: 1,
   class: "text-center"
-}, Z$ = {
+}, Q$ = {
   __name: "OcChecklist",
   props: {
     index: {
@@ -4204,7 +4204,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       e.chipProps ? (l(), v(d(de), H({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : m("", !0)
     ]));
   }
-}, Ys = { class: "pb-4 flex flex-col" }, Xs = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, J$ = {
+}, Ys = { class: "pb-4 flex flex-col" }, Xs = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, _$ = {
   __name: "OcPageTitle",
   props: {
     title: { type: String, required: !0 },
@@ -4533,10 +4533,10 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       }, e.primaryButtonProps), null, 16, ["size"])) : m("", !0)
     ]));
   }
-}, ur = /* @__PURE__ */ Be(dr, [["__scopeId", "data-v-84aa7cb6"]]), cr = { class: "flex flex-col flex-1 py-4 gap-5 px-6 animated-section" }, fr = {
+}, ur = /* @__PURE__ */ xe(dr, [["__scopeId", "data-v-84aa7cb6"]]), cr = { class: "flex flex-col flex-1 py-4 gap-5 px-6 animated-section" }, fr = {
   key: 0,
   class: "border-t border-oc-gray-200 last:hidden first:hidden"
-}, Q$ = {
+}, e3 = {
   __name: "OcSidebar",
   props: {
     class: {
@@ -4571,7 +4571,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       var g;
       (g = f.children) != null && g.length ? o(f.name) : t("redirect", f);
     }, c = M(() => (a.isExpanded ? "w-[300px] " : "w-[76px] ") + a.class);
-    return Oe(() => {
+    return Be(() => {
       a.sidebarMenu.forEach((f) => {
         f.items.forEach((g) => {
           g.children && g.children.forEach((y) => {
@@ -4650,7 +4650,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       }, 8, ["is-expanded", "display-name"])
     ], 2));
   }
-}, _$ = {
+}, t3 = {
   __name: "OcSidebarSubmenu",
   props: {
     isExpanded: {
@@ -4962,7 +4962,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       ]))
     ], 2));
   }
-}, e3 = /* @__PURE__ */ Be(Tr, [["__scopeId", "data-v-fb4f007e"]]), Pr = { class: "pb-2" }, Vr = {
+}, n3 = /* @__PURE__ */ xe(Tr, [["__scopeId", "data-v-fb4f007e"]]), Pr = { class: "pb-2" }, Vr = {
   key: 0,
   class: "pl-3 uppercase text-oc-accent-1-200 relative text-medium text-sm"
 }, Er = {
@@ -5173,7 +5173,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
       ])
     ]));
   }
-}, Xr = { class: "relative" }, Zr = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Jr = { class: "py-2 px-3 gap-x-3 flex items-center" }, Qr = { class: "text-oc-accent-2 flex-1 font-medium" }, _r = { class: "flex items-center gap-x-2" }, ed = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, t3 = {
+}, Xr = { class: "relative" }, Zr = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Jr = { class: "py-2 px-3 gap-x-3 flex items-center" }, Qr = { class: "text-oc-accent-2 flex-1 font-medium" }, _r = { class: "flex items-center gap-x-2" }, ed = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, a3 = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -5232,7 +5232,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
 }, rd = {
   key: 2,
   class: "bg-oc-accent-2 text-white shrink-0 py-1 px-3 rounded-sm uppercase text-xs font-medium"
-}, n3 = {
+}, l3 = {
   __name: "OcSubSidebar",
   props: {
     title: {
@@ -5286,7 +5286,7 @@ const q$ = /* @__PURE__ */ Be(ks, [["render", Cs]]), Os = { class: "flex items-c
 }, dd = { class: "relative" }, ud = {
   key: 0,
   class: "flex items-center gap-x-2"
-}, a3 = {
+}, i3 = {
   __name: "OcEmptyPage",
   props: {
     isButton: {
@@ -5678,7 +5678,7 @@ function Vd(e, n) {
     w(e.$slots, "default")
   ]);
 }
-const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad = {
+const Vt = /* @__PURE__ */ xe(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad = {
   key: 0,
   class: "p-2"
 }, Nd = { class: "py-2 px-3" }, Dd = {
@@ -5933,7 +5933,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
 }, Kd = ["href"], Yd = { class: "truncate" }, Xd = { class: "text-oc-text whitespace-nowrap" }, Zd = {
   key: 1,
   class: "flex items-center h-[30px] gap-x-2 w-full"
-}, l3 = {
+}, o3 = {
   __name: "OcAdditionalContent",
   props: {
     mainLink: { type: String, default: "" },
@@ -6123,7 +6123,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       ]);
     };
   }
-}, i3 = /* @__PURE__ */ Be(au, [["__scopeId", "data-v-d658d1d3"]]), lu = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, iu = { class: "text-sm" }, o3 = {
+}, s3 = /* @__PURE__ */ xe(au, [["__scopeId", "data-v-d658d1d3"]]), lu = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, iu = { class: "text-sm" }, r3 = {
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -6152,7 +6152,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       }, e.buttonProps), null, 16)) : m("", !0)
     ]));
   }
-}, ou = { class: "w-screen relative bg-oc-warning-300 flex items-center justify-center px-5" }, su = { class: "flex-1 flex flex-col items-center md:flex-row gap-3 md:gap-5" }, ru = { class: "text-sm font-medium" }, du = ["innerHTML"], uu = { class: "md:ml-auto mr-auto flex items-center gap-2" }, cu = { class: "flex items-center gap-2 underline" }, s3 = {
+}, ou = { class: "w-screen relative bg-oc-warning-300 flex items-center justify-center px-5" }, su = { class: "flex-1 flex flex-col items-center md:flex-row gap-3 md:gap-5" }, ru = { class: "text-sm font-medium" }, du = ["innerHTML"], uu = { class: "md:ml-auto mr-auto flex items-center gap-2" }, cu = { class: "flex items-center gap-2 underline" }, d3 = {
   __name: "OcTopBanner",
   props: {
     chipProps: {
@@ -6222,7 +6222,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       ])
     ]));
   }
-}, fu = { class: "flex flex-col text-center gap-y-3" }, mu = { class: "text-lg font-medium" }, $u = { class: "text-sm text-oc-text-400" }, r3 = {
+}, fu = { class: "flex flex-col text-center gap-y-3" }, mu = { class: "text-lg font-medium" }, $u = { class: "text-sm text-oc-text-400" }, u3 = {
   __name: "OcBox",
   props: {
     icon: String,
@@ -6249,7 +6249,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       ])
     ], 2));
   }
-}, d3 = {
+}, c3 = {
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -6275,7 +6275,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       e.chipProps ? (l(), v(d(de), H({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : m("", !0)
     ], 2));
   }
-}, gu = { class: "flex items-center" }, vu = { class: "flex flex-1 items-center gap-x-3" }, yu = { class: "font-medium text-lg" }, u3 = {
+}, gu = { class: "flex items-center" }, vu = { class: "flex flex-1 items-center gap-x-3" }, yu = { class: "font-medium text-lg" }, f3 = {
   __name: "OcVerificationOption",
   props: {
     title: {
@@ -6323,7 +6323,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
 }, pu = { class: "flex flex-col gap-y-3" }, bu = { class: "font-medium text-oc-text" }, xu = { class: "text-oc-text-400" }, wu = { class: "flex gap-x-3" }, ku = {
   key: 0,
   class: "text-oc-text"
-}, Su = ["innerHTML"], c3 = {
+}, Su = ["innerHTML"], m3 = {
   __name: "OcSnackbar",
   props: {
     modelValue: {
@@ -6418,7 +6418,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       async () => {
         await Qe(), g();
       }
-    ), Oe(() => {
+    ), Be(() => {
       window.addEventListener("resize", g), setTimeout(g, 100);
     }), kt(() => {
       window.removeEventListener("resize", g);
@@ -6436,8 +6436,9 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
               "gap-x-5 pt-5 pb-6 px-5 items-start": f.value,
               "gap-x-4 py-4 px-5 items-center": !f.value && !c.value,
               "!pr-10": e.dismissible
-            }
-          ], "border rounded-lg flex shadow-sm snackbar relative"]),
+            },
+            c.value ? "rounded" : "rounded-lg"
+          ], "border flex shadow-sm snackbar relative"]),
           style: $e(e.isFloating && e.position.includes("center") ? { left: u.value + "px" } : "")
         }, [
           e.showIcon ? (l(), r(L, { key: 0 }, [
@@ -6595,10 +6596,10 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       _: 3
     }, 8, ["name"]));
   }
-}, f3 = /* @__PURE__ */ Be(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" }, Vu = {
   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" }, m3 = {
+}, Eu = { class: "text-sm" }, g3 = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -6806,7 +6807,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       ], 2)) : m("", !0)
     ], 2));
   }
-}, Q = /* @__PURE__ */ Be(Uu, [["__scopeId", "data-v-af49bb32"]]), zu = { class: "w-[30px] h-[20px] flex items-center justify-center" }, Hu = {
+}, Q = /* @__PURE__ */ xe(Uu, [["__scopeId", "data-v-af49bb32"]]), zu = { class: "w-[30px] h-[20px] flex items-center justify-center" }, Hu = {
   __name: "OcCardInput",
   props: {
     placeholder: String,
@@ -6930,7 +6931,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       _: 3
     }, 8, ["label", "hint", "error-message"]));
   }
-}, Fe = /* @__PURE__ */ Be(Gu, [["__scopeId", "data-v-bdfcee55"]]), qu = {
+}, Fe = /* @__PURE__ */ xe(Gu, [["__scopeId", "data-v-bdfcee55"]]), qu = {
   __name: "OcCheckboxesGroup",
   props: {
     alignment: {
@@ -7009,7 +7010,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, Ku = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, $3 = {
+}, Ku = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, v3 = {
   __name: "OcCriteria",
   props: {
     modelValue: Boolean,
@@ -7274,7 +7275,7 @@ const Vt = /* @__PURE__ */ Be(Td, [["render", Vd]]), Ed = { class: "flex" }, Ad
 }), ec = { class: "flex flex-1 items-baseline gap-x-2" }, tc = {
   key: 0,
   class: "text-oc-text-300"
-}, nc = { class: "w-full flex flex-wrap gap-2" }, ac = { key: 1 }, lc = ["value", "readonly", "placeholder", "disabled"], g3 = {
+}, nc = { class: "w-full flex flex-wrap gap-2" }, ac = { key: 1 }, lc = ["value", "readonly", "placeholder", "disabled"], y3 = {
   __name: "OcInputOption",
   props: {
     label: String,
@@ -7468,7 +7469,7 @@ function uc(e, n) {
   }
   return String(e);
 }
-var cc = "1.2.0", fc = "1.7.35", an = " ext. ", mc = /^\d+$/, ke = /* @__PURE__ */ (function() {
+var cc = "1.2.0", fc = "1.7.35", an = " ext. ", mc = /^\d+$/, Se = /* @__PURE__ */ (function() {
   function e(n) {
     Ct(this, e), Dn(n), this.metadata = n, Ln.call(this, n);
   }
@@ -7888,7 +7889,7 @@ var yc = function(n) {
   return Je(n);
 };
 function jt(e, n) {
-  if (n = new ke(n), n.hasCountry(e))
+  if (n = new Se(n), n.hasCountry(e))
     return n.selectNumberingPlan(e).countryCallingCode();
   throw new Error("Unknown country: ".concat(e));
 }
@@ -7900,7 +7901,7 @@ function Ut(e, n, t) {
   return hc(e, n, void 0, t);
 }
 function hc(e, n, t, a) {
-  n && (a = new ke(a.metadata), a.selectNumberingPlan(n));
+  n && (a = new Se(a.metadata), a.selectNumberingPlan(n));
   var i = a.type(t), o = i && i.possibleLengths() || a.possibleLengths();
   if (!o)
     return "IS_POSSIBLE";
@@ -7908,7 +7909,7 @@ function hc(e, n, t, a) {
   return c === u ? "IS_POSSIBLE" : c > u ? "TOO_SHORT" : o[o.length - 1] < u ? "TOO_LONG" : o.indexOf(u, 1) >= 0 ? "IS_POSSIBLE" : "INVALID_LENGTH";
 }
 function pc(e, n, t) {
-  if (n === void 0 && (n = {}), t = new ke(t), n.v2) {
+  if (n === void 0 && (n = {}), t = new Se(t), n.v2) {
     if (!e.countryCallingCode)
       throw new Error("Invalid phone number object passed");
     t.selectNumberingPlan(e.countryCallingCode);
@@ -7974,7 +7975,7 @@ function sn(e, n) {
 var wc = ["MOBILE", "PREMIUM_RATE", "TOLL_FREE", "SHARED_COST", "VOIP", "PERSONAL_NUMBER", "PAGER", "UAN", "VOICEMAIL"];
 function zt(e, n, t) {
   if (n = n || {}, !(!e.country && !e.countryCallingCode)) {
-    t = new ke(t), t.selectNumberingPlan(e.country, e.countryCallingCode);
+    t = new Se(t), t.selectNumberingPlan(e.country, e.countryCallingCode);
     var a = n.v2 ? e.nationalNumber : e.phone;
     if (Ue(a, t.nationalNumberPattern())) {
       if (It(a, "FIXED_LINE", t))
@@ -7991,25 +7992,25 @@ function It(e, n, t) {
   return n = t.type(n), !n || !n.pattern() || n.possibleLengths() && n.possibleLengths().indexOf(e.length) < 0 ? !1 : Ue(e, n.pattern());
 }
 function kc(e, n, t) {
-  if (n = n || {}, t = new ke(t), t.selectNumberingPlan(e.country, e.countryCallingCode), t.hasTypes())
+  if (n = n || {}, t = new Se(t), t.selectNumberingPlan(e.country, e.countryCallingCode), t.hasTypes())
     return zt(e, n, t.metadata) !== void 0;
   var a = n.v2 ? e.nationalNumber : e.phone;
   return Ue(a, t.nationalNumberPattern());
 }
 function Sc(e, n, t) {
-  var a = new ke(t), i = a.getCountryCodesForCallingCode(e);
+  var a = new Se(t), i = a.getCountryCodesForCallingCode(e);
   return i ? i.filter(function(o) {
     return Cc(n, o, t);
   }) : [];
 }
 function Cc(e, n, t) {
-  var a = new ke(t);
+  var a = new Se(t);
   return a.selectNumberingPlan(n), a.numberingPlan.possibleLengths().indexOf(e.length) >= 0;
 }
 var Ht = 2, Oc = 17, Bc = 3, Le = "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("([" + Le + "])");
 function Dc(e, n, t, a) {
   if (n) {
-    var i = new ke(a);
+    var i = new Se(a);
     i.selectNumberingPlan(n, t);
     var o = new RegExp(i.IDDPrefix());
     if (e.search(o) === 0) {
@@ -8075,7 +8076,7 @@ function rn(e, n) {
 }
 function Rc(e, n) {
   var t = n.countries, a = n.metadata;
-  a = new ke(a);
+  a = new Se(a);
   for (var i = Mc(t), o; !(o = i()).done; ) {
     var u = o.value;
     if (a.selectNumberingPlan(u), a.leadingDigits()) {
@@ -8131,7 +8132,7 @@ function Uc(e, n, t) {
 function zc(e, n, t, a, i) {
   var o = t ? jt(t, i) : a;
   if (e.indexOf(o) === 0) {
-    i = new ke(i), i.selectNumberingPlan(t, o);
+    i = new Se(i), i.selectNumberingPlan(t, o);
     var u = e.slice(o.length), c = Et(u, n, i), f = c.nationalNumber, g = Et(e, n, i), y = g.nationalNumber;
     if (!Ue(y, i.nationalNumberPattern()) && Ue(f, i.nationalNumberPattern()) || Ut(y, n, i) === "TOO_LONG")
       return {
@@ -8170,7 +8171,7 @@ function Rn(e, n, t, a, i) {
   }
   if (e[1] === "0")
     return {};
-  i = new ke(i);
+  i = new Se(i);
   for (var y = 2; y - 1 <= Bc && y <= e.length; ) {
     var h = e.slice(1, y);
     if (i.hasCallingCode(h))
@@ -8208,7 +8209,7 @@ function Gc(e, n, t) {
 }
 var qc = /^[\d]+(?:[~\u2053\u223C\uFF5E][\d]+)?$/;
 function Kc(e, n, t) {
-  var a = new ke(t);
+  var a = new Se(t);
   if (a.selectNumberingPlan(e, n), a.defaultIDDPrefix())
     return a.defaultIDDPrefix();
   if (qc.test(a.IDDPrefix()))
@@ -8247,7 +8248,7 @@ var dn = {
   }
 };
 function a0(e, n, t, a) {
-  if (t ? t = o0({}, dn, t) : t = dn, a = new ke(a), e.country && e.country !== "001") {
+  if (t ? t = o0({}, dn, t) : t = dn, a = new Se(a), e.country && e.country !== "001") {
     if (!a.hasCountry(e.country))
       throw new Error("Unknown country: ".concat(e.country));
     a.selectNumberingPlan(e.country);
@@ -8440,7 +8441,7 @@ var m0 = /* @__PURE__ */ (function() {
   }, {
     key: "isNonGeographic",
     value: function() {
-      var t = new ke(this.getMetadata());
+      var t = new Se(this.getMetadata());
       return t.isNonGeographicCallingCode(this.countryCallingCode);
     }
   }, {
@@ -8498,7 +8499,7 @@ var m0 = /* @__PURE__ */ (function() {
   return /^[A-Z]{2}$/.test(n);
 };
 function g0(e, n) {
-  var t, a, i = new ke(n);
+  var t, a, i = new Se(n);
   return $0(e) ? (t = e, i.selectNumberingPlan(t), a = i.countryCallingCode()) : a = e, {
     country: t,
     countryCallingCode: a
@@ -8748,7 +8749,7 @@ function z0(e, n) {
 }
 var H0 = 250, W0 = new RegExp("[" + Wt + Le + "]"), G0 = new RegExp("[^" + Le + "#]+$");
 function q0(e, n, t) {
-  if (n = n || {}, t = new ke(t), n.defaultCountry && !t.hasCountry(n.defaultCountry))
+  if (n = n || {}, t = new Se(t), n.defaultCountry && !t.hasCountry(n.defaultCountry))
     throw n.v2 ? new ze("INVALID_COUNTRY") : new Error("Unknown country: ".concat(n.defaultCountry));
   var a = Y0(e, n.v2, n.extract), i = a.number, o = a.ext, u = a.error;
   if (!i) {
@@ -9394,7 +9395,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     }, f = (h) => {
       isNaN(h[0]) || isNaN(h[1]) || (i.value = Number(h[0]), o.value = Number(h[1]), a("update:modelValue", [Number(i.value), Number(o.value)]));
     };
-    return Oe(() => {
+    return Be(() => {
       t.onlyInput || u.value.updateSlider();
     }), (h, V) => (l(), r("div", C1, [
       p(d(Ve), {
@@ -9609,7 +9610,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
     const N = A("100%"), D = M(() => ({ maxWidth: N.value })), z = () => {
       var W, G, Y, J;
       i("toggle"), N.value = (G = (W = B.value) == null ? void 0 : W.$el) != null && G.offsetWidth ? `${(J = (Y = B.value) == null ? void 0 : Y.$el) == null ? void 0 : J.offsetWidth}px` : "100%", setTimeout(() => {
-        var pe, ae, Se;
+        var pe, ae, Ce;
         let ne, fe;
         if (Array.isArray(a.modelValue) ? ne = a.modelValue[0] ?? null : ne = a.modelValue, !ne) return;
         k.value.find((Z, me) => {
@@ -9617,7 +9618,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
             return fe = me, !0;
         });
         const ve = g.value[fe], Ie = (pe = ve == null ? void 0 : ve.optionItemRef) == null ? void 0 : pe.offsetTop;
-        (Se = (ae = y.value) == null ? void 0 : ae.parentNode) == null || Se.scrollTo(0, Ie - 60, { behavior: "smooth" });
+        (Ce = (ae = y.value) == null ? void 0 : ae.parentNode) == null || Ce.scrollTo(0, Ie - 60, { behavior: "smooth" });
       }, 10);
     }, R = (W) => {
       var Y, J, ne;
@@ -9929,7 +9930,7 @@ const m1 = { class: "flex gap-x-2 items-center" }, $1 = { class: "text-oc-text-4
       w(a.$slots, "after")
     ], 512));
   }
-}, j1 = { class: "flex flex-col" }, U1 = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, v3 = {
+}, j1 = { class: "flex flex-col" }, U1 = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, h3 = {
   __name: "OcGroupOptions",
   props: {
     label: String
@@ -10280,10 +10281,10 @@ function i2() {
             }
           }
           return (function(ae) {
-            var Se = ae.afternoon;
-            if (Se !== void 0) {
+            var Ce = ae.afternoon;
+            if (Ce !== void 0) {
               var Z = ae.hours;
-              Se ? Z < 12 && (ae.hours += 12) : Z === 12 && (ae.hours = 0), delete ae.afternoon;
+              Ce ? Z < 12 && (ae.hours += 12) : Z === 12 && (ae.hours = 0), delete ae.afternoon;
             }
           })(G), G;
         };
@@ -10297,13 +10298,13 @@ function i2() {
           var _ = R[1];
           if (typeof _ == "string") {
             var W = R[2] === !0, G = R[3] === !0, Y = W || G, J = R[2];
-            G && (J = R[2]), f = this.$locale(), !W && J && (f = T.Ls[J]), this.$d = (function(Ie, pe, ae, Se) {
+            G && (J = R[2]), f = this.$locale(), !W && J && (f = T.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 Z = k(pe)(Ie), me = Z.year, Ee = Z.month, _e = Z.day, et = Z.hours, X = Z.minutes, F = Z.seconds, j = Z.milliseconds, q = Z.zone, K = Z.week, oe = /* @__PURE__ */ new Date(), ue = _e || (me || Ee ? 1 : oe.getDate()), xe = me || oe.getFullYear(), Te = 0;
+                var Z = k(pe)(Ie), me = Z.year, Ee = Z.month, _e = Z.day, et = Z.hours, X = Z.minutes, F = Z.seconds, j = Z.milliseconds, q = Z.zone, K = Z.week, oe = /* @__PURE__ */ new Date(), ue = _e || (me || Ee ? 1 : oe.getDate()), we = me || oe.getFullYear(), Te = 0;
                 me && !Ee || (Te = Ee > 0 ? Ee - 1 : oe.getMonth());
                 var De, Me = et || 0, Ge = X || 0, tt = F || 0, le = j || 0;
-                return q ? new Date(Date.UTC(xe, Te, ue, Me, Ge, tt, le + 60 * q.offset * 1e3)) : ae ? new Date(Date.UTC(xe, Te, ue, Me, Ge, tt, le)) : (De = new Date(xe, Te, ue, Me, Ge, tt, le), K && (De = Se(De).week(K).toDate()), De);
+                return q ? new Date(Date.UTC(we, Te, ue, Me, Ge, tt, le + 60 * q.offset * 1e3)) : ae ? new Date(Date.UTC(we, Te, ue, Me, Ge, tt, le)) : (De = new Date(we, Te, ue, Me, Ge, tt, le), K && (De = Ce(De).week(K).toDate()), De);
               } catch {
                 return /* @__PURE__ */ new Date("");
               }
@@ -10525,7 +10526,7 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
     ) : !1 : c.value && f.value && c.value <= X && f.value >= X, ae = (X) => {
       const F = i.value.date(X);
       return t.disabledDate(F.toDate()) || t.minDate && F.isBefore(te(t.minDate), "day") || t.maxDate && F.isAfter(te(t.maxDate), "day");
-    }, Se = () => {
+    }, Ce = () => {
       k.value && (ae(o.value.toDate()) || ae(u.value.toDate())) || (V.value = !1, a(
         "update:modelValue",
         k.value ? [N.value.from, N.value.to].map((X) => X.toDate()) : o.value.toDate()
@@ -10535,7 +10536,7 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
     }, me = (X, F = !0) => {
       if (!k.value) {
         let q = te(T.value, "MMMM YYYY").date(X);
-        c.value = X, o.value = q, f.value = null, u.value = null, Se();
+        c.value = X, o.value = q, f.value = null, u.value = null, Ce();
         return;
       }
       let j = X && i.value.date(X);
@@ -10543,7 +10544,7 @@ const A2 = { class: "flex items-center justify-between" }, N2 = { class: "flex f
         c.value = X, o.value = j, f.value = void 0, u.value = void 0, V.value = !0;
         return;
       }
-      u.value = j, f.value = X, F && Se();
+      u.value = j, f.value = X, F && Ce();
     }, Ee = E2((X) => {
       V.value && me(X, !1);
     }, 50), _e = () => {
@@ -10838,7 +10839,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         }, () => {
           var B, N;
           return [
-            f.value ? (l(), v(d(n$), {
+            f.value ? (l(), v(d(l$), {
               key: 0,
               "model-value": {
                 start: (B = e.modelValue) == null ? void 0 : B[0],
@@ -10998,7 +10999,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     };
     return n({
       updateSlider: I
-    }), Oe(() => I()), (k, b) => {
+    }), Be(() => I()), (k, b) => {
       var S, T, O, B;
       return l(), r("div", ef, [
         e.label ? (l(), r("label", tf, [
@@ -11067,7 +11068,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       ]);
     };
   }
-}, Yn = /* @__PURE__ */ Be(df, [["__scopeId", "data-v-90983831"]]), uf = { class: "flex" }, cf = { class: "flex flex-col gap-y-1 flex-1" }, ff = { class: "font-medium gap-x-3 flex items-center" }, mf = { class: "px-3 py-3 text-sm text-oc-text-400 whitespace-pre-line" }, $f = {
+}, Yn = /* @__PURE__ */ xe(df, [["__scopeId", "data-v-90983831"]]), uf = { class: "flex" }, cf = { class: "flex flex-col gap-y-1 flex-1" }, ff = { class: "font-medium gap-x-3 flex items-center" }, mf = { class: "px-3 py-3 text-sm text-oc-text-400 whitespace-pre-line" }, $f = {
   key: 1,
   class: "text-sm text-oc-error flex items-center"
 }, gf = {
@@ -11493,7 +11494,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           onChange: b
         }, null, 40, Pf)
       ])) : m("", !0),
-      (l(), v(d(a$), {
+      (l(), v(d(i$), {
         key: e.uploadedImages.length,
         "model-value": e.uploadedImages,
         disabled: e.isDisabled,
@@ -11607,7 +11608,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         onChangeImage: I,
         "onUpdate:inputOptions": k
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
-      p(d(Fm), {
+      p(d(jm), {
         modelValue: g.value,
         "onUpdate:modelValue": N[3] || (N[3] = (D) => g.value = D),
         description: "Do you want to delete this image ?",
@@ -11621,7 +11622,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
 }, Uf = { class: "flex items-baseline gap-x-3 w-full" }, zf = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Hf = ["accept"], Wf = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
-}, Gf = ["src"], qf = ["src"], Kf = { class: "py-2 flex flex-col" }, Yf = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400 overflow-hidden" }, Xf = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Zf = { class: "uppercase text-[8px] font-bold leading-none block" }, Jf = { class: "flex" }, Qf = { class: "text-sm text-oc-primary" }, _f = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, y3 = {
+}, Gf = ["src"], qf = ["src"], Kf = { class: "py-2 flex flex-col" }, Yf = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400 overflow-hidden" }, Xf = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Zf = { class: "uppercase text-[8px] font-bold leading-none block" }, Jf = { class: "flex" }, Qf = { class: "text-sm text-oc-primary" }, _f = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, em = {
   __name: "OcSingleFileUpload",
   props: {
     format: {
@@ -11630,6 +11631,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     },
     modelValue: Object,
     isPreview: Boolean,
+    showErrorStyleOnly: Boolean,
     isImageOnly: Boolean,
     showUploadImageArea: Boolean,
     /**
@@ -11687,7 +11689,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       var z;
       return (z = V.value) == null ? void 0 : z[0];
     });
-    Oe(() => {
+    Be(() => {
       if (t.modelValue && t.modelValue.current) {
         const z = [
           {
@@ -11729,13 +11731,13 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       label: e.label,
       "label-class": e.labelClass,
       hint: e.hint,
-      "error-message": e.errorMessage
+      "error-message": e.showErrorStyleOnly ? void 0 : e.errorMessage
     }, {
       hint: C(() => [
-        w(z.$slots, "hint")
+        w(z.$slots, "hint", {}, void 0, !0)
       ]),
       default: C(() => {
-        var _, W, G, Y, J, ne, fe, ve, Ie, pe, ae, Se;
+        var _, W, G, Y, J, ne, fe, ve, Ie, pe, ae, Ce;
         return [
           e.isImageOnly ? (l(), v(Of, {
             key: 0,
@@ -11865,7 +11867,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                         ])
                       ], 2)
                     ];
-                  }),
+                  }, !0),
                   e.isDisabled ? m("", !0) : (l(), r("div", {
                     key: 0,
                     class: "w-[36px] cursor-pointer flex text-oc-error items-center justify-center",
@@ -11874,7 +11876,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                     p(d(E), {
                       width: "16",
                       height: "16",
-                      name: ((Se = b.value) == null ? void 0 : Se.progress) === 100 ? "bin" : "x-circle"
+                      name: ((Ce = b.value) == null ? void 0 : Ce.progress) === 100 ? "bin" : "x-circle"
                     }, null, 8, ["name"])
                   ]))
                 ])
@@ -11905,7 +11907,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                   class: $(["p-3 flex bg-white items-center gap-x-5 rounded border w-full", [
                     f.value ? "border-oc-primary border-dashed" : "border-oc-gray-200",
                     {
-                      "!bg-oc-bg-dark": e.isDisabled
+                      "!bg-oc-bg-dark": e.isDisabled,
+                      "error-shadow": !!e.errorMessage
                     }
                   ]]),
                   onDragenter: R[9] || (R[9] = (Z) => f.value = !0),
@@ -11940,16 +11943,16 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       _: 3
     }, 8, ["label", "label-class", "hint", "error-message"]));
   }
-}, em = { class: "flex flex-col gap-y-2" }, tm = ["accept"], nm = { class: "input-file-uploaded flex flex-col gap-y-3" }, am = { class: "flex items-center gap-x-3" }, lm = { class: "flex flex-col items-center justify-center text-oc-text-300" }, im = { class: "uppercase text-[8px] font-bold leading-none block" }, om = { class: "text-oc-text-400 text-sm" }, sm = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, rm = ["accept"], dm = {
+}, p3 = /* @__PURE__ */ xe(em, [["__scopeId", "data-v-74e97145"]]), tm = { class: "flex flex-col gap-y-2" }, nm = ["accept"], am = { class: "input-file-uploaded flex flex-col gap-y-3" }, lm = { class: "flex items-center gap-x-3" }, im = { class: "flex flex-col items-center justify-center text-oc-text-300" }, om = { class: "uppercase text-[8px] font-bold leading-none block" }, sm = { class: "text-oc-text-400 text-sm" }, rm = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, dm = ["accept"], um = {
   key: 1,
   class: "w-full text-oc-text-300 text-sm h-full flex-1 flex flex-col justify-center items-center my-auto min-h-[120px] transition-all duration-300 gap-2"
-}, um = { key: 0 }, cm = { key: 1 }, fm = {
+}, cm = { key: 0 }, fm = { key: 1 }, mm = {
   key: 2,
   class: "text-center"
-}, mm = {
+}, $m = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, h3 = {
+}, gm = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -11970,6 +11973,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     label: String,
     errorMessage: String,
     isImageOnly: Boolean,
+    showErrorStyleOnly: Boolean,
     columnsCount: Number,
     selectedImage: {
       type: Object,
@@ -12003,7 +12007,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       a.accept,
       a.validateAcceptFileType
     );
-    Oe(() => {
+    Be(() => {
       const I = [];
       a.modelValue.length > 0 && (a.modelValue.forEach((k) => {
         k.current && I.push({
@@ -12032,14 +12036,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       var I;
       (I = i.value) == null || I.click();
     };
-    return (I, k) => (l(), r("div", em, [
+    return (I, k) => (l(), r("div", tm, [
       p(d(Ve), {
         label: e.label,
         hint: e.hint,
-        "error-message": d(c) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
+        "error-message": e.showErrorStyleOnly ? void 0 : d(c) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
       }, {
         hint: C(() => [
-          w(I.$slots, "hint")
+          w(I.$slots, "hint", {}, void 0, !0)
         ]),
         default: C(() => [
           e.isImageOnly ? (l(), v(Ff, {
@@ -12068,13 +12072,13 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                 item: b.item,
                 removeItem: b.removeItem,
                 fileIndex: b.i
-              })
+              }, void 0, !0)
             ]),
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "is-disabled", "onChange", "onDelete"])) : e.isButtonOnly ? (l(), r(L, { key: 1 }, [
             w(I.$slots, "button", { triggerInput: P }, () => [
               p(d(Q), H(e.buttonUploadProps, { onClick: P }), null, 16)
-            ]),
+            ], !0),
             s("input", {
               id: "my-file",
               ref_key: "inputRef",
@@ -12084,31 +12088,32 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
               multiple: "",
               accept: e.accept,
               onChange: h
-            }, null, 40, tm)
+            }, null, 40, nm)
           ], 64)) : (l(), r("div", {
             key: 2,
             class: $(["relative border rounded p-3 min-w-[30rem] flex flex-col", [
               d(c) || e.errorMessage ? "border-oc-error" : "border-oc-gray-200",
               {
-                "bg-oc-bg-dark": e.isDisabled
+                "bg-oc-bg-dark": e.isDisabled,
+                "error-shadow": !!e.errorMessage
               }
             ]])
           }, [
-            s("div", nm, [
+            s("div", am, [
               (l(!0), r(L, null, U(d(f), (b, S) => (l(), r("div", {
                 key: `${S}-${b.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
-                s("div", am, [
-                  s("div", lm, [
+                s("div", lm, [
+                  s("div", im, [
                     p(d(E), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    s("span", im, x(b.extension), 1)
+                    s("span", om, x(b.extension), 1)
                   ]),
-                  s("span", om, x(b == null ? void 0 : b.fileName), 1)
+                  s("span", sm, x(b == null ? void 0 : b.fileName), 1)
                 ]),
                 w(I.$slots, "progress", {
                   currentIndex: S,
@@ -12118,14 +12123,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                     key: 0,
                     class: $(["w-[100px] h-[16px] absolute right-0 flex items-center z-40", { "on-end-loading": b.progress === 100 }])
                   }, [
-                    s("div", sm, [
+                    s("div", rm, [
                       s("div", {
                         style: $e({ width: `${b.progress}%` }),
                         class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
                       }, null, 4)
                     ])
                   ], 2)) : m("", !0)
-                ]),
+                ], !0),
                 e.isDisabled ? m("", !0) : (l(), v(d(E), {
                   key: 0,
                   width: "12",
@@ -12161,15 +12166,15 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
                 onDragleave: k[8] || (k[8] = (b) => o.value = !1),
                 onDrop: k[9] || (k[9] = (b) => o.value = !1),
                 onChange: h
-              }, null, 40, rm)),
-              d(f).length ? e.isDisabled ? m("", !0) : (l(), r("div", mm, [...k[11] || (k[11] = [
+              }, null, 40, dm)),
+              d(f).length ? e.isDisabled ? m("", !0) : (l(), r("div", $m, [...k[11] || (k[11] = [
                 s("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
-              ])])) : (l(), r("div", dm, [
+              ])])) : (l(), r("div", um, [
                 p(d(E), {
                   name: "upload",
                   class: $(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
-                e.labelUploadArea ? (l(), r("div", um, x(e.labelUploadArea), 1)) : e.isDisabled ? (l(), r("div", cm, "Upload disabled")) : (l(), r("div", fm, [
+                e.labelUploadArea ? (l(), r("div", cm, x(e.labelUploadArea), 1)) : e.isDisabled ? (l(), r("div", fm, "Upload disabled")) : (l(), r("div", mm, [
                   k[10] || (k[10] = s("div", null, "Select documents or drag here", -1)),
                   s("div", null, "File max " + x(e.maxSize) + "MB", 1)
                 ]))
@@ -12181,7 +12186,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, $m = ["value"], gm = {
+}, b3 = /* @__PURE__ */ xe(gm, [["__scopeId", "data-v-fca55696"]]), vm = ["value"], ym = {
   __name: "OcNumberInput",
   props: {
     modelValue: {
@@ -12242,7 +12247,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             placeholder: "1",
             onKeydown: u,
             onInput: f[0] || (f[0] = (g) => c.$emit("update:modelValue", g.target.value))
-          }, null, 42, $m),
+          }, null, 42, vm),
           p(d(Q), {
             variant: "secondary",
             class: "w-[28px] shrink-0 aspect-square",
@@ -12257,7 +12262,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       _: 1
     }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
   }
-}, vm = /* @__PURE__ */ Be(gm, [["__scopeId", "data-v-794b43c4"]]), ym = {
+}, hm = /* @__PURE__ */ xe(ym, [["__scopeId", "data-v-794b43c4"]]), pm = {
   __name: "OcDropdown",
   props: {
     distance: {
@@ -12308,7 +12313,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       popper: o
     });
     const V = A(!1);
-    return Oe(() => {
+    return Be(() => {
       g.value.closest("#modal-overlay-wrapper") && (V.value = !0);
     }), (P, I) => We((l(), r("span", {
       ref_key: "parentElement",
@@ -12363,16 +12368,16 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       [d(Rt), f]
     ]);
   }
-}, he = /* @__PURE__ */ Be(ym, [["__scopeId", "data-v-1f87fc2b"]]), hm = { class: "flex items-center justify-between gap-x-3 p-3" }, pm = { class: "flex items-center gap-x-3" }, bm = {
+}, he = /* @__PURE__ */ xe(pm, [["__scopeId", "data-v-1f87fc2b"]]), bm = { class: "flex items-center justify-between gap-x-3 p-3" }, xm = { class: "flex items-center gap-x-3" }, wm = {
   key: 0,
   class: "bg-oc-warning-50 text-oc-warning shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
-}, xm = {
+}, km = {
   key: 1,
   class: "bg-oc-accent-2-50 text-oc-accent-2 shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
-}, wm = {
+}, Sm = {
   key: 2,
   class: "bg-oc-accent-2-50 text-oc-accent-2 shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
-}, km = {
+}, Cm = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, Ne = {
@@ -12399,8 +12404,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     return (t, a) => (l(), r("div", {
       class: $(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", n.value[e.variant]])
     }, [
-      s("div", hm, [
-        s("div", pm, [
+      s("div", bm, [
+        s("div", xm, [
           e.icon ? (l(), v(d(E), H({
             key: 0,
             class: "w-5 h-5",
@@ -12409,14 +12414,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           s("span", null, x(e.text), 1),
           w(t.$slots, "badge")
         ]),
-        e.isBeta ? (l(), r("div", bm, " BETA ")) : e.isNew ? (l(), r("div", xm, " NEW ")) : e.isTryIt ? (l(), r("div", wm, " TRY IT ")) : m("", !0)
+        e.isBeta ? (l(), r("div", wm, " BETA ")) : e.isNew ? (l(), r("div", km, " NEW ")) : e.isTryIt ? (l(), r("div", Sm, " TRY IT ")) : m("", !0)
       ]),
-      e.subText ? (l(), r("div", km, [
+      e.subText ? (l(), r("div", Cm, [
         s("span", null, x(e.subText), 1)
       ])) : m("", !0)
     ], 2));
   }
-}, Sm = { class: "oc-tooltip-wrapper" }, Cm = {
+}, Om = { class: "oc-tooltip-wrapper" }, Bm = {
   __name: "OcTooltip",
   props: {
     popperClass: {
@@ -12478,7 +12483,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       var g, y;
       t.value = !0, (y = (g = o.value) == null ? void 0 : g.popperInstance) == null || y.update(), n.hideAfter && setTimeout(() => c(), n.hideAfter);
     }, c = () => t.value = !1;
-    Oe(() => {
+    Be(() => {
       if (n.trigger === "hover") {
         const g = ["mouseenter", "focus"], y = ["mouseleave", "blur"];
         g.forEach((h) => {
@@ -12496,7 +12501,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     const f = () => {
       t.value && c();
     };
-    return (g, y) => We((l(), r("span", Sm, [
+    return (g, y) => We((l(), r("span", Om, [
       p(d(Pn), {
         ref_key: "popper",
         ref: o,
@@ -12545,14 +12550,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       [d(Rt), f]
     ]);
   }
-}, se = /* @__PURE__ */ Be(Cm, [["__scopeId", "data-v-80e32f1d"]]), Om = {
+}, se = /* @__PURE__ */ xe(Bm, [["__scopeId", "data-v-80e32f1d"]]), Im = {
   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"
-}, Bm = { class: "flex flex-col gap-y-1 overflow-hidden" }, Im = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Tm = {
+}, Tm = { class: "flex flex-col gap-y-1 overflow-hidden" }, Pm = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Vm = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, Pm = ["id"], Vm = {
+}, Em = ["id"], Am = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -12649,7 +12654,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     ), kt(() => {
       var y;
       (y = f.value) == null || y.removeEventListener("scroll", g);
-    }), (y, h) => e.modelValue ? (l(), r("div", Om, [
+    }), (y, h) => e.modelValue ? (l(), r("div", Im, [
       s("div", {
         class: "w-full h-full absolute top-0 left-0 z-[1008]",
         onClick: o
@@ -12662,10 +12667,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           class: $(["flex bg-inherit border-oc-gray-200 gap-x-9 justify-between p-5 items-start rounded-t-xl", e.isBorderless ? "" : "border-b"])
         }, [
           w(y.$slots, "header", {}, () => [
-            s("div", Bm, [
-              s("span", Im, x(e.title), 1),
+            s("div", Tm, [
+              s("span", Pm, x(e.title), 1),
               w(y.$slots, "description", {}, () => [
-                e.description ? (l(), r("span", Tm, x(e.description), 1)) : m("", !0)
+                e.description ? (l(), r("span", Vm, x(e.description), 1)) : m("", !0)
               ])
             ]),
             e.isCloseIcon ? (l(), r("div", {
@@ -12689,7 +12694,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           onScroll: h[1] || (h[1] = (V) => a("content-scroll", V))
         }, [
           w(y.$slots, "default")
-        ], 42, Pm),
+        ], 42, Em),
         e.isFooterVisible ? (l(), r("div", {
           key: 1,
           class: $(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -12716,10 +12721,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       ], 2)
     ])) : m("", !0);
   }
-}, Em = {
+}, Nm = {
   key: 0,
   class: "fixed w-screen z-[1008] bg-white top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, Am = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Nm = { class: "modal-body p-9" }, p3 = {
+}, Dm = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Lm = { class: "modal-body p-9" }, x3 = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -12750,8 +12755,8 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
   emits: ["update:modelValue", "back", "click:outside"],
   setup(e, { emit: n }) {
     const t = n;
-    return (a, i) => e.modelValue ? (l(), r("div", Em, [
-      s("div", Am, [
+    return (a, i) => e.modelValue ? (l(), r("div", Nm, [
+      s("div", Dm, [
         w(a.$slots, "top"),
         s("div", {
           class: $(["relative z-[1008] shadow-normal max-w-[1440px] bg-[linear-gradient(180deg,_rgba(229,_238,_255,_0.5)_0%,_rgba(229,_238,_255,_0)_77.75%)] rounded-xl flex flex-col overflow-y-auto mx-auto", e.contentClass])
@@ -12779,14 +12784,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
             }),
             i[2] || (i[2] = s("span", null, "Close", -1))
           ]),
-          s("div", Nm, [
+          s("div", Lm, [
             w(a.$slots, "default")
           ])
         ], 2)
       ])
     ])) : m("", !0);
   }
-}, Dm = { class: "text-center" }, Lm = ["innerHTML"], Mm = {
+}, Mm = { class: "text-center" }, Fm = ["innerHTML"], Rm = {
   __name: "OcConfirmation",
   props: {
     description: String,
@@ -12825,14 +12830,14 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           name: e.icon ?? n[e.variant]
         }, null, 8, ["name"])
       ], 2)),
-      s("div", Dm, [
+      s("div", Mm, [
         w(a.$slots, "description", {}, () => [
-          s("span", { innerHTML: e.description }, null, 8, Lm)
+          s("span", { innerHTML: e.description }, null, 8, Fm)
         ])
       ])
     ], 2));
   }
-}, Fm = {
+}, jm = {
   __name: "OcConfirmationModal",
   props: {
     modelValue: {
@@ -12905,7 +12910,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     })), u = (c) => {
       a("update:model-value", c), a("cancel");
     };
-    return (c, f) => (l(), v(d(Vm), {
+    return (c, f) => (l(), v(d(Am), {
       size: "small",
       "model-value": e.modelValue,
       title: e.title,
@@ -12928,7 +12933,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       onCancel: f[1] || (f[1] = (g) => c.$emit("cancel"))
     }, {
       default: C(() => [
-        p(Mm, {
+        p(Rm, {
           "icon-class": e.iconClass,
           variant: e.variant,
           description: e.description,
@@ -12948,10 +12953,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       _: 3
     }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
   }
-}, Rm = { class: "fixed bottom-[30px] right-[32px]" }, jm = { class: "relative" }, Um = {
+}, Um = { class: "fixed bottom-[30px] right-[32px]" }, zm = { class: "relative" }, Hm = {
   key: 0,
   class: "flex items-center justify-end"
-}, zm = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Hm = { class: "min-w-[180px]" }, Wm = { class: "p-3" }, Gm = { class: "uppercase text-oc-text-400 text-xs font-medium" }, b3 = {
+}, Wm = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Gm = { class: "min-w-[180px]" }, qm = { class: "p-3" }, Km = { class: "uppercase text-oc-text-400 text-xs font-medium" }, w3 = {
   __name: "OcSupportMenu",
   props: {
     modelValue: {
@@ -12989,7 +12994,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     const n = {
       arrowHidden: !0
     };
-    return (t, a) => (l(), r("div", Rm, [
+    return (t, a) => (l(), r("div", Um, [
       p(d(he), {
         "model-value": e.modelValue,
         "popper-options": n,
@@ -12998,10 +13003,10 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
         "onUpdate:modelValue": a[0] || (a[0] = (i) => t.$emit("update:modelValue", i))
       }, {
         menu: C(() => [
-          s("div", Hm, [
+          s("div", Gm, [
             (l(!0), r(L, null, U(e.topMenu, (i, o) => (l(), r(L, { key: o }, [
-              s("div", Wm, [
-                s("span", Gm, x(i.title), 1)
+              s("div", qm, [
+                s("span", Km, x(i.title), 1)
               ]),
               (l(!0), r(L, null, U(i.items, (u, c) => (l(), v(d(Ne), H({
                 key: c,
@@ -13040,11 +13045,11 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
           ])
         ]),
         default: C(() => [
-          s("div", jm, [
-            e.isPointed ? (l(), r("div", Um, [...a[1] || (a[1] = [
+          s("div", zm, [
+            e.isPointed ? (l(), r("div", Hm, [...a[1] || (a[1] = [
               s("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ])])) : m("", !0),
-            s("div", zm, [
+            s("div", Wm, [
               p(d(E), {
                 name: "question",
                 width: "33",
@@ -13057,7 +13062,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       }, 8, ["model-value"])
     ]));
   }
-}, qm = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, qe = {
+}, Ym = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, qe = {
   __name: "OcCopyTooltip",
   props: {
     value: [String, Blob],
@@ -13087,7 +13092,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       distance: 20
     }, e.tooltipOptions), {
       popper: C(() => [
-        s("div", qm, x(e.tooltipText), 1)
+        s("div", Ym, x(e.tooltipText), 1)
       ]),
       default: C(({ isShow: i }) => [
         s("div", {
@@ -13106,7 +13111,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       _: 3
     }, 16));
   }
-}, Km = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Ym = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Xm = { class: "flex flex-col gap-y-7 p-5" }, Zm = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, Jm = ["src"], Qm = { class: "flex text-center flex-col gap-y-3" }, _m = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, e$ = { class: "text-oc-text-400" }, t$ = { class: "py-6 px-5 flex items-center justify-center" }, x3 = {
+}, Xm = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Zm = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Jm = { class: "flex flex-col gap-y-7 p-5" }, Qm = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, _m = ["src"], e$ = { class: "flex text-center flex-col gap-y-3" }, t$ = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, n$ = { class: "text-oc-text-400" }, a$ = { class: "py-6 px-5 flex items-center justify-center" }, k3 = {
   __name: "OcWhiteList",
   props: {
     buttonProps: {
@@ -13122,28 +13127,28 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
     description: String
   },
   setup(e) {
-    return (n, t) => (l(), r("div", Km, [
+    return (n, t) => (l(), r("div", Xm, [
       t[0] || (t[0] = s("div", { class: "absolute w-full h-full top-0 left-0 bg-oc-gray-50 opacity-80" }, null, -1)),
-      s("div", Ym, [
-        s("div", Xm, [
+      s("div", Zm, [
+        s("div", Jm, [
           w(n.$slots, "logo", {}, () => [
-            s("div", Zm, [
+            s("div", Qm, [
               s("img", {
                 src: e.imagePath,
                 alt: "logo"
-              }, null, 8, Jm)
+              }, null, 8, _m)
             ])
           ]),
-          s("div", Qm, [
-            s("div", _m, [
+          s("div", e$, [
+            s("div", t$, [
               ee(x(e.title) + " ", 1),
               e.tagOptions ? (l(), v(d(oa), ye(H({ key: 0 }, e.tagOptions)), null, 16)) : m("", !0)
             ]),
-            s("span", e$, x(e.description), 1)
+            s("span", n$, x(e.description), 1)
           ]),
           w(n.$slots, "bottom")
         ]),
-        s("div", t$, [
+        s("div", a$, [
           w(n.$slots, "footer", {}, () => [
             p(d(Q), H({
               label: "Request Access",
@@ -13154,7 +13159,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       ])
     ]));
   }
-}, w3 = {
+}, S3 = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -13200,13 +13205,13 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       CardInput: Hu,
       CheckboxesGroup: qu,
       Input: Pe,
-      NumberInput: vm,
+      NumberInput: hm,
       LinkInput: G1,
       Select: L1,
       TextArea: Y1,
       Toggle: Vn,
       RadioGroup: S1,
-      TimePicker: l$,
+      TimePicker: o$,
       DatePicker: _2,
       Checkbox: Fe,
       Slider: Yn,
@@ -13293,7 +13298,7 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       () => {
         k(t.values);
       }
-    ), Oe(() => {
+    ), Be(() => {
       k(t.values), b(t.errors);
     }), (O, B) => Object.values(h.value).length > 0 ? (l(), r("div", {
       key: 0,
@@ -13329,37 +13334,37 @@ const q2 = { class: "flex flex-col gap-y-2 w-full" }, K2 = {
       }), 128))
     ], 6)) : m("", !0);
   }
-}, k3 = be(() => import("./OcDataTable-BAwRSUXK.js")), S3 = be(() => import("./OcFilterSearch-zuB6sb4e.js")), C3 = be(() => import("./OcFilterSearchFor-DzKgmWHO.js")), O3 = be(() => import("./OcFilterForm-DN3RDIu8.js")), n$ = be(
-  () => import("./OcComplexCalendar-Djuu7XHD.js")
-), B3 = be(
-  () => import("./OcComplexDatePicker-CRhfLQ-r.js")
-), Kt = be(() => import("./OcModalCropper-2FL4LGG8.js")), I3 = be(() => import("./OcCropper-Bi54_WPy.js")), a$ = be(() => import("./OcDraggable-C-RjArcr.js")), T3 = be(() => import("./OcDraggableList-BqsxfG8p.js")), P3 = be(() => import("./OcEmojiPicker-DG4mHPil.js")), V3 = be(
-  () => import("./ThumbnailTheme-Dgu2zM7T.js")
-), E3 = be(
-  () => import("./ThumbnailSection-CWMrhbpT.js")
-), A3 = be(() => import("./SubPlanCard-Dcbz-YVc.js")), N3 = be(() => import("./OcTimePopup-CrwbZ_Nx.js")), l$ = be(() => import("./OcTimePicker-BiZt6Ada.js")), D3 = be(
-  () => import("./OcAccountSetupProgress-Bef2KlWg.js")
+}, C3 = be(() => import("./OcDataTable-uM55wFqt.js")), O3 = be(() => import("./OcFilterSearch-B9Yw5cPO.js")), B3 = be(() => import("./OcFilterSearchFor-BdPnBt2s.js")), I3 = be(() => import("./OcFilterForm-CxITJCq7.js")), l$ = be(
+  () => import("./OcComplexCalendar-CKO561E-.js")
+), T3 = be(
+  () => import("./OcComplexDatePicker-DywKLmPD.js")
+), Kt = be(() => import("./OcModalCropper-mE-taQii.js")), P3 = be(() => import("./OcCropper-xqBktsvE.js")), i$ = be(() => import("./OcDraggable-C-RjArcr.js")), V3 = be(() => import("./OcDraggableList-CbMdcgLJ.js")), E3 = be(() => import("./OcEmojiPicker-BbwOCK6O.js")), A3 = be(
+  () => import("./ThumbnailTheme-D7IF5dB1.js")
+), N3 = be(
+  () => import("./ThumbnailSection-miqBz4q-.js")
+), D3 = be(() => import("./SubPlanCard-GnB-bbw1.js")), L3 = be(() => import("./OcTimePopup-CrwbZ_Nx.js")), o$ = be(() => import("./OcTimePicker-QTENUVZy.js")), M3 = be(
+  () => import("./OcAccountSetupProgress-DvUq0tKP.js")
 );
 export {
-  M$ as $,
-  Ye as A,
+  R$ as $,
+  P$ as A,
   Q as B,
   Fe as C,
-  I$ as D,
-  Pi as E,
-  D$ as F,
-  V$ as G,
-  E$ as H,
-  Na as I,
-  Da as J,
-  pt as K,
-  O$ as L,
-  Jt as M,
-  vm as N,
-  Qt as O,
-  L$ as P,
-  S$ as Q,
-  C$ as R,
+  Pi as D,
+  M$ as E,
+  A$ as F,
+  N$ as G,
+  Na as H,
+  Da as I,
+  pt as J,
+  I$ as K,
+  Jt as L,
+  Qt as M,
+  hm as N,
+  p3 as O,
+  F$ as P,
+  O$ as Q,
+  B$ as R,
   Yn as S,
   Xt as T,
   mt as U,
@@ -13367,99 +13372,99 @@ export {
   ka as W,
   lt as X,
   Oa as Y,
-  B$ as Z,
+  T$ as Z,
   Ve as _,
   Hu as a,
-  E3 as a$,
-  F$ as a0,
-  R$ as a1,
-  z$ as a2,
+  N3 as a$,
+  j$ as a0,
+  U$ as a1,
+  W$ as a2,
   fs as a3,
-  j$ as a4,
-  U$ as a5,
-  H$ as a6,
+  z$ as a4,
+  H$ as a5,
+  G$ as a6,
   vs as a7,
-  l3 as a8,
+  o3 as a8,
   yd as a9,
-  f3 as aA,
+  $3 as aA,
   de as aB,
-  m3 as aC,
-  c3 as aD,
-  Fm as aE,
+  g3 as aC,
+  m3 as aD,
+  jm as aE,
   qe as aF,
   he as aG,
   Ne as aH,
-  Vm as aI,
-  p3 as aJ,
-  b3 as aK,
+  Am as aI,
+  x3 as aJ,
+  w3 as aK,
   se as aL,
-  x3 as aM,
+  k3 as aM,
   qt as aN,
-  n$ as aO,
-  a$ as aP,
-  N3 as aQ,
-  S3 as aR,
-  O3 as aS,
-  C3 as aT,
-  k3 as aU,
-  B3 as aV,
+  l$ as aO,
+  i$ as aP,
+  L3 as aQ,
+  O3 as aR,
+  I3 as aS,
+  B3 as aT,
+  C3 as aU,
+  T3 as aV,
   Kt as aW,
-  I3 as aX,
-  T3 as aY,
-  P3 as aZ,
-  V3 as a_,
-  d3 as aa,
-  r3 as ab,
-  Z$ as ac,
-  a3 as ad,
-  i3 as ae,
-  W$ as af,
-  G$ as ag,
-  q$ as ah,
-  K$ as ai,
-  Y$ as aj,
-  X$ as ak,
-  J$ as al,
+  P3 as aX,
+  V3 as aY,
+  E3 as aZ,
+  A3 as a_,
+  c3 as aa,
+  u3 as ab,
+  Q$ as ac,
+  i3 as ad,
+  s3 as ae,
+  q$ as af,
+  K$ as ag,
+  Y$ as ah,
+  X$ as ai,
+  Z$ as aj,
+  J$ as ak,
+  _$ as al,
   ur as am,
   lr as an,
-  o3 as ao,
-  Q$ as ap,
-  _$ as aq,
-  e3 as ar,
+  r3 as ao,
+  e3 as ap,
+  t3 as aq,
+  n3 as ar,
   Er as as,
   jr as at,
   Gr as au,
   Yr as av,
-  t3 as aw,
-  n3 as ax,
-  s3 as ay,
-  u3 as az,
+  a3 as aw,
+  l3 as ax,
+  d3 as ay,
+  f3 as az,
   qu as b,
-  A3 as b0,
-  l$ as b1,
-  D3 as b2,
-  $3 as c,
+  D3 as b0,
+  o$ as b1,
+  M3 as b2,
+  v3 as c,
   Pe as d,
-  g3 as e,
+  y3 as e,
   p1 as f,
   k1 as g,
   S1 as h,
   I1 as i,
   L1 as j,
   xn as k,
-  v3 as l,
+  h3 as l,
   G1 as m,
   Y1 as n,
   G2 as o,
   _2 as p,
   gf as q,
   bf as r,
-  y3 as s,
-  h3 as t,
-  w3 as u,
-  A$ as v,
-  N$ as w,
-  An as x,
-  P$ as y,
-  T$ as z
+  b3 as s,
+  S3 as t,
+  D$ as u,
+  L$ as v,
+  An as w,
+  E$ as x,
+  V$ as y,
+  Ye as z
 };