@orchidui/core 1.1.31-14 → 1.1.31-16

package/dist/{index-BBcnPgzE.js → index-DXeKhK9o.js}

@@ -22,7 +22,7 @@ import "./OcTheme-CWgrJh5Q.js";
 const Gt = {
   key: 0,
   class: "flex relative group/row md:p-0 py-3 w-full"
-}, vm = {
+}, pm = {
   __name: "OcTable",
   props: {
     options: {
@@ -728,7 +728,7 @@ const Gt = {
       a[1] || (a[1] = n("div", { class: "w-9" }, null, -1))
     ]));
   }
-}), rl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, gm = /* @__PURE__ */ Z({
+}), rl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, ym = /* @__PURE__ */ Z({
   __name: "OcExpadingTable",
   props: {
     total: {
@@ -808,7 +808,7 @@ const Gt = {
       ])
     ]));
   }
-}), dl = { class: "w-full items-center flex relative" }, cl = { class: "flex items-center gap-x-6" }, ul = { class: "hidden md:flex items-center gap-x-3" }, ml = { class: "md:hidden mx-[30px]" }, pm = {
+}), dl = { class: "w-full items-center flex relative" }, cl = { class: "flex items-center gap-x-6" }, ul = { class: "hidden md:flex items-center gap-x-3" }, ml = { class: "md:hidden mx-[30px]" }, xm = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -1309,7 +1309,7 @@ const Gt = {
       ], 2);
     };
   }
-}, Bt = /* @__PURE__ */ he(zl, [["__scopeId", "data-v-e499a3c4"]]), Nl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Rl = { key: 0 }, ym = {
+}, Bt = /* @__PURE__ */ he(zl, [["__scopeId", "data-v-e499a3c4"]]), Nl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Rl = { key: 0 }, hm = {
   __name: "OcTransferSummary",
   props: {
     transfer: {
@@ -1436,7 +1436,7 @@ const Gt = {
             l[3] || (l[3] = W(" - ")),
             e.date ? (t(), r("span", Jl, $(e.date), 1)) : m("", !0)
           ]),
-          y(s(oe), {
+          y(s(ne), {
             modelValue: i.value,
             "onUpdate:modelValue": l[2] || (l[2] = (d) => i.value = d)
           }, {
@@ -1673,7 +1673,7 @@ const Gt = {
               ])) : m("", !0)
             ]),
             S(d.$slots, "actions", {}, () => [
-              e.isDropdownActionsVisible && !e.isDisabled ? (t(), p(s(oe), {
+              e.isDropdownActionsVisible && !e.isDisabled ? (t(), p(s(ne), {
                 key: 0,
                 modelValue: l.value,
                 "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
@@ -1827,7 +1827,7 @@ const Gt = {
         n("div", za, [
           n("div", Na, $(e.page.title), 1),
           n("div", Ra, [
-            y(s(oe), {
+            y(s(ne), {
               modelValue: i.value,
               "onUpdate:modelValue": d[0] || (d[0] = (c) => i.value = c),
               placement: "bottom-end"
@@ -1987,7 +1987,7 @@ const Gt = {
       ])
     ], 2));
   }
-}), xm = {
+}), bm = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2153,7 +2153,7 @@ const Gt = {
 }, cn = { class: "uppercase" }, un = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, mn = { class: "mb-auto" }, fn = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, hm = {
+}, wm = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2221,7 +2221,7 @@ const Gt = {
 }, bn = { class: "flex items-center gap-3" }, wn = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, $n = { class: "p-2 border-b border-gray-200" }, kn = {
   key: 0,
   class: "p-2"
-}, bm = {
+}, $m = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2288,7 +2288,7 @@ const Gt = {
               ])
             ]),
             n("div", bn, [
-              e.dropdownOptions ? (t(), p(s(oe), F({
+              e.dropdownOptions ? (t(), p(s(ne), F({
                 key: 0,
                 modelValue: a.value,
                 "onUpdate:modelValue": o[0] || (o[0] = (d) => a.value = d),
@@ -2348,7 +2348,7 @@ const Gt = {
 }, Vn = {
   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"
-}, In = { class: "flex flex-col gap-y-1" }, Tn = { class: "font-medium" }, Dn = { class: "text-oc-text-300 text-sm" }, wm = /* @__PURE__ */ Z({
+}, In = { class: "flex flex-col gap-y-1" }, Tn = { class: "font-medium" }, Dn = { class: "text-oc-text-300 text-sm" }, km = /* @__PURE__ */ Z({
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2404,7 +2404,7 @@ const Gt = {
       ])
     ]));
   }
-}), $m = {
+}), Sm = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2528,7 +2528,7 @@ const Gt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), Mn = { class: "flex items-center flex-1 gap-x-4" }, jn = { class: "flex flex-col gap-y-1" }, Pn = { class: "font-medium" }, Ln = { class: "text-oc-text-400 text-sm" }, km = /* @__PURE__ */ Z({
+}), Mn = { class: "flex items-center flex-1 gap-x-4" }, jn = { class: "flex flex-col gap-y-1" }, Pn = { class: "font-medium" }, Ln = { class: "text-oc-text-400 text-sm" }, Cm = /* @__PURE__ */ Z({
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -2589,7 +2589,7 @@ const Gt = {
 }), En = ["onClick"], zn = {
   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, Sm = {
+}, ft = 100, vt = 35, Bm = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -2715,7 +2715,7 @@ const Gt = {
       ], 2)) : m("", !0)
     ], 2));
   }
-}, Nn = ["src"], Rn = { class: "shrink-0" }, Cm = {
+}, Nn = ["src"], Rn = { class: "shrink-0" }, Om = {
   __name: "OcPaymentTab",
   props: {
     tab: {
@@ -2785,7 +2785,7 @@ const Gt = {
       }, $(e.title), 3)
     ], 2));
   }
-}), qn = { class: "flex gap-x-7" }, Bm = /* @__PURE__ */ Z({
+}), qn = { class: "flex gap-x-7" }, Vm = /* @__PURE__ */ Z({
   __name: "OcSteps",
   props: {
     steps: {
@@ -2813,7 +2813,7 @@ const Gt = {
       ])
     ]));
   }
-}), Hn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Om = /* @__PURE__ */ Z({
+}), Hn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Im = /* @__PURE__ */ Z({
   __name: "OcVariants",
   props: {
     variants: {
@@ -2901,22 +2901,22 @@ function Xn(e, i) {
     S(e.$slots, "default")
   ]);
 }
-const Vm = /* @__PURE__ */ he(Kn, [["render", Xn]]), Jn = {}, Zn = { 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 Tm = /* @__PURE__ */ he(Kn, [["render", Xn]]), Jn = {}, Zn = { 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 Qn(e, i) {
   return t(), r("div", Zn, [
     S(e.$slots, "default")
   ]);
 }
-const Im = /* @__PURE__ */ he(Jn, [["render", Qn]]), _n = {}, eo = { class: "flex items-center gap-x-3 mr-auto" };
+const Dm = /* @__PURE__ */ he(Jn, [["render", Qn]]), _n = {}, eo = { class: "flex items-center gap-x-3 mr-auto" };
 function to(e, i) {
   return t(), r("div", eo, [
     S(e.$slots, "default")
   ]);
 }
-const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-center" }, ao = {
+const Am = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-center" }, ao = {
   key: 1,
   class: "text-oc-text-300 text-sm md:text-base"
-}, Dm = {
+}, Mm = {
   __name: "OcHeaderCenter",
   props: {
     isSaved: Boolean
@@ -2941,7 +2941,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ])
     ]));
   }
-}, no = { class: "flex items-center gap-x-7 ml-auto" }, oo = { class: "flex gap-x-3" }, Am = {
+}, no = { class: "flex items-center gap-x-7 ml-auto" }, oo = { class: "flex gap-x-3" }, jm = {
   __name: "OcHeaderRight",
   props: {
     primaryProps: {
@@ -2982,7 +2982,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ])
     ]));
   }
-}, io = { class: "gap-x-7 hidden md:flex relative" }, so = ["onClick"], ro = { class: "p-3 font-medium text-oc-accent-1-500 flex items-center gap-2" }, co = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, Mm = {
+}, io = { class: "gap-x-7 hidden md:flex relative" }, so = ["onClick"], ro = { class: "p-3 font-medium text-oc-accent-1-500 flex items-center gap-2" }, co = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, Pm = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3019,7 +3019,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           class: v([l.value.sidebarClass, "absolute transition-all duration-300 h-[36px] rounded-full min-w-[100px] bg-[var(--oc-sidebar-menu-active-icon-active)]"])
         }, null, 2)
       ]),
