@orchidui/core 1.8.1-7 → 1.8.1-8

package/dist/{index-BjrHsZ8-.js → index-Dq1RknPv.js}

@@ -21,7 +21,7 @@ import "./OcTheme-CWgrJh5Q.js";
 const Kt = {
   key: 0,
   class: "flex relative group/row md:p-0 py-3 w-full"
-}, km = {
+}, Cm = {
   __name: "OcTable",
   props: {
     options: {
@@ -705,7 +705,7 @@ const Kt = {
       a[1] || (a[1] = n("div", { class: "w-9" }, null, -1))
     ]));
   }
-}), vl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, Sm = /* @__PURE__ */ Z({
+}), vl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, Vm = /* @__PURE__ */ Z({
   __name: "OcExpadingTable",
   props: {
     total: {
@@ -785,7 +785,7 @@ const Kt = {
       ])
     ]));
   }
-}), gl = { class: "w-full items-center flex relative" }, pl = { class: "flex items-center gap-x-6" }, yl = { class: "hidden md:flex items-center gap-x-3" }, xl = { class: "md:hidden mx-[30px]" }, Cm = {
+}), gl = { class: "w-full items-center flex relative" }, pl = { class: "flex items-center gap-x-6" }, yl = { class: "hidden md:flex items-center gap-x-3" }, xl = { class: "md:hidden mx-[30px]" }, Bm = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -1290,7 +1290,7 @@ const Kt = {
       ], 2);
     };
   }
-}, St = /* @__PURE__ */ be(Yl, [["__scopeId", "data-v-88d0c278"]]), Wl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Kl = { key: 0 }, Vm = {
+}, St = /* @__PURE__ */ be(Yl, [["__scopeId", "data-v-88d0c278"]]), Wl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Kl = { key: 0 }, Om = {
   __name: "OcTransferSummary",
   props: {
     transfer: {
@@ -1968,7 +1968,7 @@ const Kt = {
       ])
     ], 2));
   }
-}), Bm = {
+}), Im = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2134,7 +2134,7 @@ const Kt = {
 }, xn = { class: "uppercase" }, hn = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, bn = { class: "mb-auto" }, wn = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, Om = {
+}, Tm = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2202,7 +2202,7 @@ const Kt = {
 }, On = { class: "flex items-center gap-3" }, In = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, Tn = { class: "p-2 border-b border-gray-200" }, Dn = {
   key: 0,
   class: "p-2"
-}, Im = {
+}, Dm = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2329,7 +2329,7 @@ const Kt = {
 }, Pn = {
   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"
-}, En = { class: "flex flex-col gap-y-1" }, Nn = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, Tm = /* @__PURE__ */ Z({
+}, En = { class: "flex flex-col gap-y-1" }, Nn = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, Am = /* @__PURE__ */ Z({
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2385,7 +2385,7 @@ const Kt = {
       ])
     ]));
   }
-}), Dm = {
+}), jm = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2509,7 +2509,7 @@ const Kt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), Fn = { class: "flex items-center flex-1 gap-x-4" }, Un = { class: "flex flex-col gap-y-1" }, qn = { class: "font-medium" }, Hn = { class: "text-oc-text-400 text-sm" }, Am = /* @__PURE__ */ Z({
+}), Fn = { class: "flex items-center flex-1 gap-x-4" }, Un = { class: "flex flex-col gap-y-1" }, qn = { class: "font-medium" }, Hn = { class: "text-oc-text-400 text-sm" }, Mm = /* @__PURE__ */ Z({
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -2570,7 +2570,7 @@ const Kt = {
 }), Yn = ["onClick"], Wn = {
   key: 0,
   class: "bg-oc-error rounded-full h-6 w-6 flex items-center justify-center text-xs font-bold text-white px-4"
-}, ft = 100, vt = 35, jm = {
+}, ft = 100, vt = 35, Lm = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -2696,7 +2696,7 @@ const Kt = {
       ], 2)) : m("", !0)
     ], 2));
   }
-}, Kn = ["src"], Gn = { class: "shrink-0" }, Mm = {
+}, Kn = ["src"], Gn = { class: "shrink-0" }, Pm = {
   __name: "OcPaymentTab",
   props: {
     tab: {
@@ -2766,7 +2766,7 @@ const Kt = {
       }, w(e.title), 3)
     ], 2));
   }
-}), Zn = { class: "flex gap-x-7" }, Lm = /* @__PURE__ */ Z({
+}), Zn = { class: "flex gap-x-7" }, Em = /* @__PURE__ */ Z({
   __name: "OcSteps",
   props: {
     steps: {
@@ -2794,7 +2794,7 @@ const Kt = {
       ])
     ]));
   }
-}), Qn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Pm = /* @__PURE__ */ Z({
+}), Qn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Nm = /* @__PURE__ */ Z({
   __name: "OcVariants",
   props: {
     variants: {
@@ -2882,22 +2882,22 @@ function ai(e, r) {
     k(e.$slots, "default")
   ]);
 }
-const Em = /* @__PURE__ */ be(ti, [["render", ai]]), ni = {}, ii = { 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 zm = /* @__PURE__ */ be(ti, [["render", ai]]), ni = {}, ii = { 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 oi(e, r) {
   return t(), i("div", ii, [
     k(e.$slots, "default")
   ]);
 }
-const Nm = /* @__PURE__ */ be(ni, [["render", oi]]), si = {}, ri = { class: "flex items-center gap-x-3" };
+const Rm = /* @__PURE__ */ be(ni, [["render", oi]]), si = {}, ri = { class: "flex items-center gap-x-3" };
 function di(e, r) {
   return t(), i("div", ri, [
     k(e.$slots, "default")
   ]);
 }
-const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-center" }, ui = {
+const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-center" }, ui = {
   key: 1,
   class: "text-oc-text-300 text-sm md:text-base"
-}, Rm = {
+}, Um = {
   __name: "OcHeaderCenter",
   props: {
     isSaved: Boolean
@@ -2922,7 +2922,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, mi = { class: "flex items-center gap-x-7 ml-auto" }, fi = { class: "flex gap-x-3" }, Fm = {
+}, mi = { class: "flex items-center gap-x-7 ml-auto" }, fi = { class: "flex gap-x-3" }, qm = {
   __name: "OcHeaderRight",
   props: {
     primaryProps: {
@@ -2963,7 +2963,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, vi = { class: "gap-x-9 hidden md:flex relative" }, gi = ["onClick"], pi = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, yi = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, Um = {
+}, vi = { class: "gap-x-9 hidden md:flex relative" }, gi = ["onClick"], pi = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, yi = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, Hm = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3184,7 +3184,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       e.chipProps ? (t(), p(o(ne), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : m("", !0)
     ]));
   }
-}), Ii = { class: "pb-4 flex flex-col" }, Ti = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, qm = {
+}), Ii = { class: "pb-4 flex flex-col" }, Ti = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, Ym = {
   __name: "OcPageTitle",
   props: {
     title: { type: String, required: !0 },
@@ -3519,7 +3519,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
 }, Yi = /* @__PURE__ */ be(Hi, [["__scopeId", "data-v-84aa7cb6"]]), Wi = { class: "flex flex-col flex-1 py-4 gap-5 px-6 animated-section" }, Ki = {
   key: 0,
   class: "border-t border-oc-gray-200 last:hidden first:hidden"
-}, Hm = {
+}, Wm = {
   __name: "OcSidebar",
   props: {
     class: {
@@ -3623,7 +3623,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       }, 8, ["is-expanded", "display-name"])
     ], 2));
   }
-}, Ym = {
+}, Km = {
   __name: "OcSidebarSubmenu",
   props: {
     isExpanded: {
@@ -3898,7 +3898,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       ]))
     ], 2));
   }
-}, Wm = /* @__PURE__ */ be(mo, [["__scopeId", "data-v-fb4f007e"]]), fo = { class: "pb-2" }, vo = {
+}, Gm = /* @__PURE__ */ be(mo, [["__scopeId", "data-v-fb4f007e"]]), fo = { class: "pb-2" }, vo = {
   key: 0,
   class: "pl-3 uppercase text-oc-accent-1-200 relative text-medium text-sm"
 }, go = {
@@ -4085,7 +4085,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, Oo = { class: "relative" }, Io = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, To = { class: "py-2 px-3 gap-x-3 flex items-center" }, Do = { class: "text-oc-accent-2 flex-1 font-medium" }, Ao = { class: "flex items-center gap-x-2" }, jo = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, Km = {
+}, Oo = { class: "relative" }, Io = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, To = { class: "py-2 px-3 gap-x-3 flex items-center" }, Do = { class: "text-oc-accent-2 flex-1 font-medium" }, Ao = { class: "flex items-center gap-x-2" }, jo = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, Xm = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -4132,7 +4132,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, Mo = { class: "py-7 flex flex-col gap-y-3 px-4" }, Lo = { class: "flex flex-col gap-y-2" }, Po = ["onClick"], Gm = /* @__PURE__ */ Z({
+}, Mo = { class: "py-7 flex flex-col gap-y-3 px-4" }, Lo = { class: "flex flex-col gap-y-2" }, Po = ["onClick"], Jm = /* @__PURE__ */ Z({
   __name: "OcSubSidebar",
   props: {
     title: {
@@ -4176,7 +4176,7 @@ const zm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}), Eo = { class: "relative" }, Xm = {
+}), Eo = { class: "relative" }, Zm = {
   __name: "OcEmptyPage",
   props: {
     isButton: {
@@ -4813,7 +4813,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
 }, bs = ["href"], ws = { class: "truncate" }, $s = { class: "text-oc-text whitespace-nowrap" }, ks = {
   key: 1,
   class: "flex items-center h-[30px] gap-x-2 w-full"
-}, Jm = {
+}, Qm = {
   __name: "OcAdditionalContent",
   props: {
     mainLink: { type: String, default: "" },
@@ -5003,7 +5003,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       ]);
     };
   }
-}, Zm = /* @__PURE__ */ be(Ts, [["__scopeId", "data-v-d658d1d3"]]), Ds = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, As = { class: "text-sm" }, Qm = /* @__PURE__ */ Z({
+}, _m = /* @__PURE__ */ be(Ts, [["__scopeId", "data-v-d658d1d3"]]), Ds = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, As = { class: "text-sm" }, ef = /* @__PURE__ */ Z({
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -5024,7 +5024,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       }, e.chipProps), null, 16)) : m("", !0)
     ]));
   }
-}), js = { class: "flex flex-col text-center gap-y-3" }, Ms = { class: "text-lg font-medium" }, Ls = { class: "text-sm text-oc-text-400" }, _m = /* @__PURE__ */ Z({
+}), js = { class: "flex flex-col text-center gap-y-3" }, Ms = { class: "text-lg font-medium" }, Ls = { class: "text-sm text-oc-text-400" }, tf = /* @__PURE__ */ Z({
   __name: "OcBox",
   props: {
     icon: String,
@@ -5051,7 +5051,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       ])
     ], 2));
   }