-      y(s(oe), {
+      y(s(ne), {
         modelValue: a.value,
         "onUpdate:modelValue": f[0] || (f[0] = (h) => a.value = h),
         class: "flex md:hidden"
@@ -3120,7 +3120,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           size: "small"
         }, e.primaryButtonProps, { "is-additional-area": "" }), {
           "additional-content": k(() => [
-            y(s(oe), {
+            y(s(ne), {
               modelValue: i.value,
               "onUpdate:modelValue": l[0] || (l[0] = (o) => i.value = o),
               onClick: l[1] || (l[1] = fe(() => {
@@ -3175,7 +3175,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       e.chipProps ? (t(), p(s(ae), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : m("", !0)
     ]));
   }
-}), $o = { class: "md:pb-5 pb-4 flex flex-col" }, ko = { class: "flex flex-col gap-y-3 pt-4 md:pt-5 px-5 md:px-10" }, jm = {
+}), $o = { class: "md:pb-5 pb-4 flex flex-col" }, ko = { class: "flex flex-col gap-y-3 pt-4 md:pt-5 px-5 md:px-10" }, Lm = {
   __name: "OcPageTitle",
   props: {
     title: { type: String, required: !0 },
@@ -3359,7 +3359,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           key: 1,
           class: v(["border-l group-hover:border-oc-accent-1-100", c.value ? "border-oc-gray-200" : "border-transparent"])
         }, null, 2)) : m("", !0),
-        d.value ? (t(), p(s(oe), {
+        d.value ? (t(), p(s(ne), {
           key: 2,
           modelValue: c.value,
           "onUpdate:modelValue": T[3] || (T[3] = (C) => c.value = C),
@@ -3449,7 +3449,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     var o;
     const a = M(((o = e.secondaryButtonProps) == null ? void 0 : o.isDropdownOpened) ?? !1), { isMobile: l } = qt();
     return (d, c) => (t(), r("div", Mo, [
-      e.secondaryButtonProps ? (t(), p(s(oe), {
+      e.secondaryButtonProps ? (t(), p(s(ne), {
         key: 0,
         modelValue: a.value,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => a.value = u),
@@ -3497,7 +3497,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
 }, Eo = /* @__PURE__ */ he(Lo, [["__scopeId", "data-v-a7abfe33"]]), zo = { class: "flex flex-col flex-1 py-4 gap-3 px-6" }, No = {
   key: 0,
   class: "border-t border-oc-gray-200 last:hidden first:hidden"
-}, Pm = {
+}, Em = {
   __name: "OcSidebar",
   props: {
     class: {
@@ -3553,7 +3553,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             "is-sidebar-expanded": e.isExpanded
           }, {
             default: k(() => [
-              (t(!0), r(L, null, R(x.items, (T, j) => (t(), p(s(ci), {
+              (t(!0), r(L, null, R(x.items, (T, j) => (t(), p(s(ui), {
                 key: j,
                 icon: T.icon,
                 label: T.label,
@@ -3564,7 +3564,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 onCloseMenu: (C) => d(T.name)
               }, {
                 default: k(() => [
-                  (t(!0), r(L, null, R(T.children, (C, A) => (t(), p(s(fi), {
+                  (t(!0), r(L, null, R(T.children, (C, A) => (t(), p(s(vi), {
                     key: A,
                     icon: C.icon,
                     label: C.label,
@@ -3581,7 +3581,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         ], 64))), 128)),
         S(f.$slots, "after", { isExpanded: e.isExpanded })
       ]),
-      y(s(yi), {
+      y(s(hi), {
         "is-expanded": e.isExpanded,
         "display-name": e.displayName,
         onUserClick: h[0] || (h[0] = (x) => f.$emit("user-click")),
@@ -3594,7 +3594,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       }, 8, ["is-expanded", "display-name"])
     ], 2));
   }
-}, Lm = {
+}, zm = {
   __name: "OcSidebarSubmenu",
   props: {
     isExpanded: {
@@ -3869,7 +3869,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ]))
     ], 2));
   }
-}, Em = /* @__PURE__ */ he(ai, [["__scopeId", "data-v-fb4f007e"]]), ni = { class: "min-h-0 flex flex-col gap-y-2" }, oi = {
+}, Nm = /* @__PURE__ */ he(ai, [["__scopeId", "data-v-fb4f007e"]]), ni = { class: "min-h-0 flex flex-col gap-y-2" }, oi = {
   __name: "OcSidebarHead",
   props: {
     label: String,
@@ -3910,7 +3910,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
 }, ii = { class: "relative" }, si = {
   key: 0,
   class: "leading-[21px]"
-}, ri = { class: "py-2 whitespace-nowrap px-3 text-sm text-oc-text-400 font-medium" }, di = { class: "flex flex-col gap-y-1 min-h-0" }, ci = {
+}, ri = { class: "py-2 whitespace-nowrap px-3 text-sm text-oc-text-400 font-medium" }, di = { class: "ml-1" }, ci = { class: "flex flex-col gap-y-1 min-h-0" }, ui = {
   __name: "OcSidebarMenu",
   props: {
     icon: String,
@@ -3933,7 +3933,8 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       y(s(le), {
         position: "right",
         distance: 10,
-        "popper-options": { strategy: "fixed" }
+        "popper-options": { strategy: "fixed" },
+        class: "w-full"
       }, ee({
         default: k(() => [
           n("div", {
@@ -3962,7 +3963,9 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         e.isExpanded ? void 0 : {
           name: "popper",
           fn: k(() => [
-            n("div", ri, $(e.label), 1)
+            n("div", ri, [
+              n("span", di, $(e.label), 1)
+            ])
           ]),
           key: "0"
         }
@@ -3976,7 +3979,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         onClick: f[0] || (f[0] = fe(() => {
         }, ["stop"]))
       }, [
-        n("div", di, [
+        n("div", ci, [
           S(u.$slots, "default")
         ])
       ], 2)) : m("", !0),
@@ -3994,10 +3997,10 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       [s(ot), c]
     ]);
   }
-}, ui = { class: "flex-1 whitespace-nowrap" }, mi = {
+}, mi = { class: "flex-1 whitespace-nowrap" }, fi = {
   key: 0,
   class: "bg-oc-warning text-white shrink-0 py-1 px-3 rounded-sm uppercase text-xs font-medium"
-}, fi = {
+}, vi = {
   __name: "OcSidebarSubMenuItem",
   props: {
     label: String,
@@ -4013,11 +4016,11 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         "rounded-sm p-3 h-[34px] text-sm": !e.isExpanded
       }])
     }, [
-      n("div", ui, $(e.label), 1),
-      e.isBeta ? (t(), r("div", mi, " BETA ")) : m("", !0)
+      n("div", mi, $(e.label), 1),
+      e.isBeta ? (t(), r("div", fi, " BETA ")) : m("", !0)
     ], 2));
   }
-}, vi = { class: "py-4 sticky bottom-0 left-0 px-6 bg-oc-gray-50 border-t border-oc-gray-200" }, gi = { class: "flex flex-col gap-y-3" }, pi = { key: 0 }, yi = {
+}, gi = { class: "py-4 sticky bottom-0 left-0 px-6 bg-oc-gray-50 border-t border-oc-gray-200" }, pi = { class: "flex flex-col gap-y-3" }, yi = { key: 0 }, xi = { class: "flex flex-col" }, hi = {
   __name: "OcSidebarFooter",
   props: {
     displayName: String,
@@ -4025,9 +4028,12 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
   },
   emits: ["user-click", "support-click"],
   setup(e) {
-    return (i, a) => (t(), r("div", vi, [
-      n("div", gi, [
-        e.isExpanded ? S(i.$slots, "default", { key: 0 }) : m("", !0),
+    const i = M(!1), a = () => {
+      i.value = !i.value;
+    };
+    return (l, o) => (t(), r("div", gi, [
+      n("div", pi, [
+        e.isExpanded ? S(l.$slots, "default", { key: 0 }) : m("", !0),
         n("div", {
           class: v(["flex items-center gap-x-3", {
             "flex-col gap-y-4": !e.isExpanded
@@ -4035,30 +4041,43 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         }, [
           n("div", {
             class: "px-3 flex flex-1 items-center gap-x-3 text-oc-primary",
-            onClick: a[0] || (a[0] = (l) => i.$emit("support-click"))
+            onClick: o[0] || (o[0] = (d) => l.$emit("support-click"))
           }, [
             y(s(V), {
               name: "chat-2",
               width: "18",
               height: "18"
             }),
-            e.isExpanded ? (t(), r("span", pi, "Contact support")) : m("", !0)
+            e.isExpanded ? (t(), r("span", yi, "Contact support")) : m("", !0)
           ]),
-          y(s(lt), {
-            size: 32,
-            class: "shrink-0 uppercase",
-            onClick: a[1] || (a[1] = (l) => i.$emit("user-click"))
+          y(s(ne), {
+            modelValue: i.value,
+            "onUpdate:modelValue": o[2] || (o[2] = (d) => i.value = d)
           }, {
+            menu: k(() => [
+              n("div", xi, [
+                S(l.$slots, "user-menu", { toggle: a })
+              ])
+            ]),
             default: k(() => [
-              W($(e.displayName || "J"), 1)
+              y(s(lt), {
+                size: 32,
+                class: "shrink-0 uppercase",
+                onClick: o[1] || (o[1] = (d) => l.$emit("user-click"))
+              }, {
+                default: k(() => [
+                  W($(e.displayName || "J"), 1)
+                ]),
+                _: 1
+              })
             ]),
-            _: 1
-          })
+            _: 3
+          }, 8, ["modelValue"])
         ], 2)
       ])
     ]));
   }
-}, xi = { class: "relative" }, hi = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, bi = { class: "py-2 px-3 gap-x-3 flex items-center" }, wi = { class: "text-oc-accent-2 flex-1 font-medium" }, $i = { class: "flex items-center gap-x-2" }, ki = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, zm = {
+}, bi = { class: "relative" }, wi = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, $i = { class: "py-2 px-3 gap-x-3 flex items-center" }, ki = { class: "text-oc-accent-2 flex-1 font-medium" }, Si = { class: "flex items-center gap-x-2" }, Ci = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, Rm = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -4075,16 +4094,16 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     }
   },
   setup(e) {
-    return (i, a) => (t(), r("div", xi, [
+    return (i, a) => (t(), r("div", bi, [
       a[2] || (a[2] = n("div", { class: "border absolute top-2 left-0 w-full h-[calc(100%-4px)] border-oc-gray-200 rounded pt-2" }, null, -1)),
-      n("div", hi, [
-        n("div", bi, [
+      n("div", wi, [
+        n("div", $i, [
           y(s(V), {
             name: "sparkle-2",
             class: "text-oc-accent-2"
           }),
-          n("div", wi, $(e.title), 1),
-          n("div", $i, [
+          n("div", ki, $(e.title), 1),
+          n("div", Si, [
             y(s(V), {
               name: "x",
               class: "text-oc-text-300 hover:text-oc-text",
@@ -4101,11 +4120,11 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             })
           ])
         ]),
-        n("div", ki, $(e.description), 1)
+        n("div", Ci, $(e.description), 1)
       ])
     ]));
   }
-}, Si = { class: "border relative z-10 border-oc-gray-200 shadow-normal bg-white rounded p-2 flex flex-col gap-y-2" }, Ci = { class: "py-2 px-3 gap-x-3 flex items-center" }, Bi = { class: "text-oc-warning flex-1" }, Oi = { class: "px-3 pb-3 flex flex-col gap-y-3" }, Vi = { class: "relative bg-oc-accent-1-50 rounded-full h-2" }, Ii = { class: "flex items-center gap-x-3" }, Ti = { class: "text-sm text-oc-text-400" }, Nm = {
+}, Bi = { class: "border relative z-10 border-oc-gray-200 shadow-normal bg-white rounded p-2 flex flex-col gap-y-2" }, Oi = { class: "py-2 px-3 gap-x-3 flex items-center" }, Vi = { class: "text-oc-warning flex-1" }, Ii = { class: "px-3 pb-3 flex flex-col gap-y-3" }, Ti = { class: "relative bg-oc-accent-1-50 rounded-full h-2" }, Di = { class: "flex items-center gap-x-3" }, Ai = { class: "text-sm text-oc-text-400" }, Fm = {
   __name: "OcAccountSetupProgress",
   props: {
     value: {
@@ -4119,9 +4138,9 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
   },
   emits: ["redirect"],
   setup(e) {
-    return (i, a) => (t(), r("div", Si, [
-      n("div", Ci, [
-        n("div", Bi, "Finish your account (" + $(e.value) + "%)", 1),
+    return (i, a) => (t(), r("div", Bi, [
+      n("div", Oi, [
+        n("div", Vi, "Finish your account (" + $(e.value) + "%)", 1),
         y(s(V), {
           name: "arrow-top-right",
           class: "text-oc-text-300 hover:text-oc-text",
@@ -4130,21 +4149,21 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           onClick: a[0] || (a[0] = (l) => i.$emit("redirect"))
         })
       ]),
-      n("div", Oi, [
-        n("div", Vi, [
+      n("div", Ii, [
+        n("div", Ti, [
           n("div", {
             class: "absolute top-0 left-0 bg-oc-primary rounded-full h-2",
             style: se({ width: `${e.value}%` })
           }, null, 4)
         ]),
-        n("div", Ii, [
+        n("div", Di, [
           a[1] || (a[1] = n("div", { class: "w-[6px] h-[6px] bg-oc-success shadow-[0_0_0_4px_var(--oc-success-50)] rounded-full" }, null, -1)),
-          n("span", Ti, $(e.infoLabel), 1)
+          n("span", Ai, $(e.infoLabel), 1)
         ])
       ])
     ]));
   }
-}, Di = { class: "py-7 flex flex-col gap-y-3 px-4" }, Ai = { class: "flex flex-col gap-y-2" }, Mi = ["onClick"], Rm = /* @__PURE__ */ Z({
+}, Mi = { class: "py-7 flex flex-col gap-y-3 px-4" }, ji = { class: "flex flex-col gap-y-2" }, Pi = ["onClick"], Um = /* @__PURE__ */ Z({
   __name: "OcSubSidebar",
   props: {
     title: {
@@ -4162,7 +4181,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
   },
   emits: ["titleClick", "update:modelValue"],
   setup(e) {
-    return (i, a) => (t(), r("div", Di, [
+    return (i, a) => (t(), r("div", Mi, [
       e.title ? (t(), r("div", {
         key: 0,
         class: "py-4 gap-x-3 whitespace-nowrap cursor-pointer flex font-medium items-center",
@@ -4176,7 +4195,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         }),
         W(" " + $(e.title), 1)
       ])) : m("", !0),
-      n("div", Ai, [
+      n("div", ji, [
         (t(!0), r(L, null, R(e.menu, (l, o) => (t(), r("div", {
           key: o,
           class: v([
@@ -4184,11 +4203,11 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             e.modelValue === l.value ? "bg-oc-accent-2-50-tr text-oc-accent-1" : "text-oc-text-400"
           ]),
           onClick: (d) => i.$emit("update:modelValue", l.value)
-        }, $(l.label), 11, Mi))), 128))
+        }, $(l.label), 11, Pi))), 128))
       ])
     ]));
   }
-}), ji = { class: "relative" }, Fm = {
+}), Li = { class: "relative" }, qm = {
   __name: "OcEmptyPage",
   props: {
     isButton: {
@@ -4286,7 +4305,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     return (a, l) => (t(), r("div", {
       class: v(["flex flex-col items-center", i.value[e.size].box])
     }, [
-      n("div", ji, [
+      n("div", Li, [
         n("div", {
           class: v(["flex justify-center border rounded-full items-center aspect-square", [
             e.containerClass ? e.containerClass : e.isUpgrade ? "text-oc-warning-600 border-oc-warning-300 bg-oc-warning-50" : "text-oc-text-400 border-oc-gray-200 bg-oc-gray-50",
@@ -4327,16 +4346,16 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       }, null, 8, ["label", "left-icon"])) : m("", !0)
     ], 2));
   }
-}, Pi = {
+}, Ei = {
   key: 0,
   class: "min-w-[138px] flex flex-col gap-y-3"
-}, Li = {
+}, zi = {
   key: 1,
   class: "flex gap-x-4 items-center"
-}, Ei = { class: "flex flex-col gap-y-2" }, zi = { class: "flex items-center gap-x-2" }, Ni = { class: "text-oc-text-400 text-sm" }, Ri = {
+}, Ni = { class: "flex flex-col gap-y-2" }, Ri = { class: "flex items-center gap-x-2" }, Fi = { class: "text-oc-text-400 text-sm" }, Ui = {
   key: 0,
   class: "flex justify-center items-center w-[38px] h-[38px] shrink-0 rounded-full bg-oc-gray-100"
-}, Fi = {
+}, qi = {
   __name: "OcInfoCardButton",
   props: {
     isActive: Boolean,
@@ -4355,19 +4374,19 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         e.isLoading ? "p-3" : "px-5 py-4 min-h-[62px] max-h-[76px]"
       ]])
     }, [
-      e.isLoading ? (t(), r("div", Pi, [
+      e.isLoading ? (t(), r("div", Ei, [
         y(s(Se), { class: "h-[14px] w-[80%] rounded-sm" }),
         y(s(Se), { class: "h-[20px] w-full rounded-sm" })
-      ])) : (t(), r("div", Li, [
-        n("div", Ei, [
-          n("div", zi, [
-            n("span", Ni, $(e.title), 1),
+      ])) : (t(), r("div", zi, [
+        n("div", Ni, [
+          n("div", Ri, [
+            n("span", Fi, $(e.title), 1),
             e.chipOptions ? (t(), p(s(ae), me(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
           ]),
           n("span", {
             class: v(["flex gap-x-4 items-center text-xl group-hover:text-oc-text", e.isActive ? "text-oc-text" : "text-oc-text-400"])
           }, [
-            e.countryIso ? (t(), r("div", Ri, [
+            e.countryIso ? (t(), r("div", Ui, [
               y(s(V), {
                 class: "!rounded-[1px]",
                 name: `flags/${e.countryIso.toUpperCase()}`
@@ -4380,7 +4399,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ]))
     ], 2));
   }
-}, Ui = { class: "flex items-center gap-x-4 overflow-hidden" }, qi = { class: "flex gap-x-2 overflow-auto" }, Hi = ["alt", "src"], Yi = {
+}, Hi = { class: "flex items-center gap-x-4 overflow-hidden" }, Yi = { class: "flex gap-x-2 overflow-auto" }, Wi = ["alt", "src"], Ki = {
   __name: "OcPaymentMethods",
   props: {
     methods: {
@@ -4389,23 +4408,23 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     }
   },
   setup(e) {
-    return (i, a) => (t(), r("div", Ui, [
+    return (i, a) => (t(), r("div", Hi, [
       a[0] || (a[0] = n("span", { class: "text-xs shrink-0 font-medium text-oc-text-300 uppercase" }, " Payment methods ", -1)),
-      n("div", qi, [
+      n("div", Yi, [
         (t(!0), r(L, null, R(e.methods, (l) => (t(), r("img", {
           key: l,
           width: "35",
           alt: l,
           height: "24",
           src: l
-        }, null, 8, Hi))), 128))
+        }, null, 8, Wi))), 128))
       ])
     ]));
   }
-}, Wi = { class: "flex justify-between md:flex-row flex-col gap-y-3 gap-x-4 md:gap-y-0" }, Ki = { key: 2 }, Gi = {
+}, Gi = { class: "flex justify-between md:flex-row flex-col gap-y-3 gap-x-4 md:gap-y-0" }, Xi = { key: 2 }, Ji = {
   key: 4,
   class: "flex shrink-0 gap-x-3"
-}, Xi = {
+}, Zi = {
   __name: "OcTopActions",
   props: {
     moreButtonProps: Object,
@@ -4428,20 +4447,20 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     const i = M(!1);
     return (a, l) => {
       var o;
-      return t(), r("div", Wi, [
+      return t(), r("div", Gi, [
         e.isLoading ? (t(), p(s(Se), {
           key: 0,
           class: "h-[20px] w-[322px] rounded-sm"
         })) : m("", !0),
-        !e.isLoading && e.paymentMethods.length ? (t(), p(Yi, {
+        !e.isLoading && e.paymentMethods.length ? (t(), p(Ki, {
           key: 1,
           methods: e.paymentMethods
-        }, null, 8, ["methods"])) : (t(), r("div", Ki)),
+        }, null, 8, ["methods"])) : (t(), r("div", Xi)),
         e.isLoading ? (t(), p(s(Se), {
           key: 3,
           class: "h-[20px] w-[168px] rounded-sm"
-        })) : (t(), r("div", Gi, [
-          y(s(oe), F({
+        })) : (t(), r("div", Ji, [
+          y(s(ne), F({
             modelValue: i.value,
             "onUpdate:modelValue": l[0] || (l[0] = (d) => i.value = d),
             "popper-options": { strategy: "fixed" },
@@ -4486,7 +4505,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ]);
     };
   }
-}, Ji = { class: "flex flex-col gap-y-5" }, Zi = { class: "flex gap-x-5 overflow-x-auto" }, Qi = {
+}, Qi = { class: "flex flex-col gap-y-5" }, _i = { class: "flex gap-x-5 overflow-x-auto" }, es = {
   __name: "OcBalanceOverview",
   props: {
     overviewItems: {
@@ -4522,10 +4541,10 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     changeTab: []
   },
   setup(e) {
-    return (i, a) => (t(), r("div", Ji, [
-      n("div", Zi, [
+    return (i, a) => (t(), r("div", Qi, [
+      n("div", _i, [
         (t(!0), r(L, null, R(e.isLoading ? 2 : e.overviewTabs, (l) => S(i.$slots, l.value, { tab: l }, () => [
-          (t(), p(Fi, {
+          (t(), p(qi, {
             key: l.value,
             title: l.title,
             "is-loading": e.isLoading,
@@ -4540,7 +4559,7 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         ])), 256))
       ]),
       a[0] || (a[0] = n("div", { class: "border-t border-oc-gray-200" }, null, -1)),
-      y(Xi, {
+      y(Zi, {
         "is-loading": e.isLoading,
         "more-button-props": e.moreButtonProps,
         "secondary-button-props": e.secondaryButtonProps,
@@ -4561,19 +4580,19 @@ const Tm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       }, 8, ["is-loading", "items", "container-class"])
     ]));
   }
-}, _i = {}, es = { class: "flex gap-x-5 md:flex-nowrap flex-wrap p-3 md:items-center bg-oc-gray-50 border border-oc-gray-200 rounded overflow-hidden" };
-function ts(e, i) {
-  return t(), r("div", es, [
+}, ts = {}, ls = { class: "flex gap-x-5 md:flex-nowrap flex-wrap p-3 md:items-center bg-oc-gray-50 border border-oc-gray-200 rounded overflow-hidden" };
+function as(e, i) {
+  return t(), r("div", ls, [
     S(e.$slots, "default")
   ]);
 }
-const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as = {
+const at = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os = {
   key: 0,
   class: "p-2"
-}, ns = { class: "py-2 px-3" }, os = {
+}, is = { class: "py-2 px-3" }, ss = {
   key: 0,
   class: "max-w-[250px] fixed z-[1006] top-0 right-0 transition-all duration-500 flex flex-col gap-y-2 w-full bg-white h-screen overflow-y-auto"
-}, is = { class: "p-5 flex items-center justify-between" }, ss = { class: "px-5 flex-1 flex flex-col gap-y-5" }, rs = /* @__PURE__ */ Z({
+}, rs = { class: "p-5 flex items-center justify-between" }, ds = { class: "px-5 flex-1 flex flex-col gap-y-5" }, cs = /* @__PURE__ */ Z({
   __name: "MobileDynamicType",
   props: {
     boxes: { type: Array, default: () => [] },
@@ -4589,7 +4608,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         default: k(() => {
           var o, d;
           return [
-            n("div", ls, [
+            n("div", ns, [
               (t(!0), r(L, null, R((o = e.boxes[0]) == null ? void 0 : o.items.slice(0, 2), (c, u) => (t(), p(s(qe), F({
                 key: u,
                 "is-transparent": "",
@@ -4609,12 +4628,12 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                   key: "0"
                 } : void 0
               ]), 1040, ["title", "content", "class", "is-loading"]))), 128)),
-              (d = e.boxes[0]) != null && d.showInfo ? (t(), r("div", as, [
+              (d = e.boxes[0]) != null && d.showInfo ? (t(), r("div", os, [
                 y(s(le), null, {
                   popper: k(() => {
                     var c;
                     return [
-                      n("div", ns, $((c = e.boxes[0]) == null ? void 0 : c.infoTooltip), 1)
+                      n("div", is, $((c = e.boxes[0]) == null ? void 0 : c.infoTooltip), 1)
                     ];
                   }),
                   default: k(() => [
@@ -4652,8 +4671,8 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       }),
       y(Me, { name: "slide-from-right" }, {
         default: k(() => [
-          i.value ? (t(), r("div", os, [
-            n("div", is, [
+          i.value ? (t(), r("div", ss, [
+            n("div", rs, [
               l[4] || (l[4] = n("span", { class: "font-medium" }, "Details", -1)),
               y(s(G), {
                 size: "small",
@@ -4665,7 +4684,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 onClick: l[2] || (l[2] = (o) => i.value = !1)
               })
             ]),
-            n("div", ss, [
+            n("div", ds, [
               (t(!0), r(L, null, R(e.boxes, (o, d) => (t(), p(at, { key: d }, {
                 default: k(() => [
                   (t(!0), r(L, null, R(o.items, (c, u) => (t(), p(s(qe), F({
@@ -4703,7 +4722,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       })
     ]));
   }
-}), ds = { class: "hidden md:flex md:gap-5 gap-3 md:flex-row flex-col" }, cs = { class: "py-2 px-3" }, us = {
+}), us = { class: "hidden md:flex md:gap-5 gap-3 md:flex-row flex-col" }, ms = { class: "py-2 px-3" }, fs = {
   __name: "OcDynamicType",
   props: {
     boxes: { type: Array, default: () => [] },
@@ -4716,7 +4735,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
   emits: ["addCustomer", "editCustomer"],
   setup(e) {
     return (i, a) => (t(), r(L, null, [
-      n("div", ds, [
+      n("div", us, [
         (t(!0), r(L, null, R(e.boxes, (l, o) => (t(), p(at, {
           key: o,
           class: v(
@@ -4753,7 +4772,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
               y(s(le), { "popper-options": { strategy: "fixed" } }, {
                 popper: k(() => [
                   S(i.$slots, l.infoTooltipSlot, {}, () => [
-                    n("div", cs, $(l.infoTooltip), 1)
+                    n("div", ms, $(l.infoTooltip), 1)
                   ])
                 ]),
                 default: k(() => [
@@ -4796,7 +4815,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           } : void 0
         ]), 1032, ["variant", "customer", "is-hover", "is-edit"])) : m("", !0)
       ]),
-      y(rs, {
+      y(cs, {
         class: "flex md:hidden",
         boxes: e.boxes,
         "is-customer": e.isCustomer,
@@ -4813,7 +4832,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       ]), 1032, ["boxes", "is-customer", "customer-card-variant", "customer"])
     ], 64));
   }
-}, ms = { class: "md:pt-5 pt-0 md:px-10 px-5" }, fs = { class: "flex items-center gap-x-3" }, vs = { class: "font-medium" }, gs = { class: "flex items-center gap-x-2 max-w-full" }, ps = ["href"], ys = { class: "truncate" }, xs = { class: "text-oc-text whitespace-nowrap" }, Um = {
+}, vs = { class: "md:pt-5 pt-0 md:px-10 px-5" }, gs = { class: "flex items-center gap-x-3" }, ps = { class: "font-medium" }, ys = { class: "flex items-center gap-x-2 max-w-full" }, xs = ["href"], hs = { class: "truncate" }, bs = { class: "text-oc-text whitespace-nowrap" }, Hm = {
   __name: "OcAdditionalContent",
   props: {
     mainLink: { type: String, default: "" },
@@ -4862,7 +4881,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         console.error("Unable to copy text to clipboard. Error: ", l);
       }
     };
-    return (l, o) => (t(), r("div", ms, [
+    return (l, o) => (t(), r("div", vs, [
       e.variant === "default" ? (t(), p(Ot, {
         key: 0,
         description: e.mainLink,
@@ -4870,8 +4889,8 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         class: v(["border rounded md:py-4 py-3 md:px-5 px-4 border-oc-gray-200 bg-oc-gray-50 flex flex-col gap-y-2", e.additionalStyling])
       }, {
         title: k(() => [
-          n("div", fs, [
-            n("span", vs, $(e.additionalTitle), 1),
+          n("div", gs, [
+            n("span", ps, $(e.additionalTitle), 1),
             e.chipVariant ? (t(), p(s(ae), {
               key: 0,
               variant: e.chipVariant,
@@ -4880,15 +4899,15 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           ])
         ]),
         description: k(() => [
-          n("div", gs, [
+          n("div", ys, [
             n("a", {
               href: e.href || `${e.mainLink}${e.userId}`,
               target: "_blank",
               class: "text-oc-text-400 flex items-center overflow-hidden cursor-pointer"
             }, [
-              n("div", ys, $(e.mainLink), 1),
-              n("div", xs, $(e.userId), 1)
-            ], 8, ps),
+              n("div", hs, $(e.mainLink), 1),
+              n("div", bs, $(e.userId), 1)
+            ], 8, xs),
             y(s(Ao), {
               "primary-actions": e.primaryActions,
               onCopy: a
@@ -4896,7 +4915,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           ])
         ]),
         _: 1
-      }, 8, ["description", "title", "class"])) : e.variant === "dynamic" ? (t(), p(us, {
+      }, 8, ["description", "title", "class"])) : e.variant === "dynamic" ? (t(), p(fs, {
         key: 1,
         boxes: e.boxes,
         "customer-card-variant": e.customerCardVariant,
@@ -4914,7 +4933,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
             S(l.$slots, c, me(Te(u)))
           ])
         }))
-      ]), 1032, ["boxes", "customer-card-variant", "customer", "is-customer", "customer-is-hover", "customer-is-edit", "class"])) : e.variant === "balance" ? (t(), p(Qi, {
+      ]), 1032, ["boxes", "customer-card-variant", "customer", "is-customer", "customer-is-hover", "customer-is-edit", "class"])) : e.variant === "balance" ? (t(), p(es, {
         key: 2,
         "overview-items": e.overviewItems,
         "overview-tabs": e.overviewTabs,
@@ -4938,13 +4957,13 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       ]), 1032, ["overview-items", "overview-tabs", "secondary-button-props", "more-button-props", "overview-active-tab", "container-class", "payment-methods", "dropdown-items", "dropdown-props", "class", "is-loading"])) : m("", !0)
     ]));
   }
-}, hs = { class: "send-money-initial-state relative border rounded" }, bs = { class: "z-10 p-7 flex flex-col relative" }, ws = { class: "text-xl font-medium mb-4" }, $s = {
+}, ws = { class: "send-money-initial-state relative border rounded" }, $s = { class: "z-10 p-7 flex flex-col relative" }, ks = { class: "text-xl font-medium mb-4" }, Ss = {
   key: 0,
   class: "text-oc-text-400 mb-10"
-}, ks = {
+}, Cs = {
   key: 1,
   class: "flex gap-4 flex-wrap"
-}, Ss = { class: "text-sm font-medium" }, Cs = {
+}, Bs = { class: "text-sm font-medium" }, Os = {
   __name: "OcFeatureOverviewCard",
   props: {
     title: {
@@ -4964,11 +4983,11 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
   setup(e) {
     return (i, a) => {
       var l;
-      return t(), r("div", hs, [
-        n("div", bs, [
-          n("h2", ws, $(e.title), 1),
-          e.description ? (t(), r("p", $s, $(e.description), 1)) : m("", !0),
-          (l = e.features) != null && l.length ? (t(), r("div", ks, [
+      return t(), r("div", ws, [
+        n("div", $s, [
+          n("h2", ks, $(e.title), 1),
+          e.description ? (t(), r("p", Ss, $(e.description), 1)) : m("", !0),
+          (l = e.features) != null && l.length ? (t(), r("div", Cs, [
             (t(!0), r(L, null, R(e.features, (o) => (t(), r("div", {
               key: o.title,
               class: "rounded bg-white flex flex-col gap-2 p-6 items-center justify-center relative"
@@ -4984,14 +5003,14 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 height: "56",
                 width: "56"
               }, null, 8, ["name"]),
-              n("span", Ss, $(o.title), 1)
+              n("span", Bs, $(o.title), 1)
             ]))), 128))
           ])) : m("", !0)
         ])
       ]);
     };
   }
-}, qm = /* @__PURE__ */ he(Cs, [["__scopeId", "data-v-d658d1d3"]]), Bs = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Os = { class: "text-sm" }, Hm = /* @__PURE__ */ Z({
+}, Ym = /* @__PURE__ */ he(Os, [["__scopeId", "data-v-d658d1d3"]]), Vs = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Is = { class: "text-sm" }, Wm = /* @__PURE__ */ Z({
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -5004,15 +5023,15 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
     }
   },
   setup(e) {
-    return (i, a) => (t(), r("div", Bs, [
-      n("span", Os, $(e.title), 1),
+    return (i, a) => (t(), r("div", Vs, [
+      n("span", Is, $(e.title), 1),
       e.chipProps ? (t(), p(s(ae), F({
         key: 0,
         class: "absolute left-[40px]"
       }, e.chipProps), null, 16)) : m("", !0)
     ]));
   }
-}), Vs = { class: "flex flex-col text-center gap-y-3" }, Is = { class: "text-lg font-medium" }, Ts = { class: "text-sm text-oc-text-400" }, Ym = /* @__PURE__ */ Z({
+}), Ts = { class: "flex flex-col text-center gap-y-3" }, Ds = { class: "text-lg font-medium" }, As = { class: "text-sm text-oc-text-400" }, Km = /* @__PURE__ */ Z({
   __name: "OcBox",
   props: {
     icon: String,
@@ -5033,13 +5052,13 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         height: e.height,
         variant: e.variant
       }, null, 8, ["icon", "width", "height", "variant"]),
-      n("div", Vs, [
-        n("span", Is, $(e.title), 1),
-        n("span", Ts, $(e.description), 1)
+      n("div", Ts, [
+        n("span", Ds, $(e.title), 1),
+        n("span", As, $(e.description), 1)
       ])
     ], 2));
   }
-}), Wm = /* @__PURE__ */ Z({
+}), Gm = /* @__PURE__ */ Z({
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -5065,7 +5084,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       e.chipProps ? (t(), p(s(ae), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : m("", !0)
     ], 2));
   }
-}), Ds = { class: "flex items-center" }, As = { class: "flex flex-1 items-center gap-x-3" }, Ms = { class: "font-medium text-lg" }, Km = /* @__PURE__ */ Z({
+}), Ms = { class: "flex items-center" }, js = { class: "flex flex-1 items-center gap-x-3" }, Ps = { class: "font-medium text-lg" }, Xm = /* @__PURE__ */ Z({
   __name: "OcVerificationOption",
   props: {
     title: {
@@ -5089,10 +5108,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
     return (i, a) => (t(), r("div", {
       class: v(["rounded hover:bg-oc-gray-50 p-5 flex flex-col gap-y-3", e.isActive ? "border-2 border-oc-primary" : "border border-oc-gray-200"])
     }, [
-      n("div", Ds, [
-        n("div", As, [
+      n("div", Ms, [
+        n("div", js, [
           S(i.$slots, "title", {}, () => [
-            n("span", Ms, $(e.title), 1)
+            n("span", Ps, $(e.title), 1)
           ]),
           e.chipOptions ? (t(), p(s(ae), me(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
         ]),
@@ -5107,13 +5126,13 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       S(i.$slots, "content")
     ], 2));
   }
-}), js = {
+}), Ls = {
   key: 0,
   class: "flex flex-col gap-y-4 w-full"
-}, Ps = { class: "flex flex-col gap-y-3" }, Ls = { class: "font-medium text-oc-text" }, Es = { class: "text-oc-text-400" }, zs = { class: "flex gap-x-3" }, Ns = {
+}, Es = { class: "flex flex-col gap-y-3" }, zs = { class: "font-medium text-oc-text" }, Ns = { class: "text-oc-text-400" }, Rs = { class: "flex gap-x-3" }, Fs = {
   key: 0,
   class: "text-oc-text"
-}, Rs = ["innerHTML"], Gm = {
+}, Us = ["innerHTML"], Jm = {
   __name: "OcSnackbar",
   props: {
     modelValue: {
@@ -5242,12 +5261,12 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
             }, null, 8, ["name", "width", "height"]))
           ], 64)) : m("", !0),
           S(h.$slots, "default", {}, () => [
-            f.value ? (t(), r("div", js, [
-              n("div", Ps, [
-                n("span", Ls, $(e.title), 1),
-                n("span", Es, $(e.description), 1)
+            f.value ? (t(), r("div", Ls, [
+              n("div", Es, [
+                n("span", zs, $(e.title), 1),
+                n("span", Ns, $(e.description), 1)
               ]),
-              n("div", zs, [
+              n("div", Rs, [
                 e.secondaryButton ? (t(), p(s(G), F({
                   key: 0,
                   variant: "secondary",
@@ -5266,7 +5285,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 key: 1,
                 class: "text-oc-text",
                 innerHTML: e.content
-              }, null, 8, Rs)) : (t(), r("span", Ns, $(e.content), 1))
+              }, null, 8, Us)) : (t(), r("span", Fs, $(e.content), 1))
             ], 2))
           ]),
           e.dismissible ? (t(), r("div", {
@@ -5287,7 +5306,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       _: 3
     }, 8, ["name"]));
   }
-}, Fs = { class: "flex items-center gap-3" }, Us = { class: "text-oc-text-500" }, qs = { class: "p-4 text-sm" }, Hs = {
+}, qs = { class: "flex items-center gap-3" }, Hs = { class: "text-oc-text-500" }, Ys = { class: "p-4 text-sm" }, Ws = {
   __name: "OcBanner",
   props: {
     modelValue: {
@@ -5346,7 +5365,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           n("div", {
             class: v(["flex flex-1 items-center justify-between gap-3 min-h-[34px] px-4 text-sm", s(i)[e.color]])
           }, [
-            n("div", Fs, [
+            n("div", qs, [
               e.showIcon ? (t(), p(s(V), {
                 key: 0,
                 name: e.icon,
@@ -5355,7 +5374,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 height: "16"
               }, null, 8, ["name"])) : m("", !0),
               S(l.$slots, "title", {}, () => [
-                n("div", Us, $(e.title), 1)
+                n("div", Hs, $(e.title), 1)
               ], !0)
             ]),
             e.dismissible ? (t(), p(s(G), {
@@ -5366,7 +5385,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
               onClick: o[0] || (o[0] = (d) => l.$emit("update:modelValue", !1))
             })) : m("", !0)
           ], 2),
-          n("div", qs, [
+          n("div", Ys, [
             S(l.$slots, "default", {}, () => [
               W($(e.content), 1)
             ], !0)
@@ -5378,10 +5397,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       _: 3
     }, 8, ["name"]));
   }
-}, Xm = /* @__PURE__ */ he(Hs, [["__scopeId", "data-v-d8517c87"]]), Ys = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Ws = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Ks = {
+}, Zm = /* @__PURE__ */ he(Ws, [["__scopeId", "data-v-d8517c87"]]), Ks = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Gs = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Xs = {
   key: 1,
   class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
-}, Gs = { class: "text-sm" }, Jm = {
+}, Js = { class: "text-sm" }, Qm = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -5394,10 +5413,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
   setup(e) {
     return (i, a) => e.isOnlyIcon ? (t(), p(s(le), me(F({ key: 0 }, e.tooltipOptions)), {
       popper: k(() => [
-        n("div", Ws, $(e.text), 1)
+        n("div", Gs, $(e.text), 1)
       ]),
       default: k(() => [
-        n("div", Ys, [
+        n("div", Ks, [
           y(s(V), {
             name: e.icon,
             width: "20",
@@ -5406,25 +5425,25 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         ])
       ]),
       _: 1
-    }, 16)) : (t(), r("div", Ks, [
+    }, 16)) : (t(), r("div", Xs, [
       y(s(V), {
         name: e.icon,
         width: "20",
         height: "20"
       }, null, 8, ["name"]),
-      n("span", Gs, $(e.text), 1)
+      n("span", Js, $(e.text), 1)
     ]));
   }
-}, Xs = { class: "flex flex-col gap-y-2 w-full" }, Js = { class: "flex gap-x-1 items-center" }, Zs = {
+}, Zs = { class: "flex flex-col gap-y-2 w-full" }, Qs = { class: "flex gap-x-1 items-center" }, _s = {
   key: 0,
   class: "text-oc-error"
-}, Qs = {
+}, er = {
   key: 0,
   class: "px-3 py-2"
-}, _s = {
+}, tr = {
   key: 1,
   class: "text-sm flex items-center text-oc-text-400"
-}, er = {
+}, lr = {
   key: 2,
   class: "text-sm text-oc-error flex items-center"
 }, pe = {
@@ -5440,19 +5459,19 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
     labelClass: String
   },
   setup(e) {
-    return (i, a) => (t(), r("div", Xs, [
+    return (i, a) => (t(), r("div", Zs, [
       e.label ? (t(), r("label", {
         key: 0,
         class: v(["text-sm flex items-center gap-x-3 font-medium text-oc-text-400", e.labelClass])
       }, [
-        n("span", Js, [
+        n("span", Qs, [
           W($(e.label) + " ", 1),
-          e.isRequired ? (t(), r("span", Zs, "*")) : m("", !0)
+          e.isRequired ? (t(), r("span", _s, "*")) : m("", !0)
         ]),
         e.labelIcon ? (t(), p(s(le), me(F({ key: 0 }, e.tooltipOptions)), {
           popper: k(() => [
             S(i.$slots, "tooltipText", {}, () => [
-              e.tooltipText ? (t(), r("div", Qs, $(e.tooltipText), 1)) : m("", !0)
+              e.tooltipText ? (t(), r("div", er, $(e.tooltipText), 1)) : m("", !0)
             ])
           ]),
           default: k(() => [
@@ -5466,18 +5485,18 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         }, 16)) : m("", !0)
       ], 2)) : m("", !0),
       S(i.$slots, "default"),
-      (e.hint || i.$slots.hint) && !e.errorMessage ? (t(), r("div", _s, [
+      (e.hint || i.$slots.hint) && !e.errorMessage ? (t(), r("div", tr, [
         S(i.$slots, "hint", {}, () => [
           W($(e.hint), 1)
         ])
       ])) : m("", !0),
-      e.errorMessage ? (t(), r("div", er, $(e.errorMessage), 1)) : m("", !0)
+      e.errorMessage ? (t(), r("div", lr, $(e.errorMessage), 1)) : m("", !0)
     ]));
   }
-}, tr = ["disabled"], lr = {
+}, ar = ["disabled"], nr = {
   key: 2,
   class: "overflow-hidden text-ellipsis"
-}, ar = {
+}, or = {
   __name: "OcButton",
   props: {
     label: String,
@@ -5558,7 +5577,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           height: b.value[e.size],
           name: e.leftIcon
         }, null, 8, ["width", "class", "height", "name"])) : m("", !0),
-        e.label ? (t(), r("span", lr, $(e.label), 1)) : S(T.$slots, "default", { key: 3 }, void 0, !0),
+        e.label ? (t(), r("span", nr, $(e.label), 1)) : S(T.$slots, "default", { key: 3 }, void 0, !0),
         e.rightIcon ? (t(), p(s(V), {
           key: 4,
           width: b.value[e.size],
@@ -5566,7 +5585,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           name: e.rightIcon,
           class: v(e.iconClass)
         }, null, 8, ["width", "height", "name", "class"])) : m("", !0)
-      ], 42, tr),
+      ], 42, ar),
       e.isAdditionalArea && !e.isTransparent ? (t(), r("div", {
         key: 0,
         class: v(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [o.value[e.size], e.variant]]),
@@ -5581,7 +5600,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       ], 2)) : m("", !0)
     ], 2));
   }
-}, G = /* @__PURE__ */ he(ar, [["__scopeId", "data-v-af49bb32"]]), nr = { class: "w-[30px] h-[20px] flex items-center justify-center" }, or = {
+}, G = /* @__PURE__ */ he(or, [["__scopeId", "data-v-af49bb32"]]), ir = { class: "w-[30px] h-[20px] flex items-center justify-center" }, sr = {
   __name: "OcCardInput",
   props: {
     placeholder: String,
@@ -5628,7 +5647,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       "onUpdate:modelValue": a[0] || (a[0] = (l) => i.$emit("update:modelValue", l))
     }, {
       icon: k(() => [
-        n("div", nr, [
+        n("div", ir, [
           y(s(V), {
             name: `payment-methods/${e.cardType}`,
             width: "20",
@@ -5639,7 +5658,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       _: 1
     }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, ir = ["value", "checked", "disabled"], De = {
+}, rr = ["value", "checked", "disabled"], De = {
   __name: "OcCheckbox",
   props: {
     modelValue: Boolean,
@@ -5698,14 +5717,14 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
             class: "h-0 w-0 hidden",
             disabled: e.isDisabled,
             onChange: d
-          }, null, 40, ir),
+          }, null, 40, rr),
           S(c.$slots, "after")
         ], 2)
       ]),
       _: 3
     }, 8, ["label", "hint", "error-message"]));
   }
-}, sr = {
+}, dr = {
   __name: "OcCheckboxesGroup",
   props: {
     alignment: {
@@ -5784,14 +5803,14 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, rr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, Zm = {
+}, cr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, _m = {
   __name: "OcCriteria",
   props: {
     modelValue: Boolean,
     label: String
   },
   setup(e) {
-    return (i, a) => (t(), r("div", rr, [
+    return (i, a) => (t(), r("div", cr, [
       n("div", {
         class: v([
           "w-5 h-5 flex items-center justify-center rounded-full border transition-all duration-300",
@@ -5810,16 +5829,16 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       }, $(e.label), 3)) : m("", !0)
     ]));
   }
-}, dr = {
+}, ur = {
   key: 0,
   class: "border-r border-gray-200 pr-3 py-3"
-}, cr = { class: "flex flex-1 items-baseline gap-x-2" }, ur = {
+}, mr = { class: "flex flex-1 items-baseline gap-x-2" }, fr = {
   key: 0,
   class: "text-oc-text-300"
-}, mr = { class: "flex items-center gap-x-1 w-full" }, fr = {
+}, vr = { class: "flex items-center gap-x-1 w-full" }, gr = {
   key: 0,
   class: "text-oc-text-300"
-}, vr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], xe = {
+}, pr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], xe = {
   __name: "OcInput",
   props: {
     disabled: {
@@ -5951,7 +5970,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
             return (j = x.$refs.inputRef) == null ? void 0 : j.focus();
           })
         }, [
-          x.$slots.trailing ? (t(), r("div", dr, [
+          x.$slots.trailing ? (t(), r("div", ur, [
             S(x.$slots, "trailing")
           ])) : m("", !0),
           S(x.$slots, "icon", {}, () => [
@@ -5961,10 +5980,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
               name: e.icon
             }, e.iconProps), null, 16, ["name"])) : m("", !0)
           ]),
-          n("div", cr, [
-            e.isInlineLabel && e.label ? (t(), r("label", ur, $(e.label) + ": ", 1)) : m("", !0),
-            n("div", mr, [
-              e.preFill ? (t(), r("span", fr, $(e.preFill), 1)) : m("", !0),
+          n("div", mr, [
+            e.isInlineLabel && e.label ? (t(), r("label", fr, $(e.label) + ": ", 1)) : m("", !0),
+            n("div", vr, [
+              e.preFill ? (t(), r("span", gr, $(e.preFill), 1)) : m("", !0),
               n("input", F({
                 ref_key: "inputRef",
                 ref: o,
@@ -5985,7 +6004,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 }),
                 onInput: b[2] || (b[2] = (T) => x.$emit("update:modelValue", T.target.value)),
                 onPaste: b[3] || (b[3] = (T) => x.$emit("paste"))
-              }), null, 16, vr)
+              }), null, 16, pr)
             ])
           ]),
           x.$slots.leading || h.value ? (t(), r("div", {
@@ -6021,10 +6040,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       } : void 0
     ]), 1032, ["label", "label-class", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, gr = { class: "flex flex-1 items-baseline gap-x-2" }, pr = {
+}, yr = { class: "flex flex-1 items-baseline gap-x-2" }, xr = {
   key: 0,
   class: "text-oc-text-300"
-}, yr = { class: "w-full flex flex-wrap gap-2" }, xr = { key: 1 }, hr = ["value", "readonly", "placeholder", "disabled"], Qm = {
+}, hr = { class: "w-full flex flex-wrap gap-2" }, br = { key: 1 }, wr = ["value", "readonly", "placeholder", "disabled"], ef = {
   __name: "OcInputOption",
   props: {
     label: String,
@@ -6101,8 +6120,8 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       default: k(() => {
         var A, w;
         return [
-          n("div", gr, [
-            e.isInlineLabel && e.label ? (t(), r("label", pr, $(e.label) + ": ", 1)) : m("", !0),
+          n("div", yr, [
+            e.isInlineLabel && e.label ? (t(), r("label", xr, $(e.label) + ": ", 1)) : m("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
               onClick: C[4] || (C[4] = (O) => c.value.focus())
@@ -6113,7 +6132,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                   "pointer-events-none bg-oc-bg-dark": e.isDisabled
                 }])
               }, [
-                n("div", yr, [
+                n("div", hr, [
                   S(j.$slots, "default", {
                     options: x.value,
                     areAllOptionsVisible: f.value
@@ -6135,7 +6154,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                           name: "minus",
                           width: "12",
                           height: "12"
-                        })) : (t(), r("span", xr, $(`+${d.value.length - e.maxVisibleOptions}`), 1))
+                        })) : (t(), r("span", br, $(`+${d.value.length - e.maxVisibleOptions}`), 1))
                       ]),
                       _: 1
                     })) : m("", !0)
@@ -6154,7 +6173,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                       console.log("$event: ", O), h.value = !1, j.$emit("blur", O);
                     }),
                     onKeyup: C[3] || (C[3] = Ue((O) => T(O.target.value), ["enter"]))
-                  }, null, 42, hr)
+                  }, null, 42, wr)
                 ])
               ], 2)
             ])
@@ -6164,7 +6183,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, br = { class: "flex gap-x-2 items-center" }, wr = { class: "text-oc-text-400 font-medium text-sm" }, $r = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, kr = ["onClick"], Sr = { class: "text-oc-text-300" }, Cr = { class: "text-oc-text-400" }, Br = {
+}, $r = { class: "flex gap-x-2 items-center" }, kr = { class: "text-oc-text-400 font-medium text-sm" }, Sr = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, Cr = ["onClick"], Br = { class: "text-oc-text-300" }, Or = { class: "text-oc-text-400" }, Vr = {
   __name: "OcPhoneInput",
   props: {
     countryCodes: { type: Array, default: () => [] },
@@ -6262,7 +6281,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         "onUpdate:modelValue": b
       }, {
         trailing: k(() => [
-          y(s(oe), {
+          y(s(ne), {
             modelValue: c.value,
             "onUpdate:modelValue": [
               g[3] || (g[3] = (B) => c.value = B),
@@ -6277,7 +6296,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 ref: j,
                 class: "flex flex-col max-h-[300px] py-2 overflow-y-scroll hidden-scrollbar"
               }, [
-                n("div", $r, [
+                n("div", Sr, [
                   y(s(xe), {
                     modelValue: u.value,
                     "onUpdate:modelValue": g[0] || (g[0] = (B) => u.value = B),
@@ -6311,17 +6330,17 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                   n("div", {
                     class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${B.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Sr, "+" + $(B.code), 1),
-                  n("span", Cr, $(B.country), 1)
-                ], 10, kr))), 128))
+                  n("span", Br, "+" + $(B.code), 1),
+                  n("span", Or, $(B.country), 1)
+                ], 10, Cr))), 128))
               ], 512)
             ]),
             default: k(() => [
-              n("div", br, [
+              n("div", $r, [
                 n("div", {
                   class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${d.value}`])
                 }, null, 2),
-                n("span", wr, " +" + $(x(d.value)), 1),
+                n("span", kr, " +" + $(x(d.value)), 1),
                 y(s(V), {
                   width: "16",
                   height: "16",
@@ -6337,10 +6356,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       }, 8, ["error-message", "model-value", "placeholder", "label", "is-inline-label", "disabled", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options", "onKeydown"]);
     };
   }
-}, Or = ["id", "value", "checked", "name", "disabled"], Vr = ["for"], Ir = {
+}, Ir = ["id", "value", "checked", "name", "disabled"], Tr = ["for"], Dr = {
   key: 0,
   class: "px-3 py-2 whitespace-nowrap"
-}, Tr = {
+}, Ar = {
   __name: "OcRadio",
   props: {
     modelValue: [String, Boolean],
@@ -6378,7 +6397,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           class: "radio-button__input absolute opacity-0 w-0 h-0",
           type: "radio",
           onInput: a[0] || (a[0] = (l) => i.$emit("update:modelValue", l.target.value))
-        }, null, 40, Or),
+        }, null, 40, Ir),
         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", {
@@ -6410,7 +6429,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           e.labelIcon ? (t(), p(s(le), me(F({ key: 2 }, e.tooltipOptions)), {
             popper: k(() => [
               S(i.$slots, "tooltipText", {}, () => [
-                e.tooltipText ? (t(), r("div", Ir, $(e.tooltipText), 1)) : m("", !0)
+                e.tooltipText ? (t(), r("div", Dr, $(e.tooltipText), 1)) : m("", !0)
               ])
             ]),
             default: k(() => [
@@ -6423,12 +6442,12 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
             ]),
             _: 3
           }, 16)) : m("", !0)
-        ], 10, Vr)
+        ], 10, Tr)
       ]),
       _: 3
     }, 8, ["class", "error-message", "hint"]));
   }
-}, Dr = {
+}, Mr = {
   __name: "OcRadioGroup",
   props: {
     alignment: {
@@ -6465,7 +6484,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         n("div", {
           class: v(["flex", [l.value[e.alignment], e.wrapperClass]])
         }, [
-          (t(!0), r(L, null, R(e.radio, (u, f) => (t(), p(s(Tr), {
+          (t(!0), r(L, null, R(e.radio, (u, f) => (t(), p(s(Ar), {
             id: u.value,
             key: f,
             class: v({ "!w-fit": !e.isBlock }),
@@ -6488,10 +6507,10 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, Ar = { class: "flex flex-col gap-y-2 oc-range-input" }, Mr = { class: "flex gap-x-3" }, jr = {
+}, jr = { class: "flex flex-col gap-y-2 oc-range-input" }, Pr = { class: "flex gap-x-3" }, Lr = {
   key: 0,
   class: "flex pt-4"
-}, Pr = {
+}, Er = {
   __name: "OcRangeInput",
   props: {
     maxLimit: {
@@ -6535,14 +6554,14 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
     };
     return Ce(() => {
       a.onlyInput || c.value.updateSlider();
-    }), (b, T) => (t(), r("div", Ar, [
+    }), (b, T) => (t(), r("div", jr, [
       y(s(pe), {
         label: e.label,
         hint: e.hint,
         "error-message": e.errorMessage
       }, {
         default: k(() => [
-          n("div", Mr, [
+          n("div", Pr, [
             y(s(xe), {
               "model-value": o.value,
               label: "From",
@@ -6558,7 +6577,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
               "onUpdate:modelValue": T[1] || (T[1] = (j) => u(j, 1))
             }, null, 8, ["model-value"])
           ]),
-          e.onlyInput ? m("", !0) : (t(), r("div", jr, [
+          e.onlyInput ? m("", !0) : (t(), r("div", Lr, [
             y(s($t), {
               ref_key: "slider",
               ref: c,
@@ -6575,28 +6594,28 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, Lr = {
+}, zr = {
   key: 0,
   class: "flex flex-wrap gap-2 overflow-hidden"
-}, Er = {
+}, Nr = {
   key: 0,
   class: "text-oc-text-300 md:text-base text-lg"
-}, zr = {
+}, Rr = {
   key: 2,
   class: "whitespace-nowrap flex gap-x-3 text-lg md:text-base items-center overflow-hidden"
-}, Nr = {
+}, Fr = {
   key: 1,
   class: "text-oc-text-300"
-}, Rr = {
+}, Ur = {
   key: 2,
   class: "truncate"
-}, Fr = {
+}, qr = {
   key: 3,
   class: "text-oc-text-300"
-}, Ur = {
+}, Hr = {
   key: 0,
   class: "sticky px-3 pt-3 top-0 z-10 bg-white"
-}, qr = { key: 0 }, Hr = {
+}, Yr = { key: 0 }, Wr = {
   __name: "OcSelect",
   props: {
     label: String,
@@ -6687,8 +6706,8 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         if (H.values) {
           const X = H.values.filter(
             (te) => {
-              var _, ne;
-              return ((_ = te.label) == null ? void 0 : _.toLowerCase().includes(d.value.toLowerCase())) || ((ne = te.subLabel) == null ? void 0 : ne.toLowerCase().includes(d.value.toLowerCase()));
+              var _, oe;
+              return ((_ = te.label) == null ? void 0 : _.toLowerCase().includes(d.value.toLowerCase())) || ((oe = te.subLabel) == null ? void 0 : oe.toLowerCase().includes(d.value.toLowerCase()));
             }
           );
           X.length > 0 && P.push({
@@ -6761,8 +6780,8 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           if (ve.value === X)
             return te = be, !0;
         });
-        const _ = h.value[te], ne = (re = _ == null ? void 0 : _.optionItemRef) == null ? void 0 : re.offsetTop;
-        x.value.parentNode.scrollTo(0, ne - 60, { behavior: "smooth" });
+        const _ = h.value[te], oe = (re = _ == null ? void 0 : _.optionItemRef) == null ? void 0 : re.offsetTop;
+        x.value.parentNode.scrollTo(0, oe - 60, { behavior: "smooth" });
       }, 10);
     }, E = (P) => {
       var U, H, X;
@@ -6785,12 +6804,12 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       "tooltip-options": e.tooltipOptions
     }, ee({
       tooltipText: k(() => [
-        P.$slots.selectTooltipText ? (t(), r("div", qr, [
+        P.$slots.selectTooltipText ? (t(), r("div", Yr, [
           S(P.$slots, "selectTooltipText")
         ])) : m("", !0)
       ]),
       default: k(() => [
-        y(s(oe), {
+        y(s(ne), {
           ref_key: "dropdownRef",
           ref: f,
           modelValue: c.value,
@@ -6818,7 +6837,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 ref: x,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (t(), r("div", Ur, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (t(), r("div", Hr, [
                   y(s(xe), {
                     ref_key: "searchInputRef",
                     ref: u,
@@ -6905,7 +6924,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                 "border-none !min-h-[18px] !px-0": e.isSlim
               }])
             }, [
-              e.multiple ? (t(), r("div", Lr, [
+              e.multiple ? (t(), r("div", zr, [
                 S(P.$slots, "selection", {}, () => [
                   (t(!0), r(L, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), p(s(ae), F({
                     key: U.value,
@@ -6922,7 +6941,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                     label: `+${C.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                C.value.length === 0 ? (t(), r("span", Er, $(e.placeholder), 1)) : m("", !0)
+                C.value.length === 0 ? (t(), r("span", Nr, $(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
               e.isInlineSearch && e.isFilterable && !C.value ? (t(), p(s(xe), {
                 key: 1,
@@ -6946,15 +6965,15 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), r("span", zr, [
+              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), r("span", Rr, [
                 e.icon ? (t(), p(s(V), {
                   key: 0,
                   name: e.icon,
                   width: "16",
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
-                e.isInlineLabel && e.label ? (t(), r("span", Nr, $(e.label) + ": ", 1)) : m("", !0),
-                C.value ? (t(), r("span", Rr, $(C.value.label), 1)) : (t(), r("span", Fr, $(e.placeholder), 1))
+                e.isInlineLabel && e.label ? (t(), r("span", Fr, $(e.label) + ": ", 1)) : m("", !0),
+                C.value ? (t(), r("span", Ur, $(C.value.label), 1)) : (t(), r("span", qr, $(e.placeholder), 1))
               ])),
               e.modelValue && e.isClearable ? (t(), p(s(V), {
                 key: 3,
@@ -6985,7 +7004,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       } : void 0
     ]), 1032, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Yr = { class: "w-full flex items-center gap-x-3" }, Wr = { class: "truncate" }, Kr = {
+}, Kr = { class: "w-full flex items-center gap-x-3" }, Gr = { class: "truncate" }, Xr = {
   key: 0,
   class: "text-sm text-oc-text-300"
 }, gt = {
@@ -7023,14 +7042,14 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           "is-partial": e.isPartial,
           class: "!w-fit pointer-events-none"
         }, null, 8, ["model-value", "is-partial"])) : m("", !0),
-        n("div", Yr, [
+        n("div", Kr, [
           S(l.$slots, "trailing"),
           n("div", {
             class: v(["flex flex-col gap-3 overflow-hidden", { "flex-1": e.isCheckboxes }])
           }, [
-            n("span", Wr, $(e.label), 1),
+            n("span", Gr, $(e.label), 1),
             S(l.$slots, "sub-label", {}, () => [
-              e.subLabel ? (t(), r("span", Kr, $(e.subLabel), 1)) : m("", !0)
+              e.subLabel ? (t(), r("span", Xr, $(e.subLabel), 1)) : m("", !0)
             ])
           ], 2),
           S(l.$slots, "leading")
@@ -7050,21 +7069,21 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       S(l.$slots, "after")
     ], 512));
   }
-}, Gr = { class: "flex flex-col" }, Xr = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, _m = {
+}, Jr = { class: "flex flex-col" }, Zr = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, tf = {
   __name: "OcGroupOptions",
   props: {
     label: String
   },
   setup(e) {
-    return (i, a) => (t(), r("div", Gr, [
-      n("div", Xr, $(e.label), 1),
+    return (i, a) => (t(), r("div", Jr, [
+      n("div", Zr, $(e.label), 1),
       S(i.$slots, "default")
     ]));
   }
-}, Jr = { class: "flex text-oc-text-400 items-center gap-x-2" }, Zr = {
+}, Qr = { class: "flex text-oc-text-400 items-center gap-x-2" }, _r = {
   key: 0,
   class: "flex flex-col p-2 py-3 gap-2"
-}, Qr = ["onClick"], _r = {
+}, ed = ["onClick"], td = {
   __name: "OcLinkInput",
   props: {
     placeholder: String,
@@ -7143,13 +7162,13 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
         "onUpdate:modelValue": b
       }, {
         trailing: k(() => [
-          y(s(oe), {
+          y(s(ne), {
             modelValue: o.value,
             "onUpdate:modelValue": O[2] || (O[2] = (g) => o.value = g),
             distance: 10
           }, {
             menu: k(() => [
-              e.isEdit ? m("", !0) : (t(), r("div", Zr, [
+              e.isEdit ? m("", !0) : (t(), r("div", _r, [
                 (t(!0), r(L, null, R(e.links, (g) => (t(), r("div", {
                   key: g.value,
                   class: "flex rounded-sm items-center px-3 py-2 gap-x-3 cursor-pointer text-oc-text-400 hover:bg-gray-50",
@@ -7161,11 +7180,11 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
                     name: g.icon
                   }, null, 8, ["name"]),
                   W(" " + $(g.label), 1)
-                ], 8, Qr))), 128))
+                ], 8, ed))), 128))
               ]))
             ]),
             default: k(() => [
-              n("div", Jr, [
+              n("div", Qr, [
                 u.value.icon ? (t(), p(s(V), {
                   key: 0,
                   width: "20",
@@ -7187,7 +7206,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
       }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "pre-fill", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"])
     ]));
   }
-}, ed = ["disabled", "value", "rows", "placeholder"], td = "18px", ld = {
+}, ld = ["disabled", "value", "rows", "placeholder"], ad = "18px", nd = {
   __name: "OcTextArea",
   props: {
     placeholder: String,
@@ -7221,7 +7240,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
   setup(e, { emit: i }) {
     const a = i, l = M(!1), o = (d) => {
       const c = d.target;
-      c && (c.style.height = td, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
+      c && (c.style.height = ad, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
     };
     return (d, c) => (t(), p(s(pe), {
       label: e.label,
@@ -7245,7 +7264,7 @@ const at = /* @__PURE__ */ he(_i, [["render", ts]]), ls = { class: "flex" }, as
           onInput: o,
           onFocus: c[0] || (c[0] = (u) => l.value = !0),
           onBlur: c[1] || (c[1] = (u) => l.value = !1)
-        }, null, 42, ed)
+        }, null, 42, ld)
       ]),
       _: 1
     }, 8, ["label", "error-message", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
@@ -7268,8 +7287,8 @@ var Vt = { exports: {} };
     };
   });
 })(Vt);
-var ad = Vt.exports;
-const It = /* @__PURE__ */ Ke(ad);
+var od = Vt.exports;
+const It = /* @__PURE__ */ Ke(od);
 var Tt = { exports: {} };
 (function(e, i) {
   (function(a, l) {
@@ -7282,8 +7301,8 @@ var Tt = { exports: {} };
     };
   });
 })(Tt);
-var nd = Tt.exports;
-const Dt = /* @__PURE__ */ Ke(nd);
+var id = Tt.exports;
+const Dt = /* @__PURE__ */ Ke(id);
 var At = { exports: {} };
 (function(e, i) {
   (function(a, l) {
@@ -7296,8 +7315,8 @@ var At = { exports: {} };
     };
   });
 })(At);
-var od = At.exports;
-const Mt = /* @__PURE__ */ Ke(od);
+var sd = At.exports;
+const Mt = /* @__PURE__ */ Ke(sd);
 var jt = { exports: {} };
 (function(e, i) {
   (function(a, l) {
@@ -7360,7 +7379,7 @@ var jt = { exports: {} };
       O = w, g = f && f.formats;
       for (var I = (w = O.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, X, te) {
         var _ = te && te.toUpperCase();
-        return X || g[te] || a[te] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ne, re, ve) {
+        return X || g[te] || a[te] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, re, ve) {
           return re || ve.slice(1);
         });
       })).match(l), B = I.length, N = 0; N < B; N += 1) {
@@ -7369,10 +7388,10 @@ var jt = { exports: {} };
       }
       return function(H) {
         for (var X = {}, te = 0, _ = 0; te < B; te += 1) {
-          var ne = I[te];
-          if (typeof ne == "string") _ += ne.length;
+          var oe = I[te];
+          if (typeof oe == "string") _ += oe.length;
           else {
-            var re = ne.regex, ve = ne.parser, be = H.slice(_), we = re.exec(be)[0];
+            var re = oe.regex, ve = oe.parser, be = H.slice(_), we = re.exec(be)[0];
             ve.call(X, we), H = H.replace(we, "");
           }
         }
@@ -7405,67 +7424,67 @@ var jt = { exports: {} };
               return /* @__PURE__ */ new Date("");
             }
           }(E, U, P, g), this.init(), _ && _ !== !0 && (this.$L = this.locale(_).$L), te && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
-        } else if (U instanceof Array) for (var ne = U.length, re = 1; re <= ne; re += 1) {
+        } else if (U instanceof Array) for (var oe = U.length, re = 1; re <= oe; re += 1) {
           D[1] = U[re - 1];
           var ve = g.apply(this, D);
           if (ve.isValid()) {
             this.$d = ve.$d, this.$L = ve.$L, this.init();
             break;
           }
-          re === ne && (this.$d = /* @__PURE__ */ new Date(""));
+          re === oe && (this.$d = /* @__PURE__ */ new Date(""));
         }
         else B.call(this, N);
       };
     };
   });
 })(jt);
-var id = jt.exports;
-const it = /* @__PURE__ */ Ke(id);
-var sd = typeof global == "object" && global && global.Object === Object && global, rd = typeof self == "object" && self && self.Object === Object && self, Pt = sd || rd || Function("return this")(), He = Pt.Symbol, Lt = Object.prototype, dd = Lt.hasOwnProperty, cd = Lt.toString, Le = He ? He.toStringTag : void 0;
-function ud(e) {
-  var i = dd.call(e, Le), a = e[Le];
+var rd = jt.exports;
+const it = /* @__PURE__ */ Ke(rd);
+var dd = typeof global == "object" && global && global.Object === Object && global, cd = typeof self == "object" && self && self.Object === Object && self, Pt = dd || cd || Function("return this")(), He = Pt.Symbol, Lt = Object.prototype, ud = Lt.hasOwnProperty, md = Lt.toString, Le = He ? He.toStringTag : void 0;
+function fd(e) {
+  var i = ud.call(e, Le), a = e[Le];
   try {
     e[Le] = void 0;
     var l = !0;
   } catch {
   }
-  var o = cd.call(e);
+  var o = md.call(e);
   return l && (i ? e[Le] = a : delete e[Le]), o;
 }
-var md = Object.prototype, fd = md.toString;
-function vd(e) {
-  return fd.call(e);
-}
-var gd = "[object Null]", pd = "[object Undefined]", pt = He ? He.toStringTag : void 0;
-function yd(e) {
-  return e == null ? e === void 0 ? pd : gd : pt && pt in Object(e) ? ud(e) : vd(e);
+var vd = Object.prototype, gd = vd.toString;
+function pd(e) {
+  return gd.call(e);
 }
-function xd(e) {
-  return e != null && typeof e == "object";
+var yd = "[object Null]", xd = "[object Undefined]", pt = He ? He.toStringTag : void 0;
+function hd(e) {
+  return e == null ? e === void 0 ? xd : yd : pt && pt in Object(e) ? fd(e) : pd(e);
 }
-var hd = "[object Symbol]";
 function bd(e) {
-  return typeof e == "symbol" || xd(e) && yd(e) == hd;
+  return e != null && typeof e == "object";
 }
-var wd = /\s/;
+var wd = "[object Symbol]";
 function $d(e) {
-  for (var i = e.length; i-- && wd.test(e.charAt(i)); )
+  return typeof e == "symbol" || bd(e) && hd(e) == wd;
+}
+var kd = /\s/;
+function Sd(e) {
+  for (var i = e.length; i-- && kd.test(e.charAt(i)); )
     ;
   return i;
 }
-var kd = /^\s+/;
-function Sd(e) {
-  return e && e.slice(0, $d(e) + 1).replace(kd, "");
+var Cd = /^\s+/;
+function Bd(e) {
+  return e && e.slice(0, Sd(e) + 1).replace(Cd, "");
 }
 function nt(e) {
   var i = typeof e;
   return e != null && (i == "object" || i == "function");
 }
-var yt = NaN, Cd = /^[-+]0x[0-9a-f]+$/i, Bd = /^0b[01]+$/i, Od = /^0o[0-7]+$/i, Vd = parseInt;
+var yt = NaN, Od = /^[-+]0x[0-9a-f]+$/i, Vd = /^0b[01]+$/i, Id = /^0o[0-7]+$/i, Td = parseInt;
 function xt(e) {
   if (typeof e == "number")
     return e;
-  if (bd(e))
+  if ($d(e))
     return yt;
   if (nt(e)) {
     var i = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -7473,18 +7492,18 @@ function xt(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Sd(e);
-  var a = Bd.test(e);
-  return a || Od.test(e) ? Vd(e.slice(2), a ? 2 : 8) : Cd.test(e) ? yt : +e;
+  e = Bd(e);
+  var a = Vd.test(e);
+  return a || Id.test(e) ? Td(e.slice(2), a ? 2 : 8) : Od.test(e) ? yt : +e;
 }
 var tt = function() {
   return Pt.Date.now();
-}, Id = "Expected a function", Td = Math.max, Dd = Math.min;
-function Ad(e, i, a) {
+}, Dd = "Expected a function", Ad = Math.max, Md = Math.min;
+function jd(e, i, a) {
   var l, o, d, c, u, f, h = 0, x = !1, b = !1, T = !0;
   if (typeof e != "function")
-    throw new TypeError(Id);
-  i = xt(i) || 0, nt(a) && (x = !!a.leading, b = "maxWait" in a, d = b ? Td(xt(a.maxWait) || 0, i) : d, T = "trailing" in a ? !!a.trailing : T);
+    throw new TypeError(Dd);
+  i = xt(i) || 0, nt(a) && (x = !!a.leading, b = "maxWait" in a, d = b ? Ad(xt(a.maxWait) || 0, i) : d, T = "trailing" in a ? !!a.trailing : T);
   function j(E) {
     var P = l, D = o;
     return l = o = void 0, h = E, c = e.apply(D, P), c;
@@ -7494,7 +7513,7 @@ function Ad(e, i, a) {
   }
   function A(E) {
     var P = E - f, D = E - h, U = i - P;
-    return b ? Dd(U, d - D) : U;
+    return b ? Md(U, d - D) : U;
   }
   function w(E) {
     var P = E - f, D = E - h;
@@ -7527,13 +7546,13 @@ function Ad(e, i, a) {
   }
   return N.cancel = I, N.flush = B, N;
 }
-const Md = { class: "flex items-center justify-between" }, jd = { class: "flex flex-col gap-2 p-3" }, Pd = { class: "flex justify-between items-center" }, Ld = { key: 0 }, Ed = { key: 1 }, zd = {
+const Pd = { class: "flex items-center justify-between" }, Ld = { class: "flex flex-col gap-2 p-3" }, Ed = { class: "flex justify-between items-center" }, zd = { key: 0 }, Nd = { key: 1 }, Rd = {
   key: 0,
   class: "grid grid-cols-3 gap-3"
-}, Nd = ["onClick"], Rd = {
+}, Fd = ["onClick"], Ud = {
   key: 1,
   class: "grid grid-cols-3 gap-3"
-}, Fd = ["onClick"], Ud = ["onClick", "onMouseover"], qd = { key: 0 }, Hd = { class: "flex gap-x-3 justify-end" }, Yd = {
+}, qd = ["onClick"], Hd = ["onClick", "onMouseover"], Yd = { key: 0 }, Wd = { class: "flex gap-x-3 justify-end" }, Kd = {
   __name: "OcCalendar",
   props: {
     type: {
@@ -7604,7 +7623,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
       x.value = null, o.value = o.value.set("month", q), C.value = !1;
     }, _ = (q) => {
       x.value = null, o.value = o.value.set("year", q), j.value = !1;
-    }, ne = () => {
+    }, oe = () => {
       x.value = null, j.value ? h.value = h.value.subtract(11, "year") : o.value = o.value.subtract(1, "year");
     }, re = () => {
       x.value = null, j.value ? h.value = h.value.add(11, "year") : o.value = o.value.add(1, "year");
@@ -7640,7 +7659,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
         return;
       }
       c.value = Y, f.value = q, J && $e();
-    }, ke = Ad((q) => {
+    }, ke = jd((q) => {
       T.value && Be(q, !1);
     }, 50), Q = () => {
       var J, Y, ce;
@@ -7655,8 +7674,8 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
     return Q(), (q, J) => (t(), r("div", {
       class: v(["p-6 w-fit rounded flex flex-col gap-y-7", e.position === "floating" ? "shadow-normal bg-white" : ""])
     }, [
-      n("div", Md, [
-        y(s(oe), {
+      n("div", Pd, [
+        y(s(ne), {
           modelValue: C.value,
           "onUpdate:modelValue": J[1] || (J[1] = (Y) => C.value = Y),
           distance: 10,
@@ -7666,18 +7685,18 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
           "popper-options": { strategy: "fixed" }
         }, {
           menu: k(() => [
-            n("div", jd, [
-              n("div", Pd, [
+            n("div", Ld, [
+              n("div", Ed, [
                 y(s(G), {
                   "left-icon": "chevron-left",
                   "is-transparent": "",
-                  onClick: ne
+                  onClick: oe
                 }),
                 n("div", {
                   class: "cursor-pointer hover:opacity-50 transition",
                   onClick: J[0] || (J[0] = (Y) => j.value = !j.value)
                 }, [
-                  j.value ? (t(), r("div", Ld, $(I.value - 11) + " - " + $(I.value), 1)) : (t(), r("div", Ed, $(I.value), 1))
+                  j.value ? (t(), r("div", zd, $(I.value - 11) + " - " + $(I.value), 1)) : (t(), r("div", Nd, $(I.value), 1))
                 ]),
                 y(s(G), {
                   "left-icon": "chevron-right",
@@ -7685,22 +7704,22 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
                   onClick: re
                 })
               ]),
-              j.value ? (t(), r("div", zd, [
+              j.value ? (t(), r("div", Rd, [
                 (t(!0), r(L, null, R(Oe(I.value - 11), (Y) => (t(), r("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.year() === Y
                   }]),
                   onClick: (ce) => _(Y)
-                }, $(Y), 11, Nd))), 128))
-              ])) : (t(), r("div", Rd, [
+                }, $(Y), 11, Fd))), 128))
+              ])) : (t(), r("div", Ud, [
                 (t(), r(L, null, R(O, (Y, ce) => 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": B.value === Y
                   }]),
                   onClick: (Pe) => te(ce)
-                }, $(Y), 11, Fd)), 64))
+                }, $(Y), 11, qd)), 64))
               ]))
             ])
           ]),
@@ -7749,11 +7768,11 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
             ]]),
             onClick: (Pe) => Be(Y),
             onMouseover: (Pe) => s(ke)(Y)
-          }, $(Y), 43, Ud);
+          }, $(Y), 43, Hd);
         }), 128))
       ], 32),
       S(q.$slots, "bottom", {}, () => [
-        e.isIndefinite ? (t(), r("span", qd, [
+        e.isIndefinite ? (t(), r("span", Yd, [
           y(s(De), {
             modelValue: b.value,
             "onUpdate:modelValue": [
@@ -7764,7 +7783,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
           }, null, 8, ["modelValue", "label"])
         ])) : m("", !0)
       ]),
-      n("div", Hd, [
+      n("div", Wd, [
         y(s(G), {
           label: "Reset",
           class: "w-[72px]",
@@ -7779,13 +7798,13 @@ K.extend(It);
 K.extend(Dt);
 K.extend(Mt);
 K.extend(it);
-const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full" }, Gd = {
+const Gd = { class: "flex flex-col gap-y-2 w-full" }, Xd = { class: "flex w-full" }, Jd = {
   key: 0,
   class: "text-sm text-oc-error flex items-center"
-}, Xd = {
+}, Zd = {
   key: 1,
   class: "flex flex-wrap cursor-pointer"
-}, Jd = { class: "flex items-center gap-x-3" }, Zd = ["value"], Qd = { class: "flex items-center gap-x-3" }, _d = ["value"], ec = {
+}, Qd = { class: "flex items-center gap-x-3" }, _d = ["value"], ec = { class: "flex items-center gap-x-3" }, tc = ["value"], lc = {
   __name: "DatePicker",
   props: {
     modelValue: {
@@ -7904,7 +7923,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         )), a("update:modelValue", u.value), u.value = [];
       }
     };
-    return (w, O) => (t(), p(s(oe), {
+    return (w, O) => (t(), p(s(ne), {
       modelValue: o.value,
       "onUpdate:modelValue": O[3] || (O[3] = (g) => o.value = g),
       "is-disabled": e.disabled,
@@ -7920,7 +7939,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         }, () => {
           var I, B;
           return [
-            f.value ? (t(), p(s(qu), {
+            f.value ? (t(), p(s(Yu), {
               key: 0,
               "model-value": {
                 start: (I = e.modelValue) == null ? void 0 : I[0],
@@ -7934,7 +7953,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
               "max-date": e.maxDate,
               masks: { modelValue: e.dateFormat },
               "onUpdate:modelValue": x
-            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && g ? (t(), p(s(Yd), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && g ? (t(), p(s(Kd), {
               key: 1,
               "model-value": h.value ? h.value.toDate() : /* @__PURE__ */ new Date(),
               "disabled-date": d.value ? T : e.disabledDate,
@@ -7951,9 +7970,9 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         })
       ]),
       default: k(() => [
-        n("div", Wd, [
+        n("div", Gd, [
           !e.isSplitInput || !f.value ? (t(), r(L, { key: 0 }, [
-            n("div", Kd, [
+            n("div", Xd, [
               y(s(xe), {
                 "model-value": f.value ? e.modelValue && e.modelValue[0] ? `${h.value[0].format(e.dateFormat)} - ${h.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? h.value.format(e.dateFormat) : "",
                 icon: "calendar",
@@ -7964,8 +7983,8 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 placeholder: e.placeholder
               }, null, 8, ["model-value", "label", "hint", "is-required", "disabled", "placeholder"])
             ]),
-            e.errorMessage ? (t(), r("div", Gd, $(e.errorMessage), 1)) : m("", !0)
-          ], 64)) : (t(), r("div", Xd, [
+            e.errorMessage ? (t(), r("div", Jd, $(e.errorMessage), 1)) : m("", !0)
+          ], 64)) : (t(), r("div", Zd, [
             y(s(pe), {
               "error-message": c.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
               hint: e.hint,
@@ -7983,7 +8002,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   ]]),
                   onClick: O[2] || (O[2] = (g) => o.value ? g.stopPropagation : null)
                 }, [
-                  n("div", Jd, [
+                  n("div", Qd, [
                     y(s(V), {
                       name: "calendar",
                       class: "text-oc-text-400"
@@ -7995,10 +8014,10 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                       onInput: O[0] || (O[0] = (g) => C(g.target.value, 0)),
                       onKeydown: Ue(A, ["enter"]),
                       onBlur: A
-                    }, null, 40, Zd)
+                    }, null, 40, _d)
                   ]),
                   O[4] || (O[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
-                  n("div", Qd, [
+                  n("div", ec, [
                     n("input", {
                       placeholder: "End date",
                       value: h.value[1] ? h.value[1].format(e.dateFormat) : "",
@@ -8006,7 +8025,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                       onInput: O[1] || (O[1] = (g) => C(g.target.value, 1)),
                       onKeydown: Ue(A, ["enter"]),
                       onBlur: A
-                    }, null, 40, _d),
+                    }, null, 40, tc),
                     y(s(V), {
                       class: v([h.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
                       width: "16",
@@ -8025,10 +8044,10 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       _: 3
     }, 8, ["modelValue", "is-disabled"]));
   }
-}, tc = { class: "flex" }, lc = { class: "flex flex-col gap-y-1 flex-1" }, ac = { class: "font-medium gap-x-3 flex items-center" }, nc = { class: "px-2 py-1 text-sm text-oc-text-400" }, oc = {
+}, ac = { class: "flex" }, nc = { class: "flex flex-col gap-y-1 flex-1" }, oc = { class: "font-medium gap-x-3 flex items-center" }, ic = { class: "px-2 py-1 text-sm text-oc-text-400" }, sc = {
   key: 1,
   class: "text-sm text-oc-error flex items-center"
-}, ic = {
+}, rc = {
   __name: "OcSectionItem",
   props: {
     title: String,
@@ -8054,16 +8073,16 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
     const a = e, l = i;
-    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (o, d) => (t(), r("div", tc, [
-      n("div", lc, [
-        n("div", ac, [
+    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (o, d) => (t(), r("div", ac, [
+      n("div", nc, [
+        n("div", oc, [
           W($(e.title) + " ", 1),
           y(s(le), {
             position: "top",
             distance: 4
           }, {
             popper: k(() => [
-              n("div", nc, $(e.popperMessage), 1)
+              n("div", ic, $(e.popperMessage), 1)
             ]),
             default: k(() => [
               e.icon ? (t(), p(s(V), {
@@ -8081,7 +8100,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           key: 0,
           class: v(["text-oc-text-400 text-sm", e.descriptionClass])
         }, $(e.description), 3)) : m("", !0),
-        e.errorMessage ? (t(), r("div", oc, $(e.errorMessage), 1)) : m("", !0)
+        e.errorMessage ? (t(), r("div", sc, $(e.errorMessage), 1)) : m("", !0)
       ]),
       S(o.$slots, "actions", {}, () => [
         e.isToggle ? (t(), p(s(kt), F({
@@ -8093,13 +8112,13 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       ])
     ]));
   }
-}, sc = {
+}, dc = {
   key: 0,
   class: "flex gap-3 border border-oc-gray-200 p-3 rounded cursor-pointer"
-}, rc = ["onClick"], dc = ["src"], cc = {
+}, cc = ["onClick"], uc = ["src"], mc = {
   key: 0,
   class: "flex text-sm text-oc-text-400 mt-2"
-}, uc = {
+}, fc = {
   __name: "OcSelectOptions",
   props: {
     variant: {
@@ -8164,7 +8183,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
             }
           ]])
         }, [
-          e.optionType === "icon" ? (t(), r("div", sc, [
+          e.optionType === "icon" ? (t(), r("div", dc, [
             (t(!0), r(L, null, R(e.options, (f) => (t(), r("div", {
               key: f.value,
               class: v(["p-1", {
@@ -8198,7 +8217,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   "w-[50px]": !d.value
                 }]),
                 src: f.preview
-              }, null, 10, dc)) : m("", !0),
+              }, null, 10, uc)) : m("", !0),
               n("div", {
                 class: v(["mt-2", [d.value ? "text-center" : "px-3", e.borderless ? "flex-1" : ""]])
               }, [
@@ -8209,7 +8228,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                     "text-oc-text-500": d.value && f.value.toString() === e.modelValue.toString()
                   }])
                 }, $(f.label), 3),
-                f.description ? (t(), r("div", cc, $(f.description), 1)) : m("", !0)
+                f.description ? (t(), r("div", mc, $(f.description), 1)) : m("", !0)
               ], 2),
               e.borderless ? (t(), p(s(V), {
                 key: 1,
@@ -8219,16 +8238,16 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 class: v(["text-oc-primary", f.value.toString() === e.modelValue.toString() ? "opacity-100" : "opacity-0"])
               }, null, 8, ["class"])) : m("", !0)
             ])
-          ], 10, rc))), 128))
+          ], 10, cc))), 128))
         ], 2)
       ]),
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, mc = { class: "flex gap-x-3" }, fc = {
+}, vc = { class: "flex gap-x-3" }, gc = {
   key: 0,
   class: "border rounded p-3 min-h-[140px] h-full"
-}, vc = ["accept"], gc = { class: "py-2 flex flex-col" }, pc = ["src"], yc = /* @__PURE__ */ Z({
+}, pc = ["accept"], yc = { class: "py-2 flex flex-col" }, xc = ["src"], hc = /* @__PURE__ */ Z({
   __name: "OcSingleOnlyImageUpload",
   props: {
     accept: {
@@ -8253,12 +8272,12 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     };
     return (h, x) => {
       var b, T;
-      return t(), r("div", mc, [
+      return t(), r("div", vc, [
         (b = e.uploadedImage) != null && b.fileUrl ? m("", !0) : (t(), r("label", {
           key: 0,
           class: v([{ "flex-1": e.showUploadImageArea }, "relative group overflow-hidden"])
         }, [
-          e.showUploadImageArea ? (t(), r("div", fc, [
+          e.showUploadImageArea ? (t(), r("div", gc, [
             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 }])
             }, [
@@ -8282,20 +8301,20 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
             onDragover: x[1] || (x[1] = (j) => u.value = !0),
             onDragleave: x[2] || (x[2] = (j) => u.value = !1),
             onDrop: x[3] || (x[3] = (j) => u.value = !1)
-          }, null, 40, vc)
+          }, null, 40, pc)
         ], 2)),
         (T = e.uploadedImage) != null && T.fileUrl ? (t(), r("div", {
           key: 1,
           class: v(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100", e.imageClasses])
         }, [
-          y(s(oe), {
+          y(s(ne), {
             modelValue: o.value,
             "onUpdate:modelValue": x[6] || (x[6] = (j) => o.value = j),
             placement: "bottom-end",
             class: "absolute top-2 right-2 z-[1010]"
           }, {
             menu: k(() => [
-              n("div", gc, [
+              n("div", yc, [
                 n("div", {
                   class: "flex p-3 cursor-pointer items-center gap-x-3",
                   onClick: x[4] || (x[4] = () => {
@@ -8336,7 +8355,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
             src: e.uploadedImage.fileUrl,
             alt: "uploaded-image",
             class: "object-contain h-full w-full"
-          }, null, 8, pc)
+          }, null, 8, xc)
         ], 2)) : m("", !0),
         (t(), p(Ft, { to: "body" }, [
           d.value ? (t(), p(s(st), {
@@ -8353,13 +8372,13 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       ]);
     };
   }
-}), xc = ["accept"], hc = {
+}), bc = ["accept"], wc = {
   key: 0,
   class: "py-2 flex flex-col items-center gap-y-4"
-}, bc = { class: "flex items-baseline gap-x-3 w-full" }, wc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, $c = ["accept"], kc = {
+}, $c = { class: "flex items-baseline gap-x-3 w-full" }, kc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Sc = ["accept"], Cc = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
-}, Sc = ["src"], Cc = ["src"], Bc = { class: "py-2 flex flex-col" }, Oc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Vc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Ic = { class: "uppercase text-[8px] font-bold leading-none block" }, Tc = { class: "flex" }, Dc = { class: "text-sm text-oc-primary" }, Ac = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, ef = {
+}, Bc = ["src"], Oc = ["src"], Vc = { class: "py-2 flex flex-col" }, Ic = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Tc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Dc = { class: "uppercase text-[8px] font-bold leading-none block" }, Ac = { class: "flex" }, Mc = { class: "text-sm text-oc-primary" }, jc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, lf = {
   __name: "OcSingleFileUpload",
   props: {
     format: {
@@ -8472,9 +8491,9 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         S(P.$slots, "hint")
       ]),
       default: k(() => {
-        var U, H, X, te, _, ne, re, ve, be, we, ge, $e, ie, Be, ke;
+        var U, H, X, te, _, oe, re, ve, be, we, ge, $e, ie, Be, ke;
         return [
-          e.isImageOnly ? (t(), p(yc, {
+          e.isImageOnly ? (t(), p(hc, {
             key: 0,
             accept: e.accept,
             "uploaded-image": w.value,
@@ -8497,7 +8516,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
               type: "file",
               accept: e.accept,
               onChange: D[3] || (D[3] = (Q) => s(j)(Q, a.format === "object"))
-            }, null, 40, xc)
+            }, null, 40, bc)
           ], 64)) : (t(), r(L, { key: 2 }, [
             s(T).length ? (t(), r("div", {
               key: 1,
@@ -8506,17 +8525,17 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 "!bg-oc-bg-dark": e.isDisabled
               }])
             }, [
-              e.isPreview && ((te = w.value) == null ? void 0 : te.progress) === 100 ? (t(), r("div", kc, [
-                (ne = (_ = w.value) == null ? void 0 : _.file) != null && ne.type.includes("video") ? (t(), r("video", {
+              e.isPreview && ((te = w.value) == null ? void 0 : te.progress) === 100 ? (t(), r("div", Cc, [
+                (oe = (_ = w.value) == null ? void 0 : _.file) != null && oe.type.includes("video") ? (t(), r("video", {
                   key: 0,
                   autoplay: "",
                   loop: "",
                   src: A.value
-                }, null, 8, Sc)) : (t(), r("img", {
+                }, null, 8, Bc)) : (t(), r("img", {
                   key: 1,
                   src: (re = w.value) == null ? void 0 : re.fileUrl
-                }, null, 8, Cc)),
-                y(s(oe), {
+                }, null, 8, Oc)),
+                y(s(ne), {
                   modelValue: h.value,
                   "onUpdate:modelValue": D[13] || (D[13] = (Q) => h.value = Q),
                   class: "absolute top-3 right-3"
@@ -8524,7 +8543,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   menu: k(() => {
                     var Q, Oe;
                     return [
-                      n("div", Bc, [
+                      n("div", Vc, [
                         !((Oe = (Q = w.value) == null ? void 0 : Q.file) != null && Oe.type.includes("video")) && e.allowToEdit ? (t(), r("div", {
                           key: 0,
                           class: "flex p-3 cursor-pointer items-center gap-x-3",
@@ -8572,25 +8591,25 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   onChangeImage: I
                 }, null, 8, ["modelValue", "img"])) : m("", !0)
               ])) : (t(), r(L, { key: 1 }, [
-                n("div", Oc, [
-                  n("div", Vc, [
+                n("div", Ic, [
+                  n("div", Tc, [
                     y(s(V), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Ic, $((we = w.value) == null ? void 0 : we.extension), 1)
+                    n("span", Dc, $((we = w.value) == null ? void 0 : we.extension), 1)
                   ]),
                   n("div", {
                     class: v([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
                   }, $((ge = w.value) == null ? void 0 : ge.fileName), 3)
                 ]),
-                n("div", Tc, [
+                n("div", Ac, [
                   n("div", {
                     class: v([(($e = w.value) == null ? void 0 : $e.progress) === 100 ? "opacity-0" : "", "transition-all duration-500 flex flex-col gap-y-1 items-center"])
                   }, [
-                    n("span", Dc, $(((ie = w.value) == null ? void 0 : ie.progress) || 0) + "% ", 1),
-                    n("div", Ac, [
+                    n("span", Mc, $(((ie = w.value) == null ? void 0 : ie.progress) || 0) + "% ", 1),
+                    n("div", jc, [
                       n("div", {
                         class: "h-2 bg-oc-primary transition-all duration-100",
                         style: se({ width: `${((Be = w.value) == null ? void 0 : Be.progress) || 0}%` })
@@ -8610,8 +8629,8 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   ]))
                 ])
               ], 64))
-            ], 2)) : (t(), r("div", hc, [
-              n("div", bc, [
+            ], 2)) : (t(), r("div", wc, [
+              n("div", $c, [
                 e.variant === "url" ? (t(), r(L, { key: 0 }, [
                   y(s(xe), {
                     modelValue: d.value,
@@ -8645,7 +8664,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   onDragover: D[10] || (D[10] = fe(() => {
                   }, ["prevent"]))
                 }, [
-                  n("span", wc, $(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
+                  n("span", kc, $(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
                   y(s(G), {
                     size: "small",
                     "is-disabled": e.isDisabled,
@@ -8662,7 +8681,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   type: "file",
                   accept: e.accept,
                   onChange: D[11] || (D[11] = (Q) => s(j)(Q, a.format === "object"))
-                }, null, 40, $c)
+                }, null, 40, Sc)
               ])
             ]))
           ], 64))
@@ -8671,13 +8690,13 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       _: 3
     }, 8, ["label", "label-class", "hint", "error-message"]));
   }
-}, Mc = { class: "relative min-h-[100px]" }, jc = {
+}, Pc = { class: "relative min-h-[100px]" }, Lc = {
   key: 0,
   class: "absolute"
-}, Pc = { 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" }, Lc = ["accept", "multiple"], Ec = ["onClick"], zc = { class: "py-2 flex flex-col" }, Nc = ["onClick"], Rc = ["onClick"], Fc = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, Uc = {
+}, Ec = { 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" }, zc = ["accept", "multiple"], Nc = ["onClick"], Rc = { class: "py-2 flex flex-col" }, Fc = ["onClick"], Uc = ["onClick"], qc = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, Hc = {
   key: 0,
   class: "cursor-pointer m-auto drag-el"
-}, qc = {
+}, Yc = {
   __name: "OcSimpleMultipleUpload",
   props: {
     accept: {
@@ -8744,9 +8763,9 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         u.value[E] = B[E];
       }), o[I] = !1, d.value = !0;
     };
-    return (I, B) => (t(), r("div", Mc, [
-      O.value ? (t(), r("label", jc, [
-        n("div", Pc, [
+    return (I, B) => (t(), r("div", Pc, [
+      O.value ? (t(), r("label", Lc, [
+        n("div", Ec, [
           y(s(V), { name: "plus" })
         ]),
         T.value ? m("", !0) : (t(), r("input", {
@@ -8756,9 +8775,9 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           accept: e.accept || "image/png, image/jpeg",
           multiple: a.maxImages !== 1,
           onChange: w
-        }, null, 40, Lc))
+        }, null, 40, zc))
       ])) : m("", !0),
-      (t(), p(s(Hu), {
+      (t(), p(s(Wu), {
         key: e.uploadedImages.length,
         "model-value": e.uploadedImages,
         filter: "filtered-el",
@@ -8776,7 +8795,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
             style: se(`background-image: url(${E.fileUrl})`),
             onClick: (D) => I.$emit("update:selectedImage", E)
           }, [
-            y(s(oe), {
+            y(s(ne), {
               modelValue: o.value[P],
               "onUpdate:modelValue": (D) => o.value[P] = D,
               placement: "bottom-end",
@@ -8788,7 +8807,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   removeItem: b,
                   fileIndex: P
                 }, () => [
-                  n("div", zc, [
+                  n("div", Rc, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
                       onClick: (D) => g(P, E)
@@ -8799,7 +8818,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                         name: "pencil"
                       }),
                       B[4] || (B[4] = n("span", null, "Edit Image", -1))
-                    ], 8, Nc),
+                    ], 8, Fc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                       onClick: () => {
@@ -8812,7 +8831,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                         name: "bin"
                       }),
                       B[5] || (B[5] = n("span", null, "Delete", -1))
-                    ], 8, Rc)
+                    ], 8, Uc)
                   ])
                 ])
               ]),
@@ -8836,15 +8855,15 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 }, null, 4)
               ], 2)
             ], 2),
-            n("div", Fc, [
-              a.maxImages !== 1 ? (t(), r("span", Uc, [
+            n("div", qc, [
+              a.maxImages !== 1 ? (t(), r("span", Hc, [
                 y(s(V), {
                   name: "arrows",
                   class: "text-oc-accent-1-50"
                 })
               ])) : m("", !0)
             ])
-          ], 14, Ec))), 128))
+          ], 14, Nc))), 128))
         ]),
         _: 3
       }, 8, ["model-value", "style"])),
@@ -8861,7 +8880,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         onChangeImage: C,
         "onUpdate:inputOptions": A
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
-      y(s(Cu), {
+      y(s(Ou), {
         modelValue: h.value,
         "onUpdate:modelValue": B[3] || (B[3] = (N) => h.value = N),
         description: "Do you want to delete this image ?",
@@ -8869,16 +8888,16 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       }, null, 8, ["modelValue"])
     ]));
   }
-}, Hc = { class: "flex flex-col gap-y-2" }, Yc = ["accept"], Wc = { class: "input-file-uploaded flex flex-col gap-y-3" }, Kc = { class: "flex items-center gap-x-3" }, Gc = { class: "flex flex-col items-center justify-center text-oc-text-300" }, Xc = { class: "uppercase text-[8px] font-bold leading-none block" }, Jc = { class: "text-oc-text-400 text-sm" }, Zc = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, Qc = ["accept"], _c = {
+}, Wc = { class: "flex flex-col gap-y-2" }, Kc = ["accept"], Gc = { class: "input-file-uploaded flex flex-col gap-y-3" }, Xc = { class: "flex items-center gap-x-3" }, Jc = { class: "flex flex-col items-center justify-center text-oc-text-300" }, Zc = { class: "uppercase text-[8px] font-bold leading-none block" }, Qc = { class: "text-oc-text-400 text-sm" }, _c = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, eu = ["accept"], tu = {
   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"
-}, eu = { key: 0 }, tu = { key: 1 }, lu = {
+}, lu = { key: 0 }, au = { key: 1 }, nu = {
   key: 2,
   class: "text-center"
-}, au = {
+}, ou = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, tf = {
+}, af = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -8958,7 +8977,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       var C;
       (C = o.value) == null || C.click();
     };
-    return (C, A) => (t(), r("div", Hc, [
+    return (C, A) => (t(), r("div", Wc, [
       y(s(pe), {
         label: e.label,
         hint: e.hint,
@@ -8968,7 +8987,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           S(C.$slots, "hint")
         ]),
         default: k(() => [
-          e.isImageOnly ? (t(), p(qc, {
+          e.isImageOnly ? (t(), p(Yc, {
             key: 0,
             "uploaded-images": s(f),
             "selected-image": e.selectedImage,
@@ -9007,7 +9026,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
               multiple: "",
               accept: e.accept,
               onChange: b
-            }, null, 40, Yc)
+            }, null, 40, Kc)
           ], 64)) : (t(), r("div", {
             key: 2,
             class: v(["relative border rounded p-3 min-w-[30rem] flex flex-col", [
@@ -9017,27 +9036,27 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
               }
             ]])
           }, [
-            n("div", Wc, [
+            n("div", Gc, [
               (t(!0), r(L, null, R(s(f), (w, O) => (t(), r("div", {
                 key: `${O}-${w.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
-                n("div", Kc, [
-                  n("div", Gc, [
+                n("div", Xc, [
+                  n("div", Jc, [
                     y(s(V), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Xc, $(w.extension), 1)
+                    n("span", Zc, $(w.extension), 1)
                   ]),
-                  n("span", Jc, $(w == null ? void 0 : w.fileName), 1)
+                  n("span", Qc, $(w == null ? void 0 : w.fileName), 1)
                 ]),
                 c.value ? (t(), r("div", {
                   key: 0,
                   class: v(["w-[100px] h-[16px] absolute right-0 flex items-center z-40", { "on-end-loading": w.progress === 100 }])
                 }, [
-                  n("div", Zc, [
+                  n("div", _c, [
                     n("div", {
                       style: se({ width: `${w.progress}%` }),
                       class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
@@ -9079,15 +9098,15 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 onDragleave: A[6] || (A[6] = (w) => d.value = !1),
                 onDrop: A[7] || (A[7] = (w) => d.value = !1),
                 onChange: b
-              }, null, 40, Qc)),
-              s(f).length ? e.isDisabled ? m("", !0) : (t(), r("div", au, A[9] || (A[9] = [
+              }, null, 40, eu)),
+              s(f).length ? e.isDisabled ? m("", !0) : (t(), r("div", ou, A[9] || (A[9] = [
                 n("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
-              ]))) : (t(), r("div", _c, [
+              ]))) : (t(), r("div", tu, [
                 y(s(V), {
                   name: "upload",
                   class: v(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
-                e.labelUploadArea ? (t(), r("div", eu, $(e.labelUploadArea), 1)) : e.isDisabled ? (t(), r("div", tu, "Upload disabled")) : (t(), r("div", lu, [
+                e.labelUploadArea ? (t(), r("div", lu, $(e.labelUploadArea), 1)) : e.isDisabled ? (t(), r("div", au, "Upload disabled")) : (t(), r("div", nu, [
                   A[8] || (A[8] = n("div", null, "Select documents or drag here", -1)),
                   n("div", null, "File max " + $(e.maxSize) + "MB", 1)
                 ]))
@@ -9099,7 +9118,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, nu = ["value"], ou = /* @__PURE__ */ Z({
+}, iu = ["value"], su = /* @__PURE__ */ Z({
   __name: "OcNumberInput",
   props: {
     modelValue: {
@@ -9159,7 +9178,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
             placeholder: "1",
             onKeydown: c,
             onInput: f[0] || (f[0] = (h) => u.$emit("update:modelValue", h.target.value))
-          }, null, 42, nu),
+          }, null, 42, iu),
           y(s(G), {
             variant: "secondary",
             class: "w-[28px] shrink-0 aspect-square",
@@ -9174,7 +9193,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       _: 1
     }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
   }
-}), iu = {
+}), ru = {
   __name: "OcDropdown",
   props: {
     distance: {
@@ -9274,7 +9293,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       [s(ot), f]
     ]);
   }
-}, oe = /* @__PURE__ */ he(iu, [["__scopeId", "data-v-28a0af68"]]), su = { class: "flex items-center gap-x-3 p-3" }, ru = { class: "md:text-base text-sm" }, du = {
+}, ne = /* @__PURE__ */ he(ru, [["__scopeId", "data-v-28a0af68"]]), du = { class: "flex items-center gap-x-3 p-3" }, cu = { class: "md:text-base text-sm" }, uu = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, ye = {
@@ -9299,27 +9318,27 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     return (a, l) => (t(), r("div", {
       class: v(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", i.value[e.variant]])
     }, [
-      n("div", su, [
+      n("div", du, [
         e.icon ? (t(), p(s(V), F({
           key: 0,
           class: "w-5 h-5",
           name: e.icon
         }, e.iconProps, { class: e.iconClasses }), null, 16, ["name", "class"])) : m("", !0),
-        n("span", ru, $(e.text), 1),
+        n("span", cu, $(e.text), 1),
         e.pointed ? S(a.$slots, "badge", { key: 1 }, () => [
           l[0] || (l[0] = n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1))
         ]) : m("", !0)
       ]),
-      e.subText ? (t(), r("div", du, [
+      e.subText ? (t(), r("div", uu, [
         n("span", null, $(e.subText), 1)
       ])) : m("", !0)
     ], 2));
   }
-}, cu = { class: "oc-tooltip-wrapper" }, uu = {
+}, mu = { class: "oc-tooltip-wrapper" }, fu = {
   key: 0,
   class: "oc-arrow",
   "data-popper-arrow": ""
-}, mu = {
+}, vu = {
   __name: "OcTooltip",
   props: {
     popperClass: {
@@ -9394,7 +9413,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     const f = () => {
       a.value && u();
     };
-    return (h, x) => Ve((t(), r("span", cu, [
+    return (h, x) => Ve((t(), r("span", mu, [
       y(s(wt), {
         ref_key: "popper",
         ref: d,
@@ -9413,7 +9432,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 class: v(["oc-tooltip", e.popperClass])
               }, [
                 S(h.$slots, "popper", {}, void 0, !0),
-                e.arrowHidden ? m("", !0) : (t(), r("div", uu))
+                e.arrowHidden ? m("", !0) : (t(), r("div", fu))
               ], 2), [
                 [ze, a.value]
               ])
@@ -9436,14 +9455,14 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       [s(ot), f]
     ]);
   }
-}, le = /* @__PURE__ */ he(mu, [["__scopeId", "data-v-a902efc5"]]), fu = {
+}, le = /* @__PURE__ */ he(vu, [["__scopeId", "data-v-a902efc5"]]), gu = {
   key: 0,
   id: "modal-overlay-wrapper",
   class: "fixed w-screen z-[1007] top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, vu = { class: "flex flex-col gap-y-1 overflow-hidden" }, gu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, pu = {
+}, pu = { class: "flex flex-col gap-y-1 overflow-hidden" }, yu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, xu = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, yu = ["id"], xu = {
+}, hu = ["id"], bu = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -9540,7 +9559,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     ), Ut(() => {
       var x;
       (x = f.value) == null || x.removeEventListener("scroll", h);
-    }), (x, b) => e.modelValue ? (t(), r("div", fu, [
+    }), (x, b) => e.modelValue ? (t(), r("div", gu, [
       n("div", {
         class: "w-full h-full absolute top-0 left-0 z-[1007]",
         onClick: d
@@ -9553,10 +9572,10 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           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"])
         }, [
           S(x.$slots, "header", {}, () => [
-            n("div", vu, [
-              n("span", gu, $(e.title), 1),
+            n("div", pu, [
+              n("span", yu, $(e.title), 1),
               S(x.$slots, "description", {}, () => [
-                e.description ? (t(), r("span", pu, $(e.description), 1)) : m("", !0)
+                e.description ? (t(), r("span", xu, $(e.description), 1)) : m("", !0)
               ])
             ]),
             e.isCloseIcon ? (t(), r("div", {
@@ -9580,7 +9599,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           onScroll: b[1] || (b[1] = (T) => l("content-scroll", T))
         }, [
           S(x.$slots, "default")
-        ], 42, yu),
+        ], 42, hu),
         e.isFooterVisible ? (t(), r("div", {
           key: 1,
           class: v(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -9607,10 +9626,10 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       ], 2)
     ])) : m("", !0);
   }
-}, hu = {
+}, wu = {
   key: 0,
   class: "fixed w-screen z-[1007] bg-white top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, bu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, wu = { class: "modal-body p-9" }, lf = {
+}, $u = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, ku = { class: "modal-body p-9" }, nf = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -9641,8 +9660,8 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
   emits: ["update:modelValue", "back", "click:outside"],
   setup(e, { emit: i }) {
     const a = i;
-    return (l, o) => e.modelValue ? (t(), r("div", hu, [
-      n("div", bu, [
+    return (l, o) => e.modelValue ? (t(), r("div", wu, [
+      n("div", $u, [
         S(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])
@@ -9670,14 +9689,14 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
             }),
             o[2] || (o[2] = n("span", null, "Close", -1))
           ]),
-          n("div", wu, [
+          n("div", ku, [
             S(l.$slots, "default")
           ])
         ], 2)
       ])
     ])) : m("", !0);
   }
-}, $u = { class: "text-center" }, ku = ["innerHTML"], Su = {
+}, Su = { class: "text-center" }, Cu = ["innerHTML"], Bu = {
   __name: "OcConfirmation",
   props: {
     description: String,
@@ -9716,14 +9735,14 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           name: e.icon ?? i[e.variant]
         }, null, 8, ["name"])
       ], 2)),
-      n("div", $u, [
+      n("div", Su, [
         S(l.$slots, "description", {}, () => [
-          n("span", { innerHTML: e.description }, null, 8, ku)
+          n("span", { innerHTML: e.description }, null, 8, Cu)
         ])
       ])
     ], 2));
   }
-}, Cu = {
+}, Ou = {
   __name: "OcConfirmationModal",
   props: {
     modelValue: {
@@ -9796,7 +9815,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     })), c = (u) => {
       l("update:model-value", u), l("cancel");
     };
-    return (u, f) => (t(), p(s(xu), {
+    return (u, f) => (t(), p(s(bu), {
       size: "small",
       "model-value": e.modelValue,
       title: e.title,
@@ -9819,7 +9838,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       onCancel: f[1] || (f[1] = (h) => u.$emit("cancel"))
     }, {
       default: k(() => [
-        y(Su, {
+        y(Bu, {
           "icon-class": e.iconClass,
           variant: e.variant,
           description: e.description,
@@ -9839,10 +9858,10 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       _: 3
     }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
   }
-}, Bu = { class: "fixed bottom-[30px] right-[32px]" }, Ou = { class: "relative" }, Vu = {
+}, Vu = { class: "fixed bottom-[30px] right-[32px]" }, Iu = { class: "relative" }, Tu = {
   key: 0,
   class: "flex items-center justify-end"
-}, Iu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Tu = { class: "min-w-[180px]" }, Du = { class: "p-3" }, Au = { class: "uppercase text-oc-text-400 text-xs font-medium" }, af = /* @__PURE__ */ Z({
+}, Du = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Au = { class: "min-w-[180px]" }, Mu = { class: "p-3" }, ju = { class: "uppercase text-oc-text-400 text-xs font-medium" }, of = /* @__PURE__ */ Z({
   __name: "OcSupportMenu",
   props: {
     modelValue: {
@@ -9880,8 +9899,8 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     const i = {
       arrowHidden: !0
     };
-    return (a, l) => (t(), r("div", Bu, [
-      y(s(oe), {
+    return (a, l) => (t(), r("div", Vu, [
+      y(s(ne), {
         "model-value": e.modelValue,
         "popper-options": i,
         placement: "top-end",
@@ -9889,10 +9908,10 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         "onUpdate:modelValue": l[0] || (l[0] = (o) => a.$emit("update:modelValue", o))
       }, {
         menu: k(() => [
-          n("div", Tu, [
+          n("div", Au, [
             (t(!0), r(L, null, R(e.topMenu, (o, d) => (t(), r(L, { key: d }, [
-              n("div", Du, [
-                n("span", Au, $(o.title), 1)
+              n("div", Mu, [
+                n("span", ju, $(o.title), 1)
               ]),
               (t(!0), r(L, null, R(o.items, (c, u) => (t(), p(s(ye), F({
                 key: u,
@@ -9933,11 +9952,11 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
           ])
         ]),
         default: k(() => [
-          n("div", Ou, [
-            e.isPointed ? (t(), r("div", Vu, l[1] || (l[1] = [
+          n("div", Iu, [
+            e.isPointed ? (t(), r("div", Tu, l[1] || (l[1] = [
               n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ]))) : m("", !0),
-            n("div", Iu, [
+            n("div", Du, [
               y(s(V), {
                 name: "question",
                 width: "33",
@@ -9950,7 +9969,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       }, 8, ["model-value"])
     ]));
   }
-}), Mu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, je = /* @__PURE__ */ Z({
+}), Pu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, je = /* @__PURE__ */ Z({
   __name: "OcCopyTooltip",
   props: {
     value: [String, Blob],
@@ -9980,7 +9999,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       distance: 20
     }, e.tooltipOptions), {
       popper: k(() => [
-        n("div", Mu, $(e.tooltipText), 1)
+        n("div", Pu, $(e.tooltipText), 1)
       ]),
       default: k(({ isShow: o }) => [
         n("div", {
@@ -9999,7 +10018,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       _: 3
     }, 16));
   }
-}), ju = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Pu = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Lu = { class: "flex flex-col gap-y-7 p-5" }, Eu = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, zu = ["src"], Nu = { class: "flex text-center flex-col gap-y-3" }, Ru = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, Fu = { class: "text-oc-text-400" }, Uu = { class: "py-6 px-5 flex items-center justify-center" }, nf = /* @__PURE__ */ Z({
+}), Lu = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Eu = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, zu = { class: "flex flex-col gap-y-7 p-5" }, Nu = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, Ru = ["src"], Fu = { class: "flex text-center flex-col gap-y-3" }, Uu = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, qu = { class: "text-oc-text-400" }, Hu = { class: "py-6 px-5 flex items-center justify-center" }, sf = /* @__PURE__ */ Z({
   __name: "OcWhiteList",
   props: {
     buttonProps: {
@@ -10015,28 +10034,28 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     description: String
   },
   setup(e) {
-    return (i, a) => (t(), r("div", ju, [
+    return (i, a) => (t(), r("div", Lu, [
       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", Pu, [
-        n("div", Lu, [
+      n("div", Eu, [
+        n("div", zu, [
           S(i.$slots, "logo", {}, () => [
-            n("div", Eu, [
+            n("div", Nu, [
               n("img", {
                 src: e.imagePath,
                 alt: "logo"
-              }, null, 8, zu)
+              }, null, 8, Ru)
             ])
           ]),
-          n("div", Nu, [
-            n("div", Ru, [
+          n("div", Fu, [
+            n("div", Uu, [
               W($(e.title) + " ", 1),
               e.tagOptions ? (t(), p(s(Yt), me(F({ key: 0 }, e.tagOptions)), null, 16)) : m("", !0)
             ]),
-            n("span", Fu, $(e.description), 1)
+            n("span", qu, $(e.description), 1)
           ]),
           S(i.$slots, "bottom")
         ]),
-        n("div", Uu, [
+        n("div", Hu, [
           S(i.$slots, "footer", {}, () => [
             y(s(G), F({
               label: "Request Access",
@@ -10047,7 +10066,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       ])
     ]));
   }
-}), of = {
+}), rf = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -10087,23 +10106,23 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     const a = e, l = i, o = (g, I) => {
       l("onUpdate", g, I);
     }, d = {
-      CardInput: or,
-      CheckboxesGroup: sr,
+      CardInput: sr,
+      CheckboxesGroup: dr,
       Input: xe,
-      NumberInput: ou,
-      LinkInput: _r,
-      Select: Hr,
-      TextArea: ld,
+      NumberInput: su,
+      LinkInput: td,
+      Select: Wr,
+      TextArea: nd,
       Toggle: kt,
-      RadioGroup: Dr,
-      TimePicker: Yu,
-      DatePicker: ec,
+      RadioGroup: Mr,
+      TimePicker: Ku,
+      DatePicker: lc,
       Checkbox: De,
       Slider: $t,
-      RangeInput: Pr,
-      PhoneInput: Br,
-      SectionItem: ic,
-      SelectOptions: uc
+      RangeInput: Er,
+      PhoneInput: Vr,
+      SectionItem: rc,
+      SelectOptions: fc
     }, c = (g) => d[g] ? d[g] : null, u = z(() => {
       const g = (B) => B.split(`
 `).map((N) => N.trim()).filter(Boolean).map((N) => `"${N}"`).join(" "), I = {};
@@ -10197,126 +10216,126 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       }), 128))
     ], 6)) : m("", !0);
   }
-}, sf = de(() => import("./OcDataTable-DJ3qAu4Z.js")), rf = de(() => import("./OcFilterSearch-SVjRxtUQ.js")), df = de(() => import("./OcFilterSearchFor-5s0ZudWU.js")), cf = de(() => import("./OcFilterForm-DsDk_9oO.js")), qu = de(
-  () => import("./OcComplexCalendar-Cu85vhc2.js")
-), uf = de(
-  () => import("./OcComplexDatePicker-h6znZkPZ.js")
-), st = de(() => import("./OcModalCropper-m9u0mr2W.js")), mf = de(() => import("./OcCropper-CE9ndaKL.js")), Hu = de(() => import("./OcDraggable-CA_BCbpl.js")), ff = de(() => import("./OcDraggableList-C48trF30.js")), vf = de(() => import("./OcEmojiPicker-BdjvFMNA.js")), gf = de(
-  () => import("./ThumbnailTheme-C62Azwna.js")
-), pf = de(
-  () => import("./ThumbnailSection-BaXYBlGq.js")
-), yf = de(() => import("./SubPlanCard-Bpx41om8.js")), xf = de(() => import("./OcTimePopup-CXGhaOev.js")), Yu = de(() => import("./OcTimePicker-Df8BqLEN.js"));
+}, df = de(() => import("./OcDataTable-D5vz1-lX.js")), cf = de(() => import("./OcFilterSearch-CJt2-0oT.js")), uf = de(() => import("./OcFilterSearchFor-BV41Zm92.js")), mf = de(() => import("./OcFilterForm-ClfErTph.js")), Yu = de(
+  () => import("./OcComplexCalendar-B3hvCH8b.js")
+), ff = de(
+  () => import("./OcComplexDatePicker-BJzE59Ud.js")
+), st = de(() => import("./OcModalCropper-DwGopxc-.js")), vf = de(() => import("./OcCropper-BReUmmUe.js")), Wu = de(() => import("./OcDraggable-CA_BCbpl.js")), gf = de(() => import("./OcDraggableList-B2QGYqy9.js")), pf = de(() => import("./OcEmojiPicker-BtTOnwrl.js")), yf = de(
+  () => import("./ThumbnailTheme-Bsypo6ft.js")
+), xf = de(
+  () => import("./ThumbnailSection-CT_d6jGM.js")
+), hf = de(() => import("./SubPlanCard-D1fbeTmt.js")), bf = de(() => import("./OcTimePopup-CXGhaOev.js")), Ku = de(() => import("./OcTimePicker-BuXpSM_v.js"));
 export {
-  Om as $,
-  xm as A,
+  Im as $,
+  bm as A,
   G as B,
   Bt as C,
   dn as D,
-  wm as E,
+  km as E,
   gl as F,
   Ct as G,
   qe as H,
-  pm as I,
+  xm as I,
   ct as J,
   ut as K,
-  vm as L,
-  gm as M,
+  pm as L,
+  ym as M,
   rt as N,
   Fe as O,
   dt as P,
   Ie as Q,
   Ee as R,
   sl as S,
-  ym as T,
-  $m as U,
-  km as V,
-  Bm as W,
+  hm as T,
+  Sm as U,
+  Cm as V,
+  Vm as W,
   Un as X,
-  Sm as Y,
-  Cm as Z,
+  Bm as Y,
+  Om as Z,
   pe as _,
-  or as a,
+  sr as a,
   Wn as a0,
-  Um as a1,
-  Fi as a2,
-  Wm as a3,
-  Ym as a4,
-  Fm as a5,
-  qm as a6,
-  Vm as a7,
-  Im as a8,
-  Tm as a9,
-  xu as aA,
-  lf as aB,
-  af as aC,
+  Hm as a1,
+  qi as a2,
+  Gm as a3,
+  Km as a4,
+  qm as a5,
+  Ym as a6,
+  Tm as a7,
+  Dm as a8,
+  Am as a9,
+  bu as aA,
+  nf as aB,
+  of as aC,
   le as aD,
-  nf as aE,
+  sf as aE,
   it as aF,
-  qu as aG,
-  Hu as aH,
-  xf as aI,
-  rf as aJ,
-  cf as aK,
-  df as aL,
-  sf as aM,
-  uf as aN,
+  Yu as aG,
+  Wu as aH,
+  bf as aI,
+  cf as aJ,
+  mf as aK,
+  uf as aL,
+  df as aM,
+  ff as aN,
   st as aO,
-  mf as aP,
-  ff as aQ,
-  vf as aR,
-  gf as aS,
-  pf as aT,
-  yf as aU,
-  Yu as aV,
-  Dm as aa,
-  Am as ab,
-  Mm as ac,
-  jm as ad,
+  vf as aP,
+  gf as aQ,
+  pf as aR,
+  yf as aS,
+  xf as aT,
+  hf as aU,
+  Ku as aV,
+  Mm as aa,
+  jm as ab,
+  Pm as ac,
+  Lm as ad,
   Eo as ae,
   Ao as af,
-  Hm as ag,
-  Pm as ah,
-  Lm as ai,
-  Em as aj,
+  Wm as ag,
+  Em as ah,
+  zm as ai,
+  Nm as aj,
   oi as ak,
-  ci as al,
-  fi as am,
-  yi as an,
-  zm as ao,
-  Nm as ap,
-  Rm as aq,
-  Km as ar,
-  Xm as as,
+  ui as al,
+  vi as am,
+  hi as an,
+  Rm as ao,
+  Fm as ap,
+  Um as aq,
+  Xm as ar,
+  Zm as as,
   ae as at,
-  Jm as au,
-  Gm as av,
-  Cu as aw,
+  Qm as au,
+  Jm as av,
+  Ou as aw,
   je as ax,
-  oe as ay,
+  ne as ay,
   ye as az,
   De as b,
-  sr as c,
-  Zm as d,
+  dr as c,
+  _m as d,
   xe as e,
-  Qm as f,
-  Br as g,
-  Tr as h,
-  Dr as i,
-  Pr as j,
-  Hr as k,
+  ef as f,
+  Vr as g,
+  Ar as h,
+  Mr as i,
+  Er as j,
+  Wr as k,
   gt as l,
-  _m as m,
-  _r as n,
-  ld as o,
-  Yd as p,
-  ec as q,
-  ic as r,
-  uc as s,
-  ef as t,
-  tf as u,
-  ou as v,
-  of as w,
-  bm as x,
-  hm as y,
+  tf as m,
+  td as n,
+  nd as o,
+  Kd as p,
+  lc as q,
+  rc as r,
+  fc as s,
+  lf as t,
+  af as u,
+  su as v,
+  rf as w,
+  $m as x,
+  wm as y,
   Ae as z
 };