-}), ef = /* @__PURE__ */ Z({
+}), lf = /* @__PURE__ */ Z({
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -5077,7 +5077,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       e.chipProps ? (t(), p(o(ne), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : m("", !0)
     ], 2));
   }
-}), Ps = { class: "flex items-center" }, Es = { class: "flex flex-1 items-center gap-x-3" }, Ns = { class: "font-medium text-lg" }, tf = /* @__PURE__ */ Z({
+}), Ps = { class: "flex items-center" }, Es = { class: "flex flex-1 items-center gap-x-3" }, Ns = { class: "font-medium text-lg" }, af = /* @__PURE__ */ Z({
   __name: "OcVerificationOption",
   props: {
     title: {
@@ -5125,7 +5125,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
 }, Rs = { class: "flex flex-col gap-y-3" }, Fs = { class: "font-medium text-oc-text" }, Us = { class: "text-oc-text-400" }, qs = { class: "flex gap-x-3" }, Hs = {
   key: 0,
   class: "text-oc-text"
-}, Ys = ["innerHTML"], lf = {
+}, Ys = ["innerHTML"], nf = {
   __name: "OcSnackbar",
   props: {
     modelValue: {
@@ -5390,10 +5390,10 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       _: 3
     }, 8, ["name"]));
   }
-}, af = /* @__PURE__ */ be(Xs, [["__scopeId", "data-v-d8517c87"]]), Js = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Zs = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Qs = {
+}, of = /* @__PURE__ */ be(Xs, [["__scopeId", "data-v-d8517c87"]]), Js = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Zs = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Qs = {
   key: 1,
   class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
-}, _s = { class: "text-sm" }, nf = {
+}, _s = { class: "text-sm" }, sf = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -5796,7 +5796,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, fr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, of = {
+}, fr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, rf = {
   __name: "OcCriteria",
   props: {
     modelValue: Boolean,
@@ -5828,7 +5828,13 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
 }, pr = { class: "flex items-center gap-x-1 w-full" }, yr = {
   key: 0,
   class: "text-oc-text-300"
-}, xr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], ye = {
+}, xr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], hr = {
+  key: 1,
+  class: "flex items-center h-full"
+}, br = {
+  key: 0,
+  class: "border-l border-gray-200 pl-3 py-3 h-full"
+}, ye = {
   __name: "OcInput",
   props: {
     disabled: {
@@ -6004,14 +6010,10 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
               }), null, 16, xr)
             ])
           ]),
-          y.$slots.leading || x.value ? (t(), i("div", {
-            key: 1,
-            class: v({
-              "border-l border-gray-200 pl-3 py-3": e.hasLeadingSeparator
-            })
-          }, [
+          y.$slots.leading || x.value ? (t(), i("div", hr, [
+            e.hasLeadingSeparator ? (t(), i("span", br)) : m("", !0),
             y.$slots.leading ? m("", !0) : (t(), i("span", {
-              key: 0,
+              key: 1,
               class: "text-oc-text-200",
               onClick: b[4] || (b[4] = me((D) => d.value = !d.value, ["prevent"]))
             }, [
@@ -6023,7 +6025,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
               }, null, 8, ["name"]))
             ])),
             k(y.$slots, "leading")
-          ], 2)) : m("", !0)
+          ])) : m("", !0)
         ], 2)
       ]),
       _: 2
@@ -6037,10 +6039,10 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       } : void 0
     ]), 1032, ["label", "label-class", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, hr = { class: "flex flex-1 items-baseline gap-x-2" }, br = {
+}, wr = { class: "flex flex-1 items-baseline gap-x-2" }, $r = {
   key: 0,
   class: "text-oc-text-300"
-}, wr = { class: "w-full flex flex-wrap gap-2" }, $r = { key: 1 }, kr = ["value", "readonly", "placeholder", "disabled"], sf = {
+}, kr = { class: "w-full flex flex-wrap gap-2" }, Sr = { key: 1 }, Cr = ["value", "readonly", "placeholder", "disabled"], df = {
   __name: "OcInputOption",
   props: {
     label: String,
@@ -6117,8 +6119,8 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       default: S(() => {
         var C, h;
         return [
-          n("div", hr, [
-            e.isInlineLabel && e.label ? (t(), i("label", br, w(e.label) + ": ", 1)) : m("", !0),
+          n("div", wr, [
+            e.isInlineLabel && e.label ? (t(), i("label", $r, w(e.label) + ": ", 1)) : m("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
               onClick: B[4] || (B[4] = (V) => c.value.focus())
@@ -6129,7 +6131,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                   "pointer-events-none bg-oc-bg-dark": e.isDisabled
                 }])
               }, [
-                n("div", wr, [
+                n("div", kr, [
                   k(M.$slots, "default", {
                     options: y.value,
                     areAllOptionsVisible: f.value
@@ -6151,7 +6153,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                           name: "minus",
                           width: "12",
                           height: "12"
-                        })) : (t(), i("span", $r, w(`+${d.value.length - e.maxVisibleOptions}`), 1))
+                        })) : (t(), i("span", Sr, w(`+${d.value.length - e.maxVisibleOptions}`), 1))
                       ]),
                       _: 1
                     })) : m("", !0)
@@ -6170,7 +6172,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                       console.log("$event: ", V), x.value = !1, M.$emit("blur", V);
                     }),
                     onKeyup: B[3] || (B[3] = Fe((V) => D(V.target.value), ["enter"]))
-                  }, null, 42, kr)
+                  }, null, 42, Cr)
                 ])
               ], 2)
             ])
@@ -6180,7 +6182,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Sr = { class: "flex gap-x-2 items-center" }, Cr = { class: "text-oc-text-400 font-medium text-sm" }, Vr = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, Br = ["onClick"], Or = { class: "text-oc-text-300" }, Ir = { class: "text-oc-text-400" }, Tr = {
+}, Vr = { class: "flex gap-x-2 items-center" }, Br = { class: "text-oc-text-400 font-medium text-sm" }, Or = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, Ir = ["onClick"], Tr = { class: "text-oc-text-300" }, Dr = { class: "text-oc-text-400" }, Ar = {
   __name: "OcPhoneInput",
   props: {
     countryCodes: { type: Array, default: () => [] },
@@ -6293,7 +6295,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 ref: M,
                 class: "flex flex-col max-h-[300px] py-2 overflow-y-scroll hidden-scrollbar"
               }, [
-                n("div", Vr, [
+                n("div", Or, [
                   g(o(ye), {
                     modelValue: u.value,
                     "onUpdate:modelValue": I[0] || (I[0] = (O) => u.value = O),
@@ -6327,17 +6329,17 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                   n("div", {
                     class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${O.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Or, "+" + w(O.code), 1),
-                  n("span", Ir, w(O.country), 1)
-                ], 10, Br))), 128))
+                  n("span", Tr, "+" + w(O.code), 1),
+                  n("span", Dr, w(O.country), 1)
+                ], 10, Ir))), 128))
               ], 512)
             ]),
             default: S(() => [
-              n("div", Sr, [
+              n("div", Vr, [
                 n("div", {
                   class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${d.value}`])
                 }, null, 2),
-                n("span", Cr, " +" + w(y(d.value)), 1),
+                n("span", Br, " +" + w(y(d.value)), 1),
                 g(o(T), {
                   width: "16",
                   height: "16",
@@ -6353,10 +6355,10 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       }, 8, ["error-message", "model-value", "placeholder", "label", "is-inline-label", "disabled", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options", "onKeydown"]);
     };
   }
-}, Dr = ["id", "value", "checked", "name", "disabled"], Ar = ["for"], jr = {
+}, jr = ["id", "value", "checked", "name", "disabled"], Mr = ["for"], Lr = {
   key: 0,
   class: "px-3 py-2 whitespace-nowrap"
-}, Mr = {
+}, Pr = {
   __name: "OcRadio",
   props: {
     modelValue: [String, Boolean],
@@ -6394,7 +6396,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           class: "radio-button__input absolute opacity-0 w-0 h-0",
           type: "radio",
           onInput: a[0] || (a[0] = (l) => r.$emit("update:modelValue", l.target.value))
-        }, null, 40, Dr),
+        }, null, 40, jr),
         n("label", {
           for: e.groupName + e.id,
           class: v(["radio-button__label flex gap-x-3 relative items-center cursor-pointer transition-all duration-300 text-oc-text-500", {
@@ -6426,7 +6428,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           e.labelIcon ? (t(), p(o(ae), ve(F({ key: 2 }, e.tooltipOptions)), {
             popper: S(() => [
               k(r.$slots, "tooltipText", {}, () => [
-                e.tooltipText ? (t(), i("div", jr, w(e.tooltipText), 1)) : m("", !0)
+                e.tooltipText ? (t(), i("div", Lr, w(e.tooltipText), 1)) : m("", !0)
               ])
             ]),
             default: S(() => [
@@ -6439,12 +6441,12 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             ]),
             _: 3
           }, 16)) : m("", !0)
-        ], 10, Ar)
+        ], 10, Mr)
       ]),
       _: 3
     }, 8, ["class", "error-message", "hint"]));
   }
-}, Lr = {
+}, Er = {
   __name: "OcRadioGroup",
   props: {
     alignment: {
@@ -6481,7 +6483,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
         n("div", {
           class: v(["flex", [l.value[e.alignment], e.wrapperClass]])
         }, [
-          (t(!0), i(N, null, R(e.radio, (u, f) => (t(), p(o(Mr), {
+          (t(!0), i(N, null, R(e.radio, (u, f) => (t(), p(o(Pr), {
             id: u.value,
             key: f,
             class: v({ "!w-fit": !e.isBlock }),
@@ -6504,10 +6506,10 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, Pr = { class: "flex flex-col gap-y-2 oc-range-input" }, Er = { class: "flex gap-x-3" }, Nr = {
+}, Nr = { class: "flex flex-col gap-y-2 oc-range-input" }, zr = { class: "flex gap-x-3" }, Rr = {
   key: 0,
   class: "flex pt-4"
-}, zr = {
+}, Fr = {
   __name: "OcRangeInput",
   props: {
     maxLimit: {
@@ -6551,14 +6553,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
     };
     return ke(() => {
       a.onlyInput || c.value.updateSlider();
-    }), (b, D) => (t(), i("div", Pr, [
+    }), (b, D) => (t(), i("div", Nr, [
       g(o(xe), {
         label: e.label,
         hint: e.hint,
         "error-message": e.errorMessage
       }, {
         default: S(() => [
-          n("div", Er, [
+          n("div", zr, [
             g(o(ye), {
               "model-value": s.value,
               label: "From",
@@ -6574,7 +6576,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
               "onUpdate:modelValue": D[1] || (D[1] = (M) => u(M, 1))
             }, null, 8, ["model-value"])
           ]),
-          e.onlyInput ? m("", !0) : (t(), i("div", Nr, [
+          e.onlyInput ? m("", !0) : (t(), i("div", Rr, [
             g(o(Lt), {
               ref_key: "slider",
               ref: c,
@@ -6591,25 +6593,25 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, Rr = {
+}, Ur = {
   key: 0,
   class: "flex flex-wrap gap-2 overflow-hidden"
-}, Fr = {
+}, qr = {
   key: 0,
   class: "text-oc-text-300 md:text-base text-lg"
-}, Ur = {
+}, Hr = {
   key: 2,
   class: "whitespace-nowrap flex gap-x-3 text-lg md:text-base items-center overflow-hidden"
-}, qr = {
+}, Yr = {
   key: 1,
   class: "text-oc-text-300"
-}, Hr = {
+}, Wr = {
   key: 2,
   class: "truncate"
-}, Yr = {
+}, Kr = {
   key: 0,
   class: "sticky px-3 pt-3 top-0 z-10 bg-white"
-}, Wr = { key: 0 }, Kr = {
+}, Gr = { key: 0 }, Xr = {
   __name: "OcSelect",
   props: {
     label: String,
@@ -6799,7 +6801,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       "tooltip-options": e.tooltipOptions
     }, te({
       tooltipText: S(() => [
-        P.$slots.selectTooltipText ? (t(), i("div", Wr, [
+        P.$slots.selectTooltipText ? (t(), i("div", Gr, [
           k(P.$slots, "selectTooltipText")
         ])) : m("", !0)
       ]),
@@ -6834,7 +6836,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 ref: y,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && B.value ? (t(), i("div", Yr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && B.value ? (t(), i("div", Kr, [
                   g(o(ye), {
                     ref_key: "searchInputRef",
                     ref: u,
@@ -6925,7 +6927,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 }
               ]])
             }, [
-              e.multiple ? (t(), i("div", Rr, [
+              e.multiple ? (t(), i("div", Ur, [
                 k(P.$slots, "selection", {}, () => [
                   (t(!0), i(N, null, R(e.maxVisibleOptions ? B.value.slice(0, e.maxVisibleOptions) : B.value, (U) => (t(), p(o(ne), F({
                     key: U.value,
@@ -6942,7 +6944,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                     label: `+${B.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                B.value.length === 0 ? (t(), i("span", Fr, w(e.placeholder), 1)) : m("", !0)
+                B.value.length === 0 ? (t(), i("span", qr, w(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
               e.isInlineSearch && e.isFilterable && !B.value ? (t(), p(o(ye), {
                 key: 1,
@@ -6966,15 +6968,15 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), i("span", Ur, [
+              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), i("span", Hr, [
                 e.icon ? (t(), p(o(T), {
                   key: 0,
                   name: e.icon,
                   width: "16",
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
-                e.isInlineLabel && e.label ? (t(), i("span", qr, w(e.label) + ": ", 1)) : m("", !0),
-                B.value ? (t(), i("span", Hr, w(B.value.label), 1)) : (t(), i("span", {
+                e.isInlineLabel && e.label ? (t(), i("span", Yr, w(e.label) + ": ", 1)) : m("", !0),
+                B.value ? (t(), i("span", Wr, w(B.value.label), 1)) : (t(), i("span", {
                   key: 3,
                   class: v(e.dropdownClasses ? "" : "text-oc-text-300")
                 }, w(e.placeholder), 3))
@@ -7011,7 +7013,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       } : void 0
     ]), 1032, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Gr = { class: "w-full flex items-center gap-x-3" }, Xr = { class: "truncate" }, Jr = {
+}, Jr = { class: "w-full flex items-center gap-x-3" }, Zr = { class: "truncate" }, Qr = {
   key: 0,
   class: "text-sm text-oc-text-300"
 }, gt = {
@@ -7049,14 +7051,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           "is-partial": e.isPartial,
           class: "!w-fit pointer-events-none"
         }, null, 8, ["model-value", "is-partial"])) : m("", !0),
-        n("div", Gr, [
+        n("div", Jr, [
           k(l.$slots, "trailing"),
           n("div", {
             class: v(["flex flex-col gap-3 overflow-hidden", { "flex-1": e.isCheckboxes }])
           }, [
-            n("span", Xr, w(e.label), 1),
+            n("span", Zr, w(e.label), 1),
             k(l.$slots, "sub-label", {}, () => [
-              e.subLabel ? (t(), i("span", Jr, w(e.subLabel), 1)) : m("", !0)
+              e.subLabel ? (t(), i("span", Qr, w(e.subLabel), 1)) : m("", !0)
             ])
           ], 2),
           k(l.$slots, "leading")
@@ -7076,21 +7078,21 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       k(l.$slots, "after")
     ], 512));
   }
-}, Zr = { class: "flex flex-col" }, Qr = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, rf = {
+}, _r = { class: "flex flex-col" }, ed = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, cf = {
   __name: "OcGroupOptions",
   props: {
     label: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", Zr, [
-      n("div", Qr, w(e.label), 1),
+    return (r, a) => (t(), i("div", _r, [
+      n("div", ed, w(e.label), 1),
       k(r.$slots, "default")
     ]));
   }
-}, _r = { class: "flex items-center text-oc-text-400 gap-x-2" }, ed = {
+}, td = { class: "flex items-center text-oc-text-400 gap-x-2" }, ld = {
   key: 0,
   class: "flex flex-col gap-2 p-2 py-3"
-}, td = ["onClick"], ld = {
+}, ad = ["onClick"], nd = {
   __name: "OcLinkInput",
   props: {
     placeholder: String,
@@ -7181,7 +7183,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             distance: 10
           }, {
             menu: S(() => [
-              e.isEdit ? m("", !0) : (t(), i("div", ed, [
+              e.isEdit ? m("", !0) : (t(), i("div", ld, [
                 (t(!0), i(N, null, R(e.links, (I) => (t(), i("div", {
                   key: I.value,
                   class: "flex items-center px-3 py-2 rounded-sm cursor-pointer gap-x-3 text-oc-text-400 hover:bg-gray-50",
@@ -7193,11 +7195,11 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                     name: I.icon
                   }, null, 8, ["name"]),
                   W(" " + w(I.label), 1)
-                ], 8, td))), 128))
+                ], 8, ad))), 128))
               ]))
             ]),
             default: S(() => [
-              n("div", _r, [
+              n("div", td, [
                 u.value.icon ? (t(), p(o(T), {
                   key: 0,
                   width: "20",
@@ -7219,7 +7221,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "pre-fill", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"])
     ]));
   }
-}, ad = ["disabled", "value", "rows", "placeholder"], nd = "18px", id = {
+}, id = ["disabled", "value", "rows", "placeholder"], od = "18px", sd = {
   __name: "OcTextArea",
   props: {
     placeholder: String,
@@ -7253,7 +7255,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
   setup(e, { emit: r }) {
     const a = r, l = j(!1), s = (d) => {
       const c = d.target;
-      c && (c.style.height = nd, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
+      c && (c.style.height = od, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
     };
     return (d, c) => (t(), p(o(xe), {
       label: e.label,
@@ -7277,7 +7279,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           onInput: s,
           onFocus: c[0] || (c[0] = (u) => l.value = !0),
           onBlur: c[1] || (c[1] = (u) => l.value = !1)
-        }, null, 42, ad)
+        }, null, 42, id)
       ]),
       _: 1
     }, 8, ["label", "error-message", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
@@ -7300,8 +7302,8 @@ var Vt = { exports: {} };
     };
   });
 })(Vt);
-var od = Vt.exports;
-const Bt = /* @__PURE__ */ We(od);
+var rd = Vt.exports;
+const Bt = /* @__PURE__ */ We(rd);
 var Ot = { exports: {} };
 (function(e, r) {
   (function(a, l) {
@@ -7314,8 +7316,8 @@ var Ot = { exports: {} };
     };
   });
 })(Ot);
-var sd = Ot.exports;
-const It = /* @__PURE__ */ We(sd);
+var dd = Ot.exports;
+const It = /* @__PURE__ */ We(dd);
 var Tt = { exports: {} };
 (function(e, r) {
   (function(a, l) {
@@ -7328,8 +7330,8 @@ var Tt = { exports: {} };
     };
   });
 })(Tt);
-var rd = Tt.exports;
-const Dt = /* @__PURE__ */ We(rd);
+var cd = Tt.exports;
+const Dt = /* @__PURE__ */ We(cd);
 var At = { exports: {} };
 (function(e, r) {
   (function(a, l) {
@@ -7451,53 +7453,53 @@ var At = { exports: {} };
     };
   });
 })(At);
-var dd = At.exports;
-const it = /* @__PURE__ */ We(dd);
-var cd = typeof global == "object" && global && global.Object === Object && global, ud = typeof self == "object" && self && self.Object === Object && self, jt = cd || ud || Function("return this")(), qe = jt.Symbol, Mt = Object.prototype, md = Mt.hasOwnProperty, fd = Mt.toString, Le = qe ? qe.toStringTag : void 0;
-function vd(e) {
-  var r = md.call(e, Le), a = e[Le];
+var ud = At.exports;
+const it = /* @__PURE__ */ We(ud);
+var md = typeof global == "object" && global && global.Object === Object && global, fd = typeof self == "object" && self && self.Object === Object && self, jt = md || fd || Function("return this")(), qe = jt.Symbol, Mt = Object.prototype, vd = Mt.hasOwnProperty, gd = Mt.toString, Le = qe ? qe.toStringTag : void 0;
+function pd(e) {
+  var r = vd.call(e, Le), a = e[Le];
   try {
     e[Le] = void 0;
     var l = !0;
   } catch {
   }
-  var s = fd.call(e);
+  var s = gd.call(e);
   return l && (r ? e[Le] = a : delete e[Le]), s;
 }
-var gd = Object.prototype, pd = gd.toString;
-function yd(e) {
-  return pd.call(e);
-}
-var xd = "[object Null]", hd = "[object Undefined]", pt = qe ? qe.toStringTag : void 0;
-function bd(e) {
-  return e == null ? e === void 0 ? hd : xd : pt && pt in Object(e) ? vd(e) : yd(e);
+var yd = Object.prototype, xd = yd.toString;
+function hd(e) {
+  return xd.call(e);
 }
-function wd(e) {
-  return e != null && typeof e == "object";
+var bd = "[object Null]", wd = "[object Undefined]", pt = qe ? qe.toStringTag : void 0;
+function $d(e) {
+  return e == null ? e === void 0 ? wd : bd : pt && pt in Object(e) ? pd(e) : hd(e);
 }
-var $d = "[object Symbol]";
 function kd(e) {
-  return typeof e == "symbol" || wd(e) && bd(e) == $d;
+  return e != null && typeof e == "object";
 }
-var Sd = /\s/;
+var Sd = "[object Symbol]";
 function Cd(e) {
-  for (var r = e.length; r-- && Sd.test(e.charAt(r)); )
+  return typeof e == "symbol" || kd(e) && $d(e) == Sd;
+}
+var Vd = /\s/;
+function Bd(e) {
+  for (var r = e.length; r-- && Vd.test(e.charAt(r)); )
     ;
   return r;
 }
-var Vd = /^\s+/;
-function Bd(e) {
-  return e && e.slice(0, Cd(e) + 1).replace(Vd, "");
+var Od = /^\s+/;
+function Id(e) {
+  return e && e.slice(0, Bd(e) + 1).replace(Od, "");
 }
 function lt(e) {
   var r = typeof e;
   return e != null && (r == "object" || r == "function");
 }
-var yt = NaN, Od = /^[-+]0x[0-9a-f]+$/i, Id = /^0b[01]+$/i, Td = /^0o[0-7]+$/i, Dd = parseInt;
+var yt = NaN, Td = /^[-+]0x[0-9a-f]+$/i, Dd = /^0b[01]+$/i, Ad = /^0o[0-7]+$/i, jd = parseInt;
 function xt(e) {
   if (typeof e == "number")
     return e;
-  if (kd(e))
+  if (Cd(e))
     return yt;
   if (lt(e)) {
     var r = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -7505,18 +7507,18 @@ function xt(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Bd(e);
-  var a = Id.test(e);
-  return a || Td.test(e) ? Dd(e.slice(2), a ? 2 : 8) : Od.test(e) ? yt : +e;
+  e = Id(e);
+  var a = Dd.test(e);
+  return a || Ad.test(e) ? jd(e.slice(2), a ? 2 : 8) : Td.test(e) ? yt : +e;
 }
 var et = function() {
   return jt.Date.now();
-}, Ad = "Expected a function", jd = Math.max, Md = Math.min;
-function Ld(e, r, a) {
+}, Md = "Expected a function", Ld = Math.max, Pd = Math.min;
+function Ed(e, r, a) {
   var l, s, d, c, u, f, x = 0, y = !1, b = !1, D = !0;
   if (typeof e != "function")
-    throw new TypeError(Ad);
-  r = xt(r) || 0, lt(a) && (y = !!a.leading, b = "maxWait" in a, d = b ? jd(xt(a.maxWait) || 0, r) : d, D = "trailing" in a ? !!a.trailing : D);
+    throw new TypeError(Md);
+  r = xt(r) || 0, lt(a) && (y = !!a.leading, b = "maxWait" in a, d = b ? Ld(xt(a.maxWait) || 0, r) : d, D = "trailing" in a ? !!a.trailing : D);
   function M(E) {
     var P = l, A = s;
     return l = s = void 0, x = E, c = e.apply(A, P), c;
@@ -7526,7 +7528,7 @@ function Ld(e, r, a) {
   }
   function C(E) {
     var P = E - f, A = E - x, U = r - P;
-    return b ? Md(U, d - A) : U;
+    return b ? Pd(U, d - A) : U;
   }
   function h(E) {
     var P = E - f, A = E - x;
@@ -7559,13 +7561,13 @@ function Ld(e, r, a) {
   }
   return L.cancel = $, L.flush = O, L;
 }
-const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex flex-col gap-2 p-3" }, Nd = { class: "flex justify-between items-center" }, zd = { key: 0 }, Rd = { key: 1 }, Fd = {
+const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex flex-col gap-2 p-3" }, Rd = { class: "flex justify-between items-center" }, Fd = { key: 0 }, Ud = { key: 1 }, qd = {
   key: 0,
   class: "grid grid-cols-3 gap-3"
-}, Ud = ["onClick"], qd = {
+}, Hd = ["onClick"], Yd = {
   key: 1,
   class: "grid grid-cols-3 gap-3"
-}, Hd = ["onClick"], Yd = ["onClick", "onMouseover"], Wd = { key: 0 }, Kd = { class: "flex gap-x-3 justify-end" }, Gd = {
+}, Wd = ["onClick"], Kd = ["onClick", "onMouseover"], Gd = { key: 0 }, Xd = { class: "flex gap-x-3 justify-end" }, Jd = {
   __name: "OcCalendar",
   props: {
     type: {
@@ -7672,7 +7674,7 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
         return;
       }
       c.value = Y, f.value = q, J && Se();
-    }, Ce = Ld((q) => {
+    }, Ce = Ed((q) => {
       D.value && Ve(q, !1);
     }, 50), Q = () => {
       var J, Y, fe;
@@ -7687,7 +7689,7 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
     return Q(), (q, J) => (t(), i("div", {
       class: v(["p-6 w-fit rounded flex flex-col gap-y-7", e.position === "floating" ? "shadow-normal bg-white" : ""])
     }, [
-      n("div", Pd, [
+      n("div", Nd, [
         g(o(se), {
           modelValue: B.value,
           "onUpdate:modelValue": J[1] || (J[1] = (Y) => B.value = Y),
@@ -7698,8 +7700,8 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
           "popper-options": { strategy: "fixed" }
         }, {
           menu: S(() => [
-            n("div", Ed, [
-              n("div", Nd, [
+            n("div", zd, [
+              n("div", Rd, [
                 g(o(X), {
                   "left-icon": "chevron-left",
                   "is-transparent": "",
@@ -7709,7 +7711,7 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
                   class: "cursor-pointer hover:opacity-50 transition",
                   onClick: J[0] || (J[0] = (Y) => M.value = !M.value)
                 }, [
-                  M.value ? (t(), i("div", zd, w($.value - 11) + " - " + w($.value), 1)) : (t(), i("div", Rd, w($.value), 1))
+                  M.value ? (t(), i("div", Fd, w($.value - 11) + " - " + w($.value), 1)) : (t(), i("div", Ud, w($.value), 1))
                 ]),
                 g(o(X), {
                   "left-icon": "chevron-right",
@@ -7717,22 +7719,22 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
                   onClick: ce
                 })
               ]),
-              M.value ? (t(), i("div", Fd, [
+              M.value ? (t(), i("div", qd, [
                 (t(!0), i(N, null, R(Be($.value - 11), (Y) => (t(), i("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": s.value.year() === Y
                   }]),
                   onClick: (fe) => ee(Y)
-                }, w(Y), 11, Ud))), 128))
-              ])) : (t(), i("div", qd, [
+                }, w(Y), 11, Hd))), 128))
+              ])) : (t(), i("div", Yd, [
                 (t(), i(N, null, R(V, (Y, fe) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": O.value === Y
                   }]),
                   onClick: (Me) => _(fe)
-                }, w(Y), 11, Hd)), 64))
+                }, w(Y), 11, Wd)), 64))
               ]))
             ])
           ]),
@@ -7781,11 +7783,11 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
             ]]),
             onClick: (Me) => Ve(Y),
             onMouseover: (Me) => o(Ce)(Y)
-          }, w(Y), 43, Yd);
+          }, w(Y), 43, Kd);
         }), 128))
       ], 32),
       k(q.$slots, "bottom", {}, () => [
-        e.isIndefinite ? (t(), i("span", Wd, [
+        e.isIndefinite ? (t(), i("span", Gd, [
           g(o(Te), {
             modelValue: b.value,
             "onUpdate:modelValue": [
@@ -7796,7 +7798,7 @@ const Pd = { class: "flex items-center justify-between" }, Ed = { class: "flex f
           }, null, 8, ["modelValue", "label"])
         ])) : m("", !0)
       ]),
-      n("div", Kd, [
+      n("div", Xd, [
         g(o(X), {
           label: "Reset",
           class: "w-[72px]",
@@ -7811,13 +7813,13 @@ G.extend(Bt);
 G.extend(It);
 G.extend(Dt);
 G.extend(it);
-const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
+const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
   key: 0,
   class: "flex w-full"
-}, Zd = {
+}, _d = {
   key: 1,
   class: "flex flex-wrap cursor-pointer"
-}, Qd = { class: "flex items-center gap-x-3" }, _d = ["value"], ec = { class: "flex items-center gap-x-3" }, tc = ["value"], lc = {
+}, ec = { class: "flex items-center gap-x-3" }, tc = ["value"], lc = { class: "flex items-center gap-x-3" }, ac = ["value"], nc = {
   __name: "DatePicker",
   props: {
     modelValue: {
@@ -7952,7 +7954,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
         }, () => {
           var $, O;
           return [
-            f.value ? (t(), p(o(_u), {
+            f.value ? (t(), p(o(tm), {
               key: 0,
               "model-value": {
                 start: ($ = e.modelValue) == null ? void 0 : $[0],
@@ -7966,7 +7968,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
               "max-date": e.maxDate,
               masks: { modelValue: e.dateFormat },
               "onUpdate:modelValue": y
-            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && I ? (t(), p(o(Gd), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && I ? (t(), p(o(Jd), {
               key: 1,
               "model-value": x.value ? x.value.toDate() : /* @__PURE__ */ new Date(),
               "disabled-date": d.value ? D : e.disabledDate,
@@ -7983,8 +7985,8 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
         })
       ]),
       default: S(() => [
-        n("div", Xd, [
-          !e.isSplitInput || !f.value ? (t(), i("div", Jd, [
+        n("div", Zd, [
+          !e.isSplitInput || !f.value ? (t(), i("div", Qd, [
             g(o(ye), {
               "model-value": f.value ? e.modelValue && e.modelValue[0] ? `${x.value[0].format(e.dateFormat)} - ${x.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? x.value.format(e.dateFormat) : "",
               icon: "calendar",
@@ -7995,7 +7997,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
               disabled: e.disabled,
               placeholder: e.placeholder
             }, null, 8, ["model-value", "label", "hint", "error-message", "is-required", "disabled", "placeholder"])
-          ])) : (t(), i("div", Zd, [
+          ])) : (t(), i("div", _d, [
             g(o(xe), {
               "error-message": c.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
               hint: e.hint,
@@ -8013,7 +8015,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   ]]),
                   onClick: V[2] || (V[2] = (I) => s.value ? I.stopPropagation : null)
                 }, [
-                  n("div", Qd, [
+                  n("div", ec, [
                     g(o(T), {
                       name: "calendar",
                       class: "text-oc-text-400"
@@ -8025,10 +8027,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                       onInput: V[0] || (V[0] = (I) => B(I.target.value, 0)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
-                    }, null, 40, _d)
+                    }, null, 40, tc)
                   ]),
                   V[4] || (V[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
-                  n("div", ec, [
+                  n("div", lc, [
                     n("input", {
                       placeholder: "End date",
                       value: x.value[1] ? x.value[1].format(e.dateFormat) : "",
@@ -8036,7 +8038,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                       onInput: V[1] || (V[1] = (I) => B(I.target.value, 1)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
-                    }, null, 40, tc),
+                    }, null, 40, ac),
                     g(o(T), {
                       class: v([x.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
                       width: "16",
@@ -8055,10 +8057,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       _: 3
     }, 8, ["modelValue", "is-disabled"]));
   }
-}, ac = { class: "flex flex-wrap w-full" }, nc = {
+}, ic = { class: "flex flex-wrap w-full" }, oc = {
   key: 0,
   class: "flex items-center w-full mb-2 text-sm font-medium gap-x-3 text-oc-text-400"
-}, ic = { class: "flex items-center gap-x-1" }, oc = ["min", "max", "value"], sc = ["min", "max", "value"], rc = { class: "absolute bottom-0 left-0" }, dc = { class: "absolute bottom-0 right-0" }, cc = { class: "w-[15%] -mt-4 px-2" }, uc = {
+}, sc = { class: "flex items-center gap-x-1" }, rc = ["min", "max", "value"], dc = ["min", "max", "value"], cc = { class: "absolute bottom-0 left-0" }, uc = { class: "absolute bottom-0 right-0" }, mc = { class: "w-[15%] -mt-4 px-2" }, fc = {
   __name: "OcSlider",
   props: {
     maxLimit: {
@@ -8112,9 +8114,9 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       updateSlider: B
     }), ke(() => B()), (C, h) => {
       var V, I, $, O;
-      return t(), i("div", ac, [
-        e.label ? (t(), i("label", nc, [
-          n("span", ic, w(e.label), 1)
+      return t(), i("div", ic, [
+        e.label ? (t(), i("label", oc, [
+          n("span", sc, w(e.label), 1)
         ])) : m("", !0),
         n("div", {
           class: v(["relative h-[33px] flex items-center", {
@@ -8135,7 +8137,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             max: e.maxLimit,
             value: e.type === "range" ? (V = e.modelValue) == null ? void 0 : V[0] : e.modelValue,
             onInput: y
-          }, null, 40, oc),
+          }, null, 40, rc),
           e.type === "range" ? (t(), i("input", {
             key: 0,
             ref_key: "sliderTwo",
@@ -8145,7 +8147,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             max: e.maxLimit,
             value: (I = e.modelValue) == null ? void 0 : I[1],
             onInput: b
-          }, null, 40, sc)) : m("", !0),
+          }, null, 40, dc)) : m("", !0),
           e.variant === "default" ? (t(), i("div", {
             key: 1,
             class: "group-hover:block absolute top-[1rem] z-[1] -translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
@@ -8156,18 +8158,18 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             class: "group-hover:block absolute top-[1rem] z-[1] translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
             style: oe(`right: ${100 - x.value}%`)
           }, w((O = e.modelValue) == null ? void 0 : O[1]), 5)) : m("", !0),
-          n("span", rc, [
+          n("span", cc, [
             k(C.$slots, "min-limit-label", {}, () => [
               W(w(e.minLimit), 1)
             ], !0)
           ]),
-          n("span", dc, [
+          n("span", uc, [
             k(C.$slots, "max-limit-label", {}, () => [
               W(w(e.maxLimit), 1)
             ], !0)
           ])
         ], 2),
-        n("div", cc, [
+        n("div", mc, [
           e.variant === "right" && e.type === "default" ? (t(), p(o(ye), {
             key: 0,
             "model-value": e.modelValue,
@@ -8179,10 +8181,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       ]);
     };
   }
-}, Lt = /* @__PURE__ */ be(uc, [["__scopeId", "data-v-90983831"]]), mc = { class: "flex" }, fc = { class: "flex flex-col gap-y-1 flex-1" }, vc = { class: "font-medium gap-x-3 flex items-center" }, gc = { class: "px-2 py-1 text-sm text-oc-text-400" }, pc = {
+}, Lt = /* @__PURE__ */ be(fc, [["__scopeId", "data-v-90983831"]]), vc = { class: "flex" }, gc = { class: "flex flex-col gap-y-1 flex-1" }, pc = { class: "font-medium gap-x-3 flex items-center" }, yc = { class: "px-2 py-1 text-sm text-oc-text-400" }, xc = {
   key: 1,
   class: "text-sm text-oc-error flex items-center"
-}, yc = {
+}, hc = {
   __name: "OcSectionItem",
   props: {
     title: String,
@@ -8208,16 +8210,16 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const a = e, l = r;
-    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (s, d) => (t(), i("div", mc, [
-      n("div", fc, [
-        n("div", vc, [
+    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (s, d) => (t(), i("div", vc, [
+      n("div", gc, [
+        n("div", pc, [
           W(w(e.title) + " ", 1),
           g(o(ae), {
             position: "top",
             distance: 4
           }, {
             popper: S(() => [
-              n("div", gc, w(e.popperMessage), 1)
+              n("div", yc, w(e.popperMessage), 1)
             ]),
             default: S(() => [
               e.icon ? (t(), p(o(T), {
@@ -8235,7 +8237,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           key: 0,
           class: v(["text-oc-text-400 text-sm", e.descriptionClass])
         }, w(e.description), 3)) : m("", !0),
-        e.errorMessage ? (t(), i("div", pc, w(e.errorMessage), 1)) : m("", !0)
+        e.errorMessage ? (t(), i("div", xc, w(e.errorMessage), 1)) : m("", !0)
       ]),
       k(s.$slots, "actions", {}, () => [
         e.isToggle ? (t(), p(o(wt), F({
@@ -8247,13 +8249,13 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       ])
     ]));
   }
-}, xc = {
+}, bc = {
   key: 0,
   class: "flex gap-3 border border-oc-gray-200 p-3 rounded cursor-pointer"
-}, hc = ["onClick"], bc = ["src"], wc = {
+}, wc = ["onClick"], $c = ["src"], kc = {
   key: 0,
   class: "flex text-sm text-oc-text-400 mt-2"
-}, $c = {
+}, Sc = {
   __name: "OcSelectOptions",
   props: {
     variant: {
@@ -8318,7 +8320,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             }
           ]])
         }, [
-          e.optionType === "icon" ? (t(), i("div", xc, [
+          e.optionType === "icon" ? (t(), i("div", bc, [
             (t(!0), i(N, null, R(e.options, (f) => (t(), i("div", {
               key: f.value,
               class: v(["p-1", {
@@ -8352,7 +8354,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   "w-[50px]": !d.value
                 }]),
                 src: f.preview
-              }, null, 10, bc)) : m("", !0),
+              }, null, 10, $c)) : m("", !0),
               n("div", {
                 class: v(["mt-2", [d.value ? "text-center" : "px-3", e.borderless ? "flex-1" : ""]])
               }, [
@@ -8363,7 +8365,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                     "text-oc-text-500": d.value && f.value.toString() === e.modelValue.toString()
                   }])
                 }, w(f.label), 3),
-                f.description ? (t(), i("div", wc, w(f.description), 1)) : m("", !0)
+                f.description ? (t(), i("div", kc, w(f.description), 1)) : m("", !0)
               ], 2),
               e.borderless ? (t(), p(o(T), {
                 key: 1,
@@ -8373,16 +8375,16 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                 class: v(["text-oc-primary", f.value.toString() === e.modelValue.toString() ? "opacity-100" : "opacity-0"])
               }, null, 8, ["class"])) : m("", !0)
             ])
-          ], 10, hc))), 128))
+          ], 10, wc))), 128))
         ], 2)
       ]),
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, kc = { class: "flex gap-x-3" }, Sc = {
+}, Cc = { class: "flex gap-x-3" }, Vc = {
   key: 0,
   class: "border rounded p-3 min-h-[140px] h-full"
-}, Cc = ["accept"], Vc = { class: "py-2 flex flex-col" }, Bc = ["src"], Oc = /* @__PURE__ */ Z({
+}, Bc = ["accept"], Oc = { class: "py-2 flex flex-col" }, Ic = ["src"], Tc = /* @__PURE__ */ Z({
   __name: "OcSingleOnlyImageUpload",
   props: {
     accept: {
@@ -8407,12 +8409,12 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     };
     return (x, y) => {
       var b, D;
-      return t(), i("div", kc, [
+      return t(), i("div", Cc, [
         (b = e.uploadedImage) != null && b.fileUrl ? m("", !0) : (t(), i("label", {
           key: 0,
           class: v([{ "flex-1": e.showUploadImageArea }, "relative group overflow-hidden"])
         }, [
-          e.showUploadImageArea ? (t(), i("div", Sc, [
+          e.showUploadImageArea ? (t(), i("div", Vc, [
             n("div", {
               class: v(["w-full text-oc-text-300 text-sm h-full flex flex-col justify-center items-center transition-all border border-transparent border-dashed group-hover:border-oc-primary rounded-sm cursor-pointer", { "!border-oc-primary": u.value }])
             }, [
@@ -8436,7 +8438,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             onDragover: y[1] || (y[1] = (M) => u.value = !0),
             onDragleave: y[2] || (y[2] = (M) => u.value = !1),
             onDrop: y[3] || (y[3] = (M) => u.value = !1)
-          }, null, 40, Cc)
+          }, null, 40, Bc)
         ], 2)),
         (D = e.uploadedImage) != null && D.fileUrl ? (t(), i("div", {
           key: 1,
@@ -8449,7 +8451,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             class: "absolute top-2 right-2 z-[1010]"
           }, {
             menu: S(() => [
-              n("div", Vc, [
+              n("div", Oc, [
                 n("div", {
                   class: "flex p-3 cursor-pointer items-center gap-x-3",
                   onClick: y[4] || (y[4] = () => {
@@ -8490,7 +8492,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             src: e.uploadedImage.fileUrl,
             alt: "uploaded-image",
             class: "object-contain h-full w-full"
-          }, null, 8, Bc)
+          }, null, 8, Ic)
         ], 2)) : m("", !0),
         (t(), p(Rt, { to: "body" }, [
           d.value ? (t(), p(o(ot), {
@@ -8507,13 +8509,13 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       ]);
     };
   }
-}), Ic = ["accept"], Tc = {
+}), Dc = ["accept"], Ac = {
   key: 0,
   class: "py-2 flex flex-col items-center gap-y-4"
-}, Dc = { class: "flex items-baseline gap-x-3 w-full" }, Ac = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, jc = ["accept"], Mc = {
+}, jc = { class: "flex items-baseline gap-x-3 w-full" }, Mc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Lc = ["accept"], Pc = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
-}, Lc = ["src"], Pc = ["src"], Ec = { class: "py-2 flex flex-col" }, Nc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, zc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Rc = { class: "uppercase text-[8px] font-bold leading-none block" }, Fc = { class: "flex" }, Uc = { class: "text-sm text-oc-primary" }, qc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, df = {
+}, Ec = ["src"], Nc = ["src"], zc = { class: "py-2 flex flex-col" }, Rc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Fc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Uc = { class: "uppercase text-[8px] font-bold leading-none block" }, qc = { class: "flex" }, Hc = { class: "text-sm text-oc-primary" }, Yc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, uf = {
   __name: "OcSingleFileUpload",
   props: {
     format: {
@@ -8628,7 +8630,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       default: S(() => {
         var U, H, K, _, ee, ie, ce, ge, we, $e, pe, Se, re, Ve, Ce;
         return [
-          e.isImageOnly ? (t(), p(Oc, {
+          e.isImageOnly ? (t(), p(Tc, {
             key: 0,
             accept: e.accept,
             "uploaded-image": h.value,
@@ -8651,7 +8653,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
               type: "file",
               accept: e.accept,
               onChange: A[3] || (A[3] = (Q) => o(M)(Q, a.format === "object"))
-            }, null, 40, Ic)
+            }, null, 40, Dc)
           ], 64)) : (t(), i(N, { key: 2 }, [
             o(D).length ? (t(), i("div", {
               key: 1,
@@ -8660,16 +8662,16 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                 "!bg-oc-bg-dark": e.isDisabled
               }])
             }, [
-              e.isPreview && ((_ = h.value) == null ? void 0 : _.progress) === 100 ? (t(), i("div", Mc, [
+              e.isPreview && ((_ = h.value) == null ? void 0 : _.progress) === 100 ? (t(), i("div", Pc, [
                 (ie = (ee = h.value) == null ? void 0 : ee.file) != null && ie.type.includes("video") ? (t(), i("video", {
                   key: 0,
                   autoplay: "",
                   loop: "",
                   src: C.value
-                }, null, 8, Lc)) : (t(), i("img", {
+                }, null, 8, Ec)) : (t(), i("img", {
                   key: 1,
                   src: (ce = h.value) == null ? void 0 : ce.fileUrl
-                }, null, 8, Pc)),
+                }, null, 8, Nc)),
                 g(o(se), {
                   modelValue: x.value,
                   "onUpdate:modelValue": A[13] || (A[13] = (Q) => x.value = Q),
@@ -8678,7 +8680,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   menu: S(() => {
                     var Q, Be;
                     return [
-                      n("div", Ec, [
+                      n("div", zc, [
                         !((Be = (Q = h.value) == null ? void 0 : Q.file) != null && Be.type.includes("video")) && e.allowToEdit ? (t(), i("div", {
                           key: 0,
                           class: "flex p-3 cursor-pointer items-center gap-x-3",
@@ -8726,25 +8728,25 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   onChangeImage: $
                 }, null, 8, ["modelValue", "img"])) : m("", !0)
               ])) : (t(), i(N, { key: 1 }, [
-                n("div", Nc, [
-                  n("div", zc, [
+                n("div", Rc, [
+                  n("div", Fc, [
                     g(o(T), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Rc, w(($e = h.value) == null ? void 0 : $e.extension), 1)
+                    n("span", Uc, w(($e = h.value) == null ? void 0 : $e.extension), 1)
                   ]),
                   n("div", {
                     class: v([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
                   }, w((pe = h.value) == null ? void 0 : pe.fileName), 3)
                 ]),
-                n("div", Fc, [
+                n("div", qc, [
                   n("div", {
                     class: v([((Se = h.value) == null ? void 0 : Se.progress) === 100 ? "opacity-0" : "", "transition-all duration-500 flex flex-col gap-y-1 items-center"])
                   }, [
-                    n("span", Uc, w(((re = h.value) == null ? void 0 : re.progress) || 0) + "% ", 1),
-                    n("div", qc, [
+                    n("span", Hc, w(((re = h.value) == null ? void 0 : re.progress) || 0) + "% ", 1),
+                    n("div", Yc, [
                       n("div", {
                         class: "h-2 bg-oc-primary transition-all duration-100",
                         style: oe({ width: `${((Ve = h.value) == null ? void 0 : Ve.progress) || 0}%` })
@@ -8764,8 +8766,8 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   ]))
                 ])
               ], 64))
-            ], 2)) : (t(), i("div", Tc, [
-              n("div", Dc, [
+            ], 2)) : (t(), i("div", Ac, [
+              n("div", jc, [
                 e.variant === "url" ? (t(), i(N, { key: 0 }, [
                   g(o(ye), {
                     modelValue: d.value,
@@ -8799,7 +8801,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   onDragover: A[10] || (A[10] = me(() => {
                   }, ["prevent"]))
                 }, [
-                  n("span", Ac, w(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
+                  n("span", Mc, w(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
                   g(o(X), {
                     size: "small",
                     "is-disabled": e.isDisabled,
@@ -8816,7 +8818,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   type: "file",
                   accept: e.accept,
                   onChange: A[11] || (A[11] = (Q) => o(M)(Q, a.format === "object"))
-                }, null, 40, jc)
+                }, null, 40, Lc)
               ])
             ]))
           ], 64))
@@ -8825,13 +8827,13 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       _: 3
     }, 8, ["label", "label-class", "hint", "error-message"]));
   }
-}, Hc = { class: "relative min-h-[100px]" }, Yc = {
+}, Wc = { class: "relative min-h-[100px]" }, Kc = {
   key: 0,
   class: "absolute"
-}, Wc = { class: "w-[100px] hover:bg-oc-primary-50 cursor-pointer bg-oc-accent-1-50 text-oc-accent-1 rounded aspect-square flex items-center justify-center" }, Kc = ["accept", "multiple"], Gc = ["onClick"], Xc = { class: "py-2 flex flex-col" }, Jc = ["onClick"], Zc = ["onClick"], Qc = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, _c = {
+}, Gc = { class: "w-[100px] hover:bg-oc-primary-50 cursor-pointer bg-oc-accent-1-50 text-oc-accent-1 rounded aspect-square flex items-center justify-center" }, Xc = ["accept", "multiple"], Jc = ["onClick"], Zc = { class: "py-2 flex flex-col" }, Qc = ["onClick"], _c = ["onClick"], eu = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, tu = {
   key: 0,
   class: "cursor-pointer m-auto drag-el"
-}, eu = {
+}, lu = {
   __name: "OcSimpleMultipleUpload",
   props: {
     accept: {
@@ -8898,9 +8900,9 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
         u.value[E] = O[E];
       }), s[$] = !1, d.value = !0;
     };
-    return ($, O) => (t(), i("div", Hc, [
-      V.value ? (t(), i("label", Yc, [
-        n("div", Wc, [
+    return ($, O) => (t(), i("div", Wc, [
+      V.value ? (t(), i("label", Kc, [
+        n("div", Gc, [
           g(o(T), { name: "plus" })
         ]),
         D.value ? m("", !0) : (t(), i("input", {
@@ -8910,9 +8912,9 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           accept: e.accept || "image/png, image/jpeg",
           multiple: a.maxImages !== 1,
           onChange: h
-        }, null, 40, Kc))
+        }, null, 40, Xc))
       ])) : m("", !0),
-      (t(), p(o(em), {
+      (t(), p(o(lm), {
         key: e.uploadedImages.length,
         "model-value": e.uploadedImages,
         filter: "filtered-el",
@@ -8942,7 +8944,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                   removeItem: b,
                   fileIndex: P
                 }, () => [
-                  n("div", Xc, [
+                  n("div", Zc, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
                       onClick: (A) => I(P, E)
@@ -8953,7 +8955,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                         name: "pencil"
                       }),
                       O[4] || (O[4] = n("span", null, "Edit Image", -1))
-                    ], 8, Jc),
+                    ], 8, Qc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                       onClick: () => {
@@ -8966,7 +8968,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                         name: "bin"
                       }),
                       O[5] || (O[5] = n("span", null, "Delete", -1))
-                    ], 8, Zc)
+                    ], 8, _c)
                   ])
                 ])
               ]),
@@ -8990,15 +8992,15 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                 }, null, 4)
               ], 2)
             ], 2),
-            n("div", Qc, [
-              a.maxImages !== 1 ? (t(), i("span", _c, [
+            n("div", eu, [
+              a.maxImages !== 1 ? (t(), i("span", tu, [
                 g(o(T), {
                   name: "arrows",
                   class: "text-oc-accent-1-50"
                 })
               ])) : m("", !0)
             ])
-          ], 14, Gc))), 128))
+          ], 14, Jc))), 128))
         ]),
         _: 3
       }, 8, ["model-value", "style"])),
@@ -9015,7 +9017,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
         onChangeImage: B,
         "onUpdate:inputOptions": C
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
-      g(o(Lu), {
+      g(o(Eu), {
         modelValue: x.value,
         "onUpdate:modelValue": O[3] || (O[3] = (L) => x.value = L),
         description: "Do you want to delete this image ?",
@@ -9023,16 +9025,16 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       }, null, 8, ["modelValue"])
     ]));
   }
-}, tu = { class: "flex flex-col gap-y-2" }, lu = ["accept"], au = { class: "input-file-uploaded flex flex-col gap-y-3" }, nu = { class: "flex items-center gap-x-3" }, iu = { class: "flex flex-col items-center justify-center text-oc-text-300" }, ou = { class: "uppercase text-[8px] font-bold leading-none block" }, su = { class: "text-oc-text-400 text-sm" }, ru = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, du = ["accept"], cu = {
+}, au = { class: "flex flex-col gap-y-2" }, nu = ["accept"], iu = { class: "input-file-uploaded flex flex-col gap-y-3" }, ou = { class: "flex items-center gap-x-3" }, su = { class: "flex flex-col items-center justify-center text-oc-text-300" }, ru = { class: "uppercase text-[8px] font-bold leading-none block" }, du = { class: "text-oc-text-400 text-sm" }, cu = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, uu = ["accept"], mu = {
   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"
-}, uu = { key: 0 }, mu = { key: 1 }, fu = {
+}, fu = { key: 0 }, vu = { key: 1 }, gu = {
   key: 2,
   class: "text-center"
-}, vu = {
+}, pu = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, cf = {
+}, mf = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -9112,7 +9114,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       var B;
       (B = s.value) == null || B.click();
     };
-    return (B, C) => (t(), i("div", tu, [
+    return (B, C) => (t(), i("div", au, [
       g(o(xe), {
         label: e.label,
         hint: e.hint,
@@ -9122,7 +9124,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           k(B.$slots, "hint")
         ]),
         default: S(() => [
-          e.isImageOnly ? (t(), p(eu, {
+          e.isImageOnly ? (t(), p(lu, {
             key: 0,
             "uploaded-images": o(f),
             "selected-image": e.selectedImage,
@@ -9161,7 +9163,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
               multiple: "",
               accept: e.accept,
               onChange: b
-            }, null, 40, lu)
+            }, null, 40, nu)
           ], 64)) : (t(), i("div", {
             key: 2,
             class: v(["relative border rounded p-3 min-w-[30rem] flex flex-col", [
@@ -9171,27 +9173,27 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
               }
             ]])
           }, [
-            n("div", au, [
+            n("div", iu, [
               (t(!0), i(N, null, R(o(f), (h, V) => (t(), i("div", {
                 key: `${V}-${h.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
-                n("div", nu, [
-                  n("div", iu, [
+                n("div", ou, [
+                  n("div", su, [
                     g(o(T), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", ou, w(h.extension), 1)
+                    n("span", ru, w(h.extension), 1)
                   ]),
-                  n("span", su, w(h == null ? void 0 : h.fileName), 1)
+                  n("span", du, w(h == null ? void 0 : h.fileName), 1)
                 ]),
                 c.value ? (t(), i("div", {
                   key: 0,
                   class: v(["w-[100px] h-[16px] absolute right-0 flex items-center z-40", { "on-end-loading": h.progress === 100 }])
                 }, [
-                  n("div", ru, [
+                  n("div", cu, [
                     n("div", {
                       style: oe({ width: `${h.progress}%` }),
                       class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
@@ -9233,15 +9235,15 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                 onDragleave: C[6] || (C[6] = (h) => d.value = !1),
                 onDrop: C[7] || (C[7] = (h) => d.value = !1),
                 onChange: b
-              }, null, 40, du)),
-              o(f).length ? e.isDisabled ? m("", !0) : (t(), i("div", vu, C[9] || (C[9] = [
+              }, null, 40, uu)),
+              o(f).length ? e.isDisabled ? m("", !0) : (t(), i("div", pu, C[9] || (C[9] = [
                 n("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
-              ]))) : (t(), i("div", cu, [
+              ]))) : (t(), i("div", mu, [
                 g(o(T), {
                   name: "upload",
                   class: v(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
-                e.labelUploadArea ? (t(), i("div", uu, w(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", mu, "Upload disabled")) : (t(), i("div", fu, [
+                e.labelUploadArea ? (t(), i("div", fu, w(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", vu, "Upload disabled")) : (t(), i("div", gu, [
                   C[8] || (C[8] = n("div", null, "Select documents or drag here", -1)),
                   n("div", null, "File max " + w(e.maxSize) + "MB", 1)
                 ]))
@@ -9253,7 +9255,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, gu = ["value"], pu = /* @__PURE__ */ Z({
+}, yu = ["value"], xu = /* @__PURE__ */ Z({
   __name: "OcNumberInput",
   props: {
     modelValue: {
@@ -9313,7 +9315,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             placeholder: "1",
             onKeydown: c,
             onInput: f[0] || (f[0] = (x) => u.$emit("update:modelValue", x.target.value))
-          }, null, 42, gu),
+          }, null, 42, yu),
           g(o(X), {
             variant: "secondary",
             class: "w-[28px] shrink-0 aspect-square",
@@ -9328,7 +9330,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       _: 1
     }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
   }
-}), yu = {
+}), hu = {
   __name: "OcDropdown",
   props: {
     distance: {
@@ -9428,7 +9430,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       [o(nt), f]
     ]);
   }
-}, se = /* @__PURE__ */ be(yu, [["__scopeId", "data-v-a614b271"]]), xu = { class: "flex items-center gap-x-3 p-3" }, hu = {
+}, se = /* @__PURE__ */ be(hu, [["__scopeId", "data-v-a614b271"]]), bu = { class: "flex items-center gap-x-3 p-3" }, wu = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, he = {
@@ -9452,7 +9454,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     return (a, l) => (t(), i("div", {
       class: v(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", r.value[e.variant]])
     }, [
-      n("div", xu, [
+      n("div", bu, [
         e.icon ? (t(), p(o(T), F({
           key: 0,
           class: "w-5 h-5",
@@ -9461,16 +9463,16 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
         n("span", null, w(e.text), 1),
         k(a.$slots, "badge")
       ]),
-      e.subText ? (t(), i("div", hu, [
+      e.subText ? (t(), i("div", wu, [
         n("span", null, w(e.subText), 1)
       ])) : m("", !0)
     ], 2));
   }
-}, bu = { class: "oc-tooltip-wrapper" }, wu = {
+}, $u = { class: "oc-tooltip-wrapper" }, ku = {
   key: 0,
   class: "oc-arrow",
   "data-popper-arrow": ""
-}, $u = {
+}, Su = {
   __name: "OcTooltip",
   props: {
     popperClass: {
@@ -9545,7 +9547,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     const f = () => {
       a.value && u();
     };
-    return (x, y) => Oe((t(), i("span", bu, [
+    return (x, y) => Oe((t(), i("span", $u, [
       g(o(bt), {
         ref_key: "popper",
         ref: d,
@@ -9564,7 +9566,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
                 class: v(["oc-tooltip", e.popperClass])
               }, [
                 k(x.$slots, "popper", {}, void 0, !0),
-                e.arrowHidden ? m("", !0) : (t(), i("div", wu))
+                e.arrowHidden ? m("", !0) : (t(), i("div", ku))
               ], 2), [
                 [Ee, a.value]
               ])
@@ -9587,14 +9589,14 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       [o(nt), f]
     ]);
   }
-}, ae = /* @__PURE__ */ be($u, [["__scopeId", "data-v-a902efc5"]]), ku = {
+}, ae = /* @__PURE__ */ be(Su, [["__scopeId", "data-v-a902efc5"]]), Cu = {
   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"
-}, Su = { class: "flex flex-col gap-y-1 overflow-hidden" }, Cu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Vu = {
+}, Vu = { class: "flex flex-col gap-y-1 overflow-hidden" }, Bu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Ou = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, Bu = ["id"], Ou = {
+}, Iu = ["id"], Tu = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -9691,7 +9693,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     ), Ft(() => {
       var y;
       (y = f.value) == null || y.removeEventListener("scroll", x);
-    }), (y, b) => e.modelValue ? (t(), i("div", ku, [
+    }), (y, b) => e.modelValue ? (t(), i("div", Cu, [
       n("div", {
         class: "w-full h-full absolute top-0 left-0 z-[1008]",
         onClick: d
@@ -9704,10 +9706,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           class: v(["flex bg-inherit border-oc-gray-200 gap-x-9 justify-between p-5 items-start rounded-t-xl", e.isBorderless ? "" : "border-b"])
         }, [
           k(y.$slots, "header", {}, () => [
-            n("div", Su, [
-              n("span", Cu, w(e.title), 1),
+            n("div", Vu, [
+              n("span", Bu, w(e.title), 1),
               k(y.$slots, "description", {}, () => [
-                e.description ? (t(), i("span", Vu, w(e.description), 1)) : m("", !0)
+                e.description ? (t(), i("span", Ou, w(e.description), 1)) : m("", !0)
               ])
             ]),
             e.isCloseIcon ? (t(), i("div", {
@@ -9731,7 +9733,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           onScroll: b[1] || (b[1] = (D) => l("content-scroll", D))
         }, [
           k(y.$slots, "default")
-        ], 42, Bu),
+        ], 42, Iu),
         e.isFooterVisible ? (t(), i("div", {
           key: 1,
           class: v(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -9758,10 +9760,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       ], 2)
     ])) : m("", !0);
   }
-}, Iu = {
+}, Du = {
   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"
-}, Tu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Du = { class: "modal-body p-9" }, uf = {
+}, Au = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, ju = { class: "modal-body p-9" }, ff = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -9792,8 +9794,8 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
   emits: ["update:modelValue", "back", "click:outside"],
   setup(e, { emit: r }) {
     const a = r;
-    return (l, s) => e.modelValue ? (t(), i("div", Iu, [
-      n("div", Tu, [
+    return (l, s) => e.modelValue ? (t(), i("div", Du, [
+      n("div", Au, [
         k(l.$slots, "top"),
         n("div", {
           class: v(["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])
@@ -9821,14 +9823,14 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
             }),
             s[2] || (s[2] = n("span", null, "Close", -1))
           ]),
-          n("div", Du, [
+          n("div", ju, [
             k(l.$slots, "default")
           ])
         ], 2)
       ])
     ])) : m("", !0);
   }
-}, Au = { class: "text-center" }, ju = ["innerHTML"], Mu = {
+}, Mu = { class: "text-center" }, Lu = ["innerHTML"], Pu = {
   __name: "OcConfirmation",
   props: {
     description: String,
@@ -9867,14 +9869,14 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           name: e.icon ?? r[e.variant]
         }, null, 8, ["name"])
       ], 2)),
-      n("div", Au, [
+      n("div", Mu, [
         k(l.$slots, "description", {}, () => [
-          n("span", { innerHTML: e.description }, null, 8, ju)
+          n("span", { innerHTML: e.description }, null, 8, Lu)
         ])
       ])
     ], 2));
   }
-}, Lu = {
+}, Eu = {
   __name: "OcConfirmationModal",
   props: {
     modelValue: {
@@ -9947,7 +9949,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     })), c = (u) => {
       l("update:model-value", u), l("cancel");
     };
-    return (u, f) => (t(), p(o(Ou), {
+    return (u, f) => (t(), p(o(Tu), {
       size: "small",
       "model-value": e.modelValue,
       title: e.title,
@@ -9970,7 +9972,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       onCancel: f[1] || (f[1] = (x) => u.$emit("cancel"))
     }, {
       default: S(() => [
-        g(Mu, {
+        g(Pu, {
           "icon-class": e.iconClass,
           variant: e.variant,
           description: e.description,
@@ -9990,10 +9992,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       _: 3
     }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
   }
-}, Pu = { class: "fixed bottom-[30px] right-[32px]" }, Eu = { class: "relative" }, Nu = {
+}, Nu = { class: "fixed bottom-[30px] right-[32px]" }, zu = { class: "relative" }, Ru = {
   key: 0,
   class: "flex items-center justify-end"
-}, zu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Ru = { class: "min-w-[180px]" }, Fu = { class: "p-3" }, Uu = { class: "uppercase text-oc-text-400 text-xs font-medium" }, mf = /* @__PURE__ */ Z({
+}, Fu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Uu = { class: "min-w-[180px]" }, qu = { class: "p-3" }, Hu = { class: "uppercase text-oc-text-400 text-xs font-medium" }, vf = /* @__PURE__ */ Z({
   __name: "OcSupportMenu",
   props: {
     modelValue: {
@@ -10031,7 +10033,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     const r = {
       arrowHidden: !0
     };
-    return (a, l) => (t(), i("div", Pu, [
+    return (a, l) => (t(), i("div", Nu, [
       g(o(se), {
         "model-value": e.modelValue,
         "popper-options": r,
@@ -10040,10 +10042,10 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
         "onUpdate:modelValue": l[0] || (l[0] = (s) => a.$emit("update:modelValue", s))
       }, {
         menu: S(() => [
-          n("div", Ru, [
+          n("div", Uu, [
             (t(!0), i(N, null, R(e.topMenu, (s, d) => (t(), i(N, { key: d }, [
-              n("div", Fu, [
-                n("span", Uu, w(s.title), 1)
+              n("div", qu, [
+                n("span", Hu, w(s.title), 1)
               ]),
               (t(!0), i(N, null, R(s.items, (c, u) => (t(), p(o(he), F({
                 key: u,
@@ -10084,11 +10086,11 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
           ])
         ]),
         default: S(() => [
-          n("div", Eu, [
-            e.isPointed ? (t(), i("div", Nu, l[1] || (l[1] = [
+          n("div", zu, [
+            e.isPointed ? (t(), i("div", Ru, l[1] || (l[1] = [
               n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ]))) : m("", !0),
-            n("div", zu, [
+            n("div", Fu, [
               g(o(T), {
                 name: "question",
                 width: "33",
@@ -10101,7 +10103,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       }, 8, ["model-value"])
     ]));
   }
-}), qu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, je = /* @__PURE__ */ Z({
+}), Yu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, je = /* @__PURE__ */ Z({
   __name: "OcCopyTooltip",
   props: {
     value: [String, Blob],
@@ -10131,7 +10133,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       distance: 20
     }, e.tooltipOptions), {
       popper: S(() => [
-        n("div", qu, w(e.tooltipText), 1)
+        n("div", Yu, w(e.tooltipText), 1)
       ]),
       default: S(({ isShow: s }) => [
         n("div", {
@@ -10150,7 +10152,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       _: 3
     }, 16));
   }
-}), Hu = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Yu = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Wu = { class: "flex flex-col gap-y-7 p-5" }, Ku = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, Gu = ["src"], Xu = { class: "flex text-center flex-col gap-y-3" }, Ju = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, Zu = { class: "text-oc-text-400" }, Qu = { class: "py-6 px-5 flex items-center justify-center" }, ff = /* @__PURE__ */ Z({
+}), Wu = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Ku = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Gu = { class: "flex flex-col gap-y-7 p-5" }, Xu = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, Ju = ["src"], Zu = { class: "flex text-center flex-col gap-y-3" }, Qu = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, _u = { class: "text-oc-text-400" }, em = { class: "py-6 px-5 flex items-center justify-center" }, gf = /* @__PURE__ */ Z({
   __name: "OcWhiteList",
   props: {
     buttonProps: {
@@ -10166,28 +10168,28 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
     description: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", Hu, [
+    return (r, a) => (t(), i("div", Wu, [
       a[0] || (a[0] = n("div", { class: "absolute w-full h-full top-0 left-0 bg-oc-gray-50 opacity-80" }, null, -1)),
-      n("div", Yu, [
-        n("div", Wu, [
+      n("div", Ku, [
+        n("div", Gu, [
           k(r.$slots, "logo", {}, () => [
-            n("div", Ku, [
+            n("div", Xu, [
               n("img", {
                 src: e.imagePath,
                 alt: "logo"
-              }, null, 8, Gu)
+              }, null, 8, Ju)
             ])
           ]),
-          n("div", Xu, [
-            n("div", Ju, [
+          n("div", Zu, [
+            n("div", Qu, [
               W(w(e.title) + " ", 1),
               e.tagOptions ? (t(), p(o(Ht), ve(F({ key: 0 }, e.tagOptions)), null, 16)) : m("", !0)
             ]),
-            n("span", Zu, w(e.description), 1)
+            n("span", _u, w(e.description), 1)
           ]),
           k(r.$slots, "bottom")
         ]),
-        n("div", Qu, [
+        n("div", em, [
           k(r.$slots, "footer", {}, () => [
             g(o(X), F({
               label: "Request Access",
@@ -10198,7 +10200,7 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       ])
     ]));
   }
-}), vf = {
+}), pf = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -10244,20 +10246,20 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       CardInput: cr,
       CheckboxesGroup: mr,
       Input: ye,
-      NumberInput: pu,
-      LinkInput: ld,
-      Select: Kr,
-      TextArea: id,
+      NumberInput: xu,
+      LinkInput: nd,
+      Select: Xr,
+      TextArea: sd,
       Toggle: wt,
-      RadioGroup: Lr,
-      TimePicker: tm,
-      DatePicker: lc,
+      RadioGroup: Er,
+      TimePicker: am,
+      DatePicker: nc,
       Checkbox: Te,
       Slider: Lt,
-      RangeInput: zr,
-      PhoneInput: Tr,
-      SectionItem: yc,
-      SelectOptions: $c
+      RangeInput: Fr,
+      PhoneInput: Ar,
+      SectionItem: hc,
+      SelectOptions: Sc
     }, c = ($) => d[$] ? d[$] : null, u = z(() => {
       const $ = (L) => L.split(`
 `).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), O = {};
@@ -10372,32 +10374,32 @@ const Xd = { class: "flex flex-col gap-y-2 w-full" }, Jd = {
       }), 128))
     ], 6)) : m("", !0);
   }
-}, gf = de(() => import("./OcDataTable-q2BjAPgw.js")), pf = de(() => import("./OcFilterSearch-BX6NOsFy.js")), yf = de(() => import("./OcFilterSearchFor-Br4XqQB7.js")), xf = de(() => import("./OcFilterForm-DamvYFQ7.js")), _u = de(
-  () => import("./OcComplexCalendar-BD8k9vXa.js")
-), hf = de(
-  () => import("./OcComplexDatePicker-BvC4TicH.js")
-), ot = de(() => import("./OcModalCropper-BJQBW_e0.js")), bf = de(() => import("./OcCropper-CnC0I6jq.js")), em = de(() => import("./OcDraggable-CA_BCbpl.js")), wf = de(() => import("./OcDraggableList-lSt_M8s3.js")), $f = de(() => import("./OcEmojiPicker-_AJ9ifgk.js")), kf = de(
-  () => import("./ThumbnailTheme-Di3srmQK.js")
-), Sf = de(
-  () => import("./ThumbnailSection-DuWLH_0G.js")
-), Cf = de(() => import("./SubPlanCard-ClAydyli.js")), Vf = de(() => import("./OcTimePopup-CXGhaOev.js")), tm = de(() => import("./OcTimePicker-7tQQEDjc.js")), Bf = de(
-  () => import("./OcAccountSetupProgress-BBXQD43f.js")
+}, yf = de(() => import("./OcDataTable-CLTLwpzB.js")), xf = de(() => import("./OcFilterSearch-us34Xf3F.js")), hf = de(() => import("./OcFilterSearchFor-RccrGSpG.js")), bf = de(() => import("./OcFilterForm-Dcze7x6x.js")), tm = de(
+  () => import("./OcComplexCalendar-Dtm84iob.js")
+), wf = de(
+  () => import("./OcComplexDatePicker-UwBiINWF.js")
+), ot = de(() => import("./OcModalCropper-DogaW3Pf.js")), $f = de(() => import("./OcCropper-CpbwLT0e.js")), lm = de(() => import("./OcDraggable-CA_BCbpl.js")), kf = de(() => import("./OcDraggableList-AzYIrDsM.js")), Sf = de(() => import("./OcEmojiPicker-BfXAsZzh.js")), Cf = de(
+  () => import("./ThumbnailTheme-3AhZ-r_a.js")
+), Vf = de(
+  () => import("./ThumbnailSection-CKnTibRp.js")
+), Bf = de(() => import("./SubPlanCard-P1SsLvzl.js")), Of = de(() => import("./OcTimePopup-CXGhaOev.js")), am = de(() => import("./OcTimePicker-SSNb2Nxh.js")), If = de(
+  () => import("./OcAccountSetupProgress-Dr_0hJll.js")
 );
 export {
-  Mm as $,
-  Bm as A,
+  Pm as $,
+  Im as A,
   X as B,
   St as C,
   yn as D,
-  Tm as E,
+  Am as E,
   wl as F,
   kt as G,
   Ue as H,
-  Cm as I,
+  Bm as I,
   ct as J,
   ut as K,
-  km as L,
-  Sm as M,
+  Cm as L,
+  Vm as M,
   rt as N,
   Re as O,
   dt as P,
@@ -10405,96 +10407,96 @@ export {
   Pe as R,
   Lt as S,
   fl as T,
-  Vm as U,
-  Dm as V,
-  Am as W,
-  Lm as X,
+  Om as U,
+  jm as V,
+  Mm as W,
+  Em as X,
   Jn as Y,
-  jm as Z,
+  Lm as Z,
   xe as _,
   cr as a,
-  Pm as a0,
+  Nm as a0,
   ei as a1,
-  Jm as a2,
+  Qm as a2,
   Ho as a3,
-  ef as a4,
-  _m as a5,
-  Xm as a6,
-  Zm as a7,
-  Em as a8,
-  Nm as a9,
-  Ou as aA,
-  uf as aB,
-  mf as aC,
+  lf as a4,
+  tf as a5,
+  Zm as a6,
+  _m as a7,
+  zm as a8,
+  Rm as a9,
+  Tu as aA,
+  ff as aB,
+  vf as aC,
   ae as aD,
-  ff as aE,
+  gf as aE,
   it as aF,
-  _u as aG,
-  em as aH,
-  Vf as aI,
-  pf as aJ,
-  xf as aK,
-  yf as aL,
-  gf as aM,
-  hf as aN,
+  tm as aG,
+  lm as aH,
+  Of as aI,
+  xf as aJ,
+  bf as aK,
+  hf as aL,
+  yf as aM,
+  wf as aN,
   ot as aO,
-  bf as aP,
-  wf as aQ,
-  $f as aR,
-  kf as aS,
-  Sf as aT,
-  Cf as aU,
-  tm as aV,
-  Bf as aW,
-  zm as aa,
-  Rm as ab,
-  Fm as ac,
-  Um as ad,
-  qm as ae,
+  $f as aP,
+  kf as aQ,
+  Sf as aR,
+  Cf as aS,
+  Vf as aT,
+  Bf as aU,
+  am as aV,
+  If as aW,
+  Fm as aa,
+  Um as ab,
+  qm as ac,
+  Hm as ad,
+  Ym as ae,
   Yi as af,
   zi as ag,
-  Qm as ah,
-  Hm as ai,
-  Ym as aj,
-  Wm as ak,
+  ef as ah,
+  Wm as ai,
+  Km as aj,
+  Gm as ak,
   go as al,
   bo as am,
   ko as an,
   Bo as ao,
-  Km as ap,
-  Gm as aq,
-  tf as ar,
-  af as as,
+  Xm as ap,
+  Jm as aq,
+  af as ar,
+  of as as,
   ne as at,
-  nf as au,
-  lf as av,
-  Lu as aw,
+  sf as au,
+  nf as av,
+  Eu as aw,
   je as ax,
   se as ay,
   he as az,
   Te as b,
   mr as c,
-  of as d,
+  rf as d,
   ye as e,
-  sf as f,
-  Tr as g,
-  Mr as h,
-  Lr as i,
-  zr as j,
-  Kr as k,
+  df as f,
+  Ar as g,
+  Pr as h,
+  Er as i,
+  Fr as j,
+  Xr as k,
   gt as l,
-  rf as m,
-  ld as n,
-  id as o,
-  Gd as p,
-  lc as q,
-  yc as r,
-  $c as s,
-  df as t,
-  cf as u,
-  pu as v,
-  vf as w,
-  Im as x,
-  Om as y,
+  cf as m,
+  nd as n,
+  sd as o,
+  Jd as p,
+  nc as q,
+  hc as r,
+  Sc as s,
+  uf as t,
+  mf as u,
+  xu as v,
+  pf as w,
+  Dm as x,
+  Tm as y,
   De as z
 };