@orchidui/core 1.8.1-46 → 1.8.1-48

package/dist/{index-C4a958kM.js → index-C_vnNzpv.js}

@@ -1,4 +1,4 @@
-import { computed as z, ref as M, onMounted as we, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as $, createCommentVNode as u, createElementVNode as n, createBlock as p, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as g, resolveDynamicComponent as at, mergeProps as F, normalizeProps as ve, guardReactiveProps as Ie, withModifiers as me, defineComponent as Z, normalizeStyle as oe, createSlots as te, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as ue, onUpdated as Et, nextTick as He, reactive as Nt, Transition as Ae, useAttrs as zt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as de } from "vue";
+import { computed as z, ref as M, onMounted as we, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as $, createCommentVNode as u, createElementVNode as n, createBlock as p, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as g, resolveDynamicComponent as at, normalizeProps as me, mergeProps as F, guardReactiveProps as Ie, withModifiers as fe, defineComponent as Z, normalizeStyle as oe, createSlots as te, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as ue, onUpdated as Et, nextTick as He, reactive as Nt, Transition as Ae, useAttrs as zt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as de } from "vue";
 import { S as le } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as T } from "./OcIcon-CSpRxnwd.js";
@@ -21,7 +21,7 @@ import "./OcTheme-CWgrJh5Q.js";
 const Kt = {
   key: 0,
   class: "flex relative group/row md:p-0 py-3 w-full"
-}, Mm = {
+}, Em = {
   __name: "OcTable",
   props: {
     options: {
@@ -427,13 +427,12 @@ const Kt = {
               ], 64)) : e.variant === r.EMPTY ? (t(), i("div", Qt, "-")) : e.variant === r.DATETIME ? (t(), p(o(dt), {
                 key: 4,
                 title: o(G)(e.data).format("D MMM, YYYY"),
-                description: o(G)(e.data).format("h:mm A"),
-                link: e.link
-              }, null, 8, ["title", "description", "link"])) : e.variant === r.CONTENT ? (t(), p(o(dt), F({ key: 5 }, e.content, { link: e.link }), null, 16, ["link"])) : e.variant === r.CHIP ? (t(), i("div", {
+                description: o(G)(e.data).format("h:mm A")
+              }, null, 8, ["title", "description"])) : e.variant === r.CONTENT ? (t(), p(o(dt), me(F({ key: 5 }, e.content)), null, 16)) : e.variant === r.CHIP ? (t(), i("div", {
                 key: 6,
                 link: e.link
               }, [
-                g(o(ne), ve(Ie(s.value)), null, 16)
+                g(o(ne), me(Ie(s.value)), null, 16)
               ], 8, _t)) : e.variant === r.DEFAULT ? (t(), i("div", el, w(e.data), 1)) : (t(), i("div", {
                 key: 8,
                 link: e.link,
@@ -451,7 +450,7 @@ const Kt = {
                 g(o(T), {
                   class: "cursor-pointer w-5 h-5 group-hover/row:opacity-100 md:opacity-0 ml-2",
                   name: "copy",
-                  onClick: m[1] || (m[1] = me(() => {
+                  onClick: m[1] || (m[1] = fe(() => {
                   }, ["prevent"]))
                 })
               ]),
@@ -511,7 +510,7 @@ const Kt = {
       key: 1,
       href: e.link,
       style: { "'pointer-events": "none'" },
-      onClick: a[0] || (a[0] = me(() => {
+      onClick: a[0] || (a[0] = fe(() => {
       }, ["prevent"]))
     }, [
       $(r.$slots, "default")
@@ -705,7 +704,7 @@ const Kt = {
       a[1] || (a[1] = n("div", { class: "w-9" }, null, -1))
     ]));
   }
-}), vl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, jm = /* @__PURE__ */ Z({
+}), vl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, Nm = /* @__PURE__ */ Z({
   __name: "OcExpadingTable",
   props: {
     total: {
@@ -785,7 +784,7 @@ const Kt = {
       ])
     ]));
   }
-}), gl = { class: "w-full items-center flex relative" }, pl = { class: "flex items-center gap-x-6" }, yl = { class: "hidden md:flex items-center gap-x-3" }, xl = { class: "md:hidden mx-[30px]" }, Lm = {
+}), gl = { class: "w-full items-center flex relative" }, pl = { class: "flex items-center gap-x-6" }, yl = { class: "hidden md:flex items-center gap-x-3" }, xl = { class: "md:hidden mx-[30px]" }, zm = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -1290,7 +1289,7 @@ const Kt = {
       ], 2);
     };
   }
-}, St = /* @__PURE__ */ ge(Yl, [["__scopeId", "data-v-88d0c278"]]), Wl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Kl = { key: 0 }, Pm = {
+}, St = /* @__PURE__ */ ge(Yl, [["__scopeId", "data-v-88d0c278"]]), Wl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Kl = { key: 0 }, Rm = {
   __name: "OcTransferSummary",
   props: {
     transfer: {
@@ -1667,7 +1666,7 @@ const Kt = {
                   g(o(T), {
                     name: "dots-vertical",
                     class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
-                    onClick: me(s, ["stop"])
+                    onClick: fe(s, ["stop"])
                   })
                 ]),
                 _: 3
@@ -1968,7 +1967,7 @@ const Kt = {
       ])
     ], 2));
   }
-}), Em = {
+}), Fm = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2037,7 +2036,7 @@ const Kt = {
       R(l.$slots, (d, c) => ({
         name: c,
         fn: S((m) => [
-          $(l.$slots, c, ve(Ie(m)))
+          $(l.$slots, c, me(Ie(m)))
         ])
       }))
     ]), 1040, ["class"]));
@@ -2134,7 +2133,7 @@ const Kt = {
 }, xn = { class: "uppercase" }, hn = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, bn = { class: "mb-auto" }, wn = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, Nm = {
+}, Um = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2202,7 +2201,7 @@ const Kt = {
 }, On = { class: "flex items-center gap-3" }, In = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, Tn = { class: "p-2 border-b border-gray-200" }, Dn = {
   key: 0,
   class: "p-2"
-}, zm = {
+}, qm = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2329,7 +2328,7 @@ const Kt = {
 }, Pn = {
   key: 2,
   class: "w-[24px] h-[24px] min-w-[24px] text-oc-text-300 text-sm font-medium flex items-center justify-center border rounded-full border-oc-gray-200"
-}, En = { class: "flex flex-col gap-y-1" }, Nn = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, Rm = /* @__PURE__ */ Z({
+}, En = { class: "flex flex-col gap-y-1" }, Nn = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, Hm = /* @__PURE__ */ Z({
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2385,7 +2384,7 @@ const Kt = {
       ])
     ]));
   }
-}), Fm = {
+}), Ym = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2509,7 +2508,7 @@ const Kt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), Fn = { class: "flex items-center flex-1 gap-x-4" }, Un = { class: "flex flex-col gap-y-1" }, qn = { class: "font-medium" }, Hn = { class: "text-oc-text-400 text-sm" }, Um = /* @__PURE__ */ Z({
+}), Fn = { class: "flex items-center flex-1 gap-x-4" }, Un = { class: "flex flex-col gap-y-1" }, qn = { class: "font-medium" }, Hn = { class: "text-oc-text-400 text-sm" }, Wm = /* @__PURE__ */ Z({
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -2570,7 +2569,7 @@ const Kt = {
 }), Yn = ["onClick"], Wn = {
   key: 0,
   class: "bg-oc-error rounded-full h-6 w-6 flex items-center justify-center text-xs font-bold text-white px-4"
-}, ft = 100, vt = 35, qm = {
+}, ft = 100, vt = 35, Km = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -2649,7 +2648,7 @@ const Kt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: C[0] || (C[0] = me((h) => b("left"), ["prevent"]))
+          onClick: C[0] || (C[0] = fe((h) => b("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : u("", !0),
       n("div", {
@@ -2696,7 +2695,7 @@ const Kt = {
       ], 2)) : u("", !0)
     ], 2));
   }
-}, Kn = ["src"], Gn = { class: "shrink-0" }, Hm = {
+}, Kn = ["src"], Gn = { class: "shrink-0" }, Gm = {
   __name: "OcPaymentTab",
   props: {
     tab: {
@@ -2766,7 +2765,7 @@ const Kt = {
       }, w(e.title), 3)
     ], 2));
   }
-}), Zn = { class: "flex gap-x-7" }, Ym = /* @__PURE__ */ Z({
+}), Zn = { class: "flex gap-x-7" }, Xm = /* @__PURE__ */ Z({
   __name: "OcSteps",
   props: {
     steps: {
@@ -2794,7 +2793,7 @@ const Kt = {
       ])
     ]));
   }
-}), Qn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Wm = /* @__PURE__ */ Z({
+}), Qn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Jm = /* @__PURE__ */ Z({
   __name: "OcVariants",
   props: {
     variants: {
@@ -2882,22 +2881,22 @@ function ai(e, r) {
     $(e.$slots, "default")
   ]);
 }
-const Km = /* @__PURE__ */ ge(ti, [["render", ai]]), ni = {}, ii = { class: "px-3 md:px-[40px] border-b border-oc-gray-200 h-[68px] w-full flex items-center relative bg-oc-accent-1-600" };
+const Zm = /* @__PURE__ */ ge(ti, [["render", ai]]), ni = {}, ii = { class: "px-3 md:px-[40px] border-b border-oc-gray-200 h-[68px] w-full flex items-center relative bg-oc-accent-1-600" };
 function oi(e, r) {
   return t(), i("div", ii, [
     $(e.$slots, "default")
   ]);
 }
-const Gm = /* @__PURE__ */ ge(ni, [["render", oi]]), si = {}, ri = { class: "flex items-center gap-x-3" };
+const Qm = /* @__PURE__ */ ge(ni, [["render", oi]]), si = {}, ri = { class: "flex items-center gap-x-3" };
 function di(e, r) {
   return t(), i("div", ri, [
     $(e.$slots, "default")
   ]);
 }
-const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-center" }, ui = {
+const _m = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-center" }, ui = {
   key: 1,
   class: "text-oc-text-300 text-sm md:text-base"
-}, Jm = {
+}, ef = {
   __name: "OcHeaderCenter",
   props: {
     isSaved: Boolean
@@ -2922,7 +2921,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, mi = { class: "flex items-center gap-x-7 ml-auto" }, fi = { class: "flex gap-x-3" }, Zm = {
+}, mi = { class: "flex items-center gap-x-7 ml-auto" }, fi = { class: "flex gap-x-3" }, tf = {
   __name: "OcHeaderRight",
   props: {
     primaryProps: {
@@ -2963,7 +2962,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, vi = { class: "gap-x-9 hidden md:flex relative" }, gi = ["onClick"], pi = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, yi = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, Qm = {
+}, vi = { class: "gap-x-9 hidden md:flex relative" }, gi = ["onClick"], pi = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, yi = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, lf = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3079,7 +3078,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
             class: "w-1/2 h-[20px] rounded"
           })) : (t(), i("span", bi, w(e.title), 1))
         ]),
-        e.chipProps ? (t(), p(o(ne), ve(F({ key: 0 }, e.chipProps)), null, 16)) : u("", !0)
+        e.chipProps ? (t(), p(o(ne), me(F({ key: 0 }, e.chipProps)), null, 16)) : u("", !0)
       ]),
       e.description || r.$slots.description ? (t(), i("div", wi, [
         $(r.$slots, "description", {}, () => [
@@ -3131,7 +3130,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
             g(o(se), {
               modelValue: r.value,
               "onUpdate:modelValue": l[0] || (l[0] = (s) => r.value = s),
-              onClick: l[1] || (l[1] = me(() => {
+              onClick: l[1] || (l[1] = fe(() => {
               }, ["stop"]))
             }, {
               menu: S(() => {
@@ -3184,7 +3183,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       e.chipProps ? (t(), p(o(ne), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : u("", !0)
     ]));
   }
-}), Ii = { class: "pb-4 flex flex-col" }, Ti = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, _m = {
+}), Ii = { class: "pb-4 flex flex-col" }, Ti = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, af = {
   __name: "OcPageTitle",
   props: {
     title: { type: String, required: !0 },
@@ -3519,7 +3518,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
 }, Yi = /* @__PURE__ */ ge(Hi, [["__scopeId", "data-v-84aa7cb6"]]), Wi = { class: "flex flex-col flex-1 py-4 gap-5 px-6 animated-section" }, Ki = {
   key: 0,
   class: "border-t border-oc-gray-200 last:hidden first:hidden"
-}, ef = {
+}, nf = {
   __name: "OcSidebar",
   props: {
     class: {
@@ -3629,7 +3628,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       }, 8, ["is-expanded", "display-name"])
     ], 2));
   }
-}, tf = {
+}, of = {
   __name: "OcSidebarSubmenu",
   props: {
     isExpanded: {
@@ -3795,7 +3794,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
         height: "18",
         class: v([l.value, "cursor-pointer"]),
         name: "filled-x-circle",
-        onClick: d[0] || (d[0] = me((c) => s.$emit("remove"), ["stop"]))
+        onClick: d[0] || (d[0] = fe((c) => s.$emit("remove"), ["stop"]))
       }, null, 8, ["class"])) : u("", !0)
     ], 2));
   }
@@ -3853,11 +3852,11 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
             n("div", eo, [
               e.paymentStatus ? (t(), i("div", to, [
                 a[1] || (a[1] = n("span", { class: "flex-1" }, "Payment", -1)),
-                g(ne, ve(Ie(e.paymentStatus)), null, 16)
+                g(ne, me(Ie(e.paymentStatus)), null, 16)
               ])) : u("", !0),
               e.paymentStatus ? (t(), i("div", lo, [
                 a[2] || (a[2] = n("span", { class: "flex-1" }, "Payout", -1)),
-                g(ne, ve(Ie(e.payoutStatus)), null, 16)
+                g(ne, me(Ie(e.payoutStatus)), null, 16)
               ])) : u("", !0)
             ])
           ])
@@ -3904,7 +3903,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       ]))
     ], 2));
   }
-}, lf = /* @__PURE__ */ ge(mo, [["__scopeId", "data-v-fb4f007e"]]), fo = { class: "pb-2" }, vo = {
+}, sf = /* @__PURE__ */ ge(mo, [["__scopeId", "data-v-fb4f007e"]]), fo = { class: "pb-2" }, vo = {
   key: 0,
   class: "pl-3 uppercase text-oc-accent-1-200 relative text-medium text-sm"
 }, go = {
@@ -4027,7 +4026,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
           "grid-rows-[1fr]": e.isMenuExpanded,
           "grid-rows-[0fr]": !e.isMenuExpanded
         }]),
-        onClick: f[0] || (f[0] = me(() => {
+        onClick: f[0] || (f[0] = fe(() => {
         }, ["stop"]))
       }, [
         n("div", $o, [
@@ -4039,7 +4038,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
         ref_key: "menuRef",
         ref: s,
         class: "z-[1007] p-2 flex flex-col gap-y-1 min-w-[162px] shadow-normal bg-white rounded",
-        onClick: f[1] || (f[1] = me(() => {
+        onClick: f[1] || (f[1] = fe(() => {
         }, ["stop"]))
       }, [
         $(m.$slots, "default")
@@ -4117,7 +4116,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, Mo = { class: "relative" }, jo = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Lo = { class: "py-2 px-3 gap-x-3 flex items-center" }, Po = { class: "text-oc-accent-2 flex-1 font-medium" }, Eo = { class: "flex items-center gap-x-2" }, No = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, af = {
+}, Mo = { class: "relative" }, jo = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Lo = { class: "py-2 px-3 gap-x-3 flex items-center" }, Po = { class: "text-oc-accent-2 flex-1 font-medium" }, Eo = { class: "flex items-center gap-x-2" }, No = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, rf = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -4164,7 +4163,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}, zo = { class: "py-7 flex flex-col gap-y-3 px-4" }, Ro = { class: "flex flex-col gap-y-2" }, Fo = ["onClick"], nf = /* @__PURE__ */ Z({
+}, zo = { class: "py-7 flex flex-col gap-y-3 px-4" }, Ro = { class: "flex flex-col gap-y-2" }, Fo = ["onClick"], df = /* @__PURE__ */ Z({
   __name: "OcSubSidebar",
   props: {
     title: {
@@ -4208,7 +4207,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
       ])
     ]));
   }
-}), Uo = { class: "relative" }, of = {
+}), Uo = { class: "relative" }, cf = {
   __name: "OcEmptyPage",
   props: {
     isButton: {
@@ -4382,7 +4381,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
         n("div", Yo, [
           n("div", Wo, [
             n("span", Ko, w(e.title), 1),
-            e.chipOptions ? (t(), p(o(ne), ve(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
+            e.chipOptions ? (t(), p(o(ne), me(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !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"])
@@ -4396,7 +4395,7 @@ const Xm = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
             W(" " + w(e.content), 1)
           ], 2)
         ]),
-        e.isDropdown ? (t(), p(o(X), ve(F({ key: 0 }, e.dropdownOptions)), null, 16)) : u("", !0)
+        e.isDropdown ? (t(), p(o(X), me(F({ key: 0 }, e.dropdownOptions)), null, 16)) : u("", !0)
       ]))
     ], 2));
   }
@@ -4827,7 +4826,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         R(r.$slots, (l, s) => ({
           name: s,
           fn: S((d) => [
-            $(r.$slots, s, ve(Ie(d)))
+            $(r.$slots, s, me(Ie(d)))
           ])
         }))
       ]), 1032, ["boxes", "is-customer", "customer-card-variant", "customer"])
@@ -4845,7 +4844,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
 }, Cs = ["href"], Bs = { class: "truncate" }, Vs = { class: "text-oc-text whitespace-nowrap" }, Os = {
   key: 1,
   class: "flex items-center h-[30px] gap-x-2 w-full"
-}, sf = {
+}, uf = {
   __name: "OcAdditionalContent",
   props: {
     mainLink: { type: String, default: "" },
@@ -4955,7 +4954,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         R(l.$slots, (d, c) => ({
           name: c,
           fn: S((m) => [
-            $(l.$slots, c, ve(Ie(m)))
+            $(l.$slots, c, me(Ie(m)))
           ])
         }))
       ]), 1032, ["boxes", "customer-card-variant", "customer", "is-customer", "customer-is-hover", "customer-is-edit", "class"])) : e.variant === "balance" ? (t(), p(os, {
@@ -4976,7 +4975,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         R(l.$slots, (d, c) => ({
           name: c,
           fn: S((m) => [
-            $(l.$slots, c, ve(Ie(m)))
+            $(l.$slots, c, me(Ie(m)))
           ])
         }))
       ]), 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"])) : u("", !0)
@@ -5035,7 +5034,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       ]);
     };
   }
-}, rf = /* @__PURE__ */ ge(Ls, [["__scopeId", "data-v-d658d1d3"]]), Ps = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Es = { class: "text-sm" }, df = /* @__PURE__ */ Z({
+}, mf = /* @__PURE__ */ ge(Ls, [["__scopeId", "data-v-d658d1d3"]]), Ps = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Es = { class: "text-sm" }, ff = /* @__PURE__ */ Z({
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -5056,7 +5055,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       }, e.chipProps), null, 16)) : u("", !0)
     ]));
   }
-}), Ns = { class: "flex flex-col text-center gap-y-3" }, zs = { class: "text-lg font-medium" }, Rs = { class: "text-sm text-oc-text-400" }, cf = /* @__PURE__ */ Z({
+}), Ns = { class: "flex flex-col text-center gap-y-3" }, zs = { class: "text-lg font-medium" }, Rs = { class: "text-sm text-oc-text-400" }, vf = /* @__PURE__ */ Z({
   __name: "OcBox",
   props: {
     icon: String,
@@ -5083,7 +5082,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       ])
     ], 2));
   }
-}), uf = /* @__PURE__ */ Z({
+}), gf = /* @__PURE__ */ Z({
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -5109,7 +5108,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       e.chipProps ? (t(), p(o(ne), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : u("", !0)
     ], 2));
   }
-}), Fs = { class: "flex items-center" }, Us = { class: "flex flex-1 items-center gap-x-3" }, qs = { class: "font-medium text-lg" }, mf = /* @__PURE__ */ Z({
+}), Fs = { class: "flex items-center" }, Us = { class: "flex flex-1 items-center gap-x-3" }, qs = { class: "font-medium text-lg" }, pf = /* @__PURE__ */ Z({
   __name: "OcVerificationOption",
   props: {
     title: {
@@ -5138,7 +5137,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
           $(r.$slots, "title", {}, () => [
             n("span", qs, w(e.title), 1)
           ]),
-          e.chipOptions ? (t(), p(o(ne), ve(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
+          e.chipOptions ? (t(), p(o(ne), me(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
         ]),
         e.isActive ? (t(), p(o(T), {
           key: 0,
@@ -5157,7 +5156,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
 }, Ys = { class: "flex flex-col gap-y-3" }, Ws = { class: "font-medium text-oc-text" }, Ks = { class: "text-oc-text-400" }, Gs = { class: "flex gap-x-3" }, Xs = {
   key: 0,
   class: "text-oc-text"
-}, Js = ["innerHTML"], ff = {
+}, Js = ["innerHTML"], yf = {
   __name: "OcSnackbar",
   props: {
     modelValue: {
@@ -5422,10 +5421,10 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       _: 3
     }, 8, ["name"]));
   }
-}, vf = /* @__PURE__ */ ge(er, [["__scopeId", "data-v-d8517c87"]]), tr = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, lr = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, ar = {
+}, xf = /* @__PURE__ */ ge(er, [["__scopeId", "data-v-d8517c87"]]), tr = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, lr = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, ar = {
   key: 1,
   class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
-}, nr = { class: "text-sm" }, gf = {
+}, nr = { class: "text-sm" }, hf = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -5436,7 +5435,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
     }
   },
   setup(e) {
-    return (r, a) => e.isOnlyIcon ? (t(), p(o(ae), ve(F({ key: 0 }, e.tooltipOptions)), {
+    return (r, a) => e.isOnlyIcon ? (t(), p(o(ae), me(F({ key: 0 }, e.tooltipOptions)), {
       popper: S(() => [
         n("div", lr, w(e.text), 1)
       ]),
@@ -5493,7 +5492,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
           W(w(e.label) + " ", 1),
           e.isRequired ? (t(), i("span", sr, "*")) : u("", !0)
         ]),
-        e.labelIcon ? (t(), p(o(ae), ve(F({ key: 0 }, e.tooltipOptions)), {
+        e.labelIcon ? (t(), p(o(ae), me(F({ key: 0 }, e.tooltipOptions)), {
           popper: S(() => [
             $(r.$slots, "tooltipText", {}, () => [
               e.tooltipText ? (t(), i("div", rr, w(e.tooltipText), 1)) : u("", !0)
@@ -5614,7 +5613,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       e.isAdditionalArea && !e.isTransparent ? (t(), i("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]", [s.value[e.size], e.variant]]),
-        onClick: j[3] || (j[3] = me((B) => A.$emit("addition-click"), ["stop"]))
+        onClick: j[3] || (j[3] = fe((B) => A.$emit("addition-click"), ["stop"]))
       }, [
         $(A.$slots, "additional-content", {}, () => [
           g(o(T), {
@@ -5828,7 +5827,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, hr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, pf = {
+}, hr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, bf = {
   __name: "OcCriteria",
   props: {
     modelValue: Boolean,
@@ -6047,7 +6046,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
             x.$slots.leading ? u("", !0) : (t(), i("span", {
               key: 1,
               class: "text-oc-text-200",
-              onClick: b[4] || (b[4] = me((A) => d.value = !d.value, ["prevent"]))
+              onClick: b[4] || (b[4] = fe((A) => d.value = !d.value, ["prevent"]))
             }, [
               (t(), p(o(T), {
                 key: d.value,
@@ -6074,7 +6073,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
 }, Vr = { class: "flex flex-1 items-baseline gap-x-2" }, Or = {
   key: 0,
   class: "text-oc-text-300"
-}, Ir = { class: "w-full flex flex-wrap gap-2" }, Tr = { key: 1 }, Dr = ["value", "readonly", "placeholder", "disabled"], yf = {
+}, Ir = { class: "w-full flex flex-wrap gap-2" }, Tr = { key: 1 }, Dr = ["value", "readonly", "placeholder", "disabled"], wf = {
   __name: "OcInputOption",
   props: {
     label: String,
@@ -6333,9 +6332,9 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
                     "onUpdate:modelValue": O[0] || (O[0] = (I) => m.value = I),
                     icon: "search",
                     placeholder: "Search",
-                    onKeydown: O[1] || (O[1] = me(() => {
+                    onKeydown: O[1] || (O[1] = fe(() => {
                     }, ["stop"])),
-                    onClick: O[2] || (O[2] = me(() => {
+                    onClick: O[2] || (O[2] = fe(() => {
                     }, ["stop"]))
                   }, {
                     icon: S(() => [
@@ -6459,7 +6458,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
               class: v({ "text-sm": !e.isButtonVariantWithRadio })
             }, w(e.label), 3)) : u("", !0)
           ]),
-          e.labelIcon ? (t(), p(o(ae), ve(F({ key: 2 }, e.tooltipOptions)), {
+          e.labelIcon ? (t(), p(o(ae), me(F({ key: 2 }, e.tooltipOptions)), {
             popper: S(() => [
               $(r.$slots, "tooltipText", {}, () => [
                 e.tooltipText ? (t(), i("div", Fr, w(e.tooltipText), 1)) : u("", !0)
@@ -7025,7 +7024,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
                 width: "16",
                 height: "16",
                 name: "x",
-                onClick: D[3] || (D[3] = me((U) => s("cleared"), ["stop"]))
+                onClick: D[3] || (D[3] = fe((U) => s("cleared"), ["stop"]))
               })) : u("", !0),
               e.hideChevron ? u("", !0) : (t(), p(o(T), {
                 key: 4,
@@ -7116,7 +7115,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       $(l.$slots, "after")
     ], 512));
   }
-}, od = { class: "flex flex-col" }, sd = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, xf = {
+}, od = { class: "flex flex-col" }, sd = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, $f = {
   __name: "OcGroupOptions",
   props: {
     label: String
@@ -7469,10 +7468,10 @@ var At = { exports: {} };
           K && (ee = D[2]), f = this.$locale(), !H && ee && (f = O.Ls[ee]), this.$d = function($e, ke, ye, Se) {
             try {
               if (["x", "X"].indexOf(ke) > -1) return new Date((ke === "X" ? 1e3 : 1) * $e);
-              var re = C(ke)($e), Be = re.year, Ce = re.month, Q = re.day, Ve = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, fe = re.zone, je = re.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Be || Ce ? 1 : Ke.getDate()), Xe = Be || Ke.getFullYear(), Ne = 0;
+              var re = C(ke)($e), Be = re.year, Ce = re.month, Q = re.day, Ve = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, ve = re.zone, je = re.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Be || Ce ? 1 : Ke.getDate()), Xe = Be || Ke.getFullYear(), Ne = 0;
               Be && !Ce || (Ne = Ce > 0 ? Ce - 1 : Ke.getMonth());
               var ze, Je = Ve || 0, Ze = q || 0, Qe = J || 0, _e = Y || 0;
-              return fe ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e + 60 * fe.offset * 1e3)) : ye ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e)) : (ze = new Date(Xe, Ne, Ge, Je, Ze, Qe, _e), je && (ze = Se(ze).week(je).toDate()), ze);
+              return ve ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e + 60 * ve.offset * 1e3)) : ye ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e)) : (ze = new Date(Xe, Ne, Ge, Je, Ze, Qe, _e), je && (ze = Se(ze).week(je).toDate()), ze);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -7647,7 +7646,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
     G.extend(Vt), G.extend(It), G.extend(Dt), G.extend(it);
     const a = e, l = r, s = M(), d = M(), c = M(), m = M(), f = M(), y = M(), x = M(), b = M(!1), A = M(!1), j = M(!1), B = M(!1), C = z(() => a.type === "range"), h = z(() => {
       const J = s.value.endOf("month").date();
-      return Array.from({ length: J }, (Y, fe) => fe + 1);
+      return Array.from({ length: J }, (Y, ve) => ve + 1);
     }), V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), k = z(
       () => j.value ? y.value.format("YYYY") : s.value.format("YYYY")
     ), I = z(() => s.value.format("MMM")), L = z(() => {
@@ -7702,8 +7701,8 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
       l("update:isIndefinite", q);
     }, Be = (q, J = !0) => {
       if (!C.value) {
-        let fe = G(O.value, "MMMM YYYY").date(q);
-        m.value = q, d.value = fe, f.value = null, c.value = null, Se();
+        let ve = G(O.value, "MMMM YYYY").date(q);
+        m.value = q, d.value = ve, f.value = null, c.value = null, Se();
         return;
       }
       let Y = q && s.value.date(q);
@@ -7715,9 +7714,9 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
     }, Ce = Hd((q) => {
       A.value && Be(q, !1);
     }, 50), Q = () => {
-      var J, Y, fe;
+      var J, Y, ve;
       const q = C.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
-      s.value = G(q), y.value = G(q), d.value = q && s.value, m.value = q && d.value.date(), !(!C.value || !q) && (c.value = G((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((fe = c.value) == null ? void 0 : fe.month()) === s.value.month() ? c.value.date() : void 0);
+      s.value = G(q), y.value = G(q), d.value = q && s.value, m.value = q && d.value.date(), !(!C.value || !q) && (c.value = G((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((ve = c.value) == null ? void 0 : ve.month()) === s.value.month() ? c.value.date() : void 0);
     }, Ve = (q) => {
       const J = q + 11, Y = [];
       for (; q <= J; )
@@ -7763,15 +7762,15 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": s.value.year() === Y
                   }]),
-                  onClick: (fe) => ee(Y)
+                  onClick: (ve) => ee(Y)
                 }, w(Y), 11, Zd))), 128))
               ])) : (t(), i("div", Qd, [
-                (t(), i(N, null, R(V, (Y, fe) => n("div", {
+                (t(), i(N, null, R(V, (Y, ve) => 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": I.value === Y
                   }]),
-                  onClick: (je) => _(fe)
+                  onClick: (je) => _(ve)
                 }, w(Y), 11, _d)), 64))
               ]))
             ])
@@ -7779,7 +7778,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
           default: S(() => [
             n("span", {
               class: v([[b.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
-              onClick: me(pe, ["stop"])
+              onClick: fe(pe, ["stop"])
             }, w(O.value), 3)
           ]),
           _: 1
@@ -7804,7 +7803,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
         onMouseout: J[2] || (J[2] = (Y) => o(Ce)(void 0))
       }, [
         (t(!0), i(N, null, R(h.value, (Y) => {
-          var fe;
+          var ve;
           return t(), i("div", {
             key: Y,
             class: v(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
@@ -7814,7 +7813,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
                 ...ke(Y) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
                   "before:rounded-l-full before:left-0 before:!w-[calc(100%+0.25rem)]": L.value.from.isSame(s.value.date(Y)),
-                  "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (fe = L.value.to) == null ? void 0 : fe.isSame(s.value.date(Y))
+                  "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (ve = L.value.to) == null ? void 0 : ve.isSame(s.value.date(Y))
                 },
                 "before:bg-transparent": m.value !== null && m.value === f.value
               } : ""
@@ -7996,7 +7995,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
         }, () => {
           var k, I;
           return [
-            f.value ? (t(), p(o(dm), {
+            f.value ? (t(), p(o(fm), {
               key: 0,
               "model-value": {
                 start: (k = e.modelValue) == null ? void 0 : k[0],
@@ -8086,7 +8085,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                       width: "16",
                       height: "16",
                       name: "filled-x-circle",
-                      onClick: me(b, ["stop"])
+                      onClick: fe(b, ["stop"])
                     }, null, 8, ["class"])
                   ])
                 ], 2)
@@ -8557,7 +8556,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
 }, Rc = { class: "flex items-baseline gap-x-3 w-full" }, Fc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Uc = ["accept"], qc = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
-}, Hc = ["src"], Yc = ["src"], Wc = { class: "py-2 flex flex-col" }, Kc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Gc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Xc = { class: "uppercase text-[8px] font-bold leading-none block" }, Jc = { class: "flex" }, Zc = { class: "text-sm text-oc-primary" }, Qc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, hf = {
+}, Hc = ["src"], Yc = ["src"], Wc = { class: "py-2 flex flex-col" }, Kc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Gc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Xc = { class: "uppercase text-[8px] font-bold leading-none block" }, Jc = { class: "flex" }, Zc = { class: "text-sm text-oc-primary" }, Qc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, kf = {
   __name: "OcSingleFileUpload",
   props: {
     format: {
@@ -8840,7 +8839,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                   onDragenter: D[8] || (D[8] = (Q) => f.value = !0),
                   onDragleave: D[9] || (D[9] = (Q) => f.value = !1),
                   onDrop: V,
-                  onDragover: D[10] || (D[10] = me(() => {
+                  onDragover: D[10] || (D[10] = fe(() => {
                   }, ["prevent"]))
                 }, [
                   n("span", Fc, w(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
@@ -8960,7 +8959,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
           onChange: h
         }, null, 40, lu)
       ])) : u("", !0),
-      (t(), p(o(cm), {
+      (t(), p(o(vm), {
         key: e.uploadedImages.length,
         "model-value": e.uploadedImages,
         disabled: e.isDisabled,
@@ -9065,7 +9064,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
         onChangeImage: B,
         "onUpdate:inputOptions": C
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : u("", !0),
-      g(o(Yu), {
+      g(o(Xu), {
         modelValue: y.value,
         "onUpdate:modelValue": I[3] || (I[3] = (L) => y.value = L),
         description: "Do you want to delete this image ?",
@@ -9082,7 +9081,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
 }, ku = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, bf = {
+}, Sf = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -9486,7 +9485,16 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       [o(nt), f]
     ]);
   }
-}, se = /* @__PURE__ */ ge(Vu, [["__scopeId", "data-v-5f40d42b"]]), Ou = { class: "flex items-center gap-x-3 p-3" }, Iu = {
+}, se = /* @__PURE__ */ ge(Vu, [["__scopeId", "data-v-5f40d42b"]]), Ou = { class: "flex items-center justify-between gap-x-3 p-3" }, Iu = { class: "flex items-center gap-x-3" }, Tu = {
+  key: 0,
+  class: "bg-oc-warning-50 text-oc-warning shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
+}, Du = {
+  key: 1,
+  class: "bg-oc-accent-2-50 text-oc-accent-2 shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
+}, Au = {
+  key: 2,
+  class: "bg-oc-accent-2-50 text-oc-accent-2 shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
+}, Mu = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, be = {
@@ -9500,7 +9508,10 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     iconClasses: String,
     text: String,
     subText: String,
-    iconProps: Object
+    iconProps: Object,
+    isBeta: Boolean,
+    isNew: Boolean,
+    isTryIt: Boolean
   },
   setup(e) {
     const r = z(() => ({
@@ -9511,24 +9522,27 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       class: v(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", r.value[e.variant]])
     }, [
       n("div", Ou, [
-        e.icon ? (t(), p(o(T), F({
-          key: 0,
-          class: "w-5 h-5",
-          name: e.icon
-        }, e.iconProps, { class: e.iconClasses }), null, 16, ["name", "class"])) : u("", !0),
-        n("span", null, w(e.text), 1),
-        $(a.$slots, "badge")
+        n("div", Iu, [
+          e.icon ? (t(), p(o(T), F({
+            key: 0,
+            class: "w-5 h-5",
+            name: e.icon
+          }, e.iconProps, { class: e.iconClasses }), null, 16, ["name", "class"])) : u("", !0),
+          n("span", null, w(e.text), 1),
+          $(a.$slots, "badge")
+        ]),
+        e.isBeta ? (t(), i("div", Tu, " BETA ")) : e.isNew ? (t(), i("div", Du, " NEW ")) : e.isTryIt ? (t(), i("div", Au, " TRY IT ")) : u("", !0)
       ]),
-      e.subText ? (t(), i("div", Iu, [
+      e.subText ? (t(), i("div", Mu, [
         n("span", null, w(e.subText), 1)
       ])) : u("", !0)
     ], 2));
   }
-}, Tu = { class: "oc-tooltip-wrapper" }, Du = {
+}, ju = { class: "oc-tooltip-wrapper" }, Lu = {
   key: 0,
   class: "oc-arrow",
   "data-popper-arrow": ""
-}, Au = {
+}, Pu = {
   __name: "OcTooltip",
   props: {
     popperClass: {
@@ -9603,7 +9617,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     const f = () => {
       a.value && m();
     };
-    return (y, x) => Oe((t(), i("span", Tu, [
+    return (y, x) => Oe((t(), i("span", ju, [
       g(o(bt), {
         ref_key: "popper",
         ref: d,
@@ -9622,7 +9636,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                 class: v(["oc-tooltip", e.popperClass])
               }, [
                 $(y.$slots, "popper", {}, void 0, !0),
-                e.arrowHidden ? u("", !0) : (t(), i("div", Du))
+                e.arrowHidden ? u("", !0) : (t(), i("div", Lu))
               ], 2), [
                 [Ee, a.value]
               ])
@@ -9645,14 +9659,14 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       [o(nt), f]
     ]);
   }
-}, ae = /* @__PURE__ */ ge(Au, [["__scopeId", "data-v-a902efc5"]]), Mu = {
+}, ae = /* @__PURE__ */ ge(Pu, [["__scopeId", "data-v-a902efc5"]]), Eu = {
   key: 0,
   id: "modal-overlay-wrapper",
   class: "fixed w-screen z-[1008] top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, ju = { class: "flex flex-col gap-y-1 overflow-hidden" }, Lu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Pu = {
+}, Nu = { class: "flex flex-col gap-y-1 overflow-hidden" }, zu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Ru = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, Eu = ["id"], Nu = {
+}, Fu = ["id"], Uu = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -9749,7 +9763,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     ), Ft(() => {
       var x;
       (x = f.value) == null || x.removeEventListener("scroll", y);
-    }), (x, b) => e.modelValue ? (t(), i("div", Mu, [
+    }), (x, b) => e.modelValue ? (t(), i("div", Eu, [
       n("div", {
         class: "w-full h-full absolute top-0 left-0 z-[1008]",
         onClick: d
@@ -9762,10 +9776,10 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
           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"])
         }, [
           $(x.$slots, "header", {}, () => [
-            n("div", ju, [
-              n("span", Lu, w(e.title), 1),
+            n("div", Nu, [
+              n("span", zu, w(e.title), 1),
               $(x.$slots, "description", {}, () => [
-                e.description ? (t(), i("span", Pu, w(e.description), 1)) : u("", !0)
+                e.description ? (t(), i("span", Ru, w(e.description), 1)) : u("", !0)
               ])
             ]),
             e.isCloseIcon ? (t(), i("div", {
@@ -9789,7 +9803,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
           onScroll: b[1] || (b[1] = (A) => l("content-scroll", A))
         }, [
           $(x.$slots, "default")
-        ], 42, Eu),
+        ], 42, Fu),
         e.isFooterVisible ? (t(), i("div", {
           key: 1,
           class: v(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -9816,10 +9830,10 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       ], 2)
     ])) : u("", !0);
   }
-}, zu = {
+}, qu = {
   key: 0,
   class: "fixed w-screen z-[1008] bg-white top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, Ru = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Fu = { class: "modal-body p-9" }, wf = {
+}, Hu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Yu = { class: "modal-body p-9" }, Cf = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -9850,8 +9864,8 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
   emits: ["update:modelValue", "back", "click:outside"],
   setup(e, { emit: r }) {
     const a = r;
-    return (l, s) => e.modelValue ? (t(), i("div", zu, [
-      n("div", Ru, [
+    return (l, s) => e.modelValue ? (t(), i("div", qu, [
+      n("div", Hu, [
         $(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])
@@ -9879,14 +9893,14 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
             }),
             s[2] || (s[2] = n("span", null, "Close", -1))
           ]),
-          n("div", Fu, [
+          n("div", Yu, [
             $(l.$slots, "default")
           ])
         ], 2)
       ])
     ])) : u("", !0);
   }
-}, Uu = { class: "text-center" }, qu = ["innerHTML"], Hu = {
+}, Wu = { class: "text-center" }, Ku = ["innerHTML"], Gu = {
   __name: "OcConfirmation",
   props: {
     description: String,
@@ -9925,14 +9939,14 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
           name: e.icon ?? r[e.variant]
         }, null, 8, ["name"])
       ], 2)),
-      n("div", Uu, [
+      n("div", Wu, [
         $(l.$slots, "description", {}, () => [
-          n("span", { innerHTML: e.description }, null, 8, qu)
+          n("span", { innerHTML: e.description }, null, 8, Ku)
         ])
       ])
     ], 2));
   }
-}, Yu = {
+}, Xu = {
   __name: "OcConfirmationModal",
   props: {
     modelValue: {
@@ -10005,7 +10019,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     })), c = (m) => {
       l("update:model-value", m), l("cancel");
     };
-    return (m, f) => (t(), p(o(Nu), {
+    return (m, f) => (t(), p(o(Uu), {
       size: "small",
       "model-value": e.modelValue,
       title: e.title,
@@ -10028,7 +10042,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       onCancel: f[1] || (f[1] = (y) => m.$emit("cancel"))
     }, {
       default: S(() => [
-        g(Hu, {
+        g(Gu, {
           "icon-class": e.iconClass,
           variant: e.variant,
           description: e.description,
@@ -10048,10 +10062,10 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       _: 3
     }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
   }
-}, Wu = { class: "fixed bottom-[30px] right-[32px]" }, Ku = { class: "relative" }, Gu = {
+}, Ju = { class: "fixed bottom-[30px] right-[32px]" }, Zu = { class: "relative" }, Qu = {
   key: 0,
   class: "flex items-center justify-end"
-}, Xu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Ju = { class: "min-w-[180px]" }, Zu = { class: "p-3" }, Qu = { class: "uppercase text-oc-text-400 text-xs font-medium" }, $f = /* @__PURE__ */ Z({
+}, _u = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, em = { class: "min-w-[180px]" }, tm = { class: "p-3" }, lm = { class: "uppercase text-oc-text-400 text-xs font-medium" }, Bf = /* @__PURE__ */ Z({
   __name: "OcSupportMenu",
   props: {
     modelValue: {
@@ -10089,7 +10103,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     const r = {
       arrowHidden: !0
     };
-    return (a, l) => (t(), i("div", Wu, [
+    return (a, l) => (t(), i("div", Ju, [
       g(o(se), {
         "model-value": e.modelValue,
         "popper-options": r,
@@ -10098,10 +10112,10 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
         "onUpdate:modelValue": l[0] || (l[0] = (s) => a.$emit("update:modelValue", s))
       }, {
         menu: S(() => [
-          n("div", Ju, [
+          n("div", em, [
             (t(!0), i(N, null, R(e.topMenu, (s, d) => (t(), i(N, { key: d }, [
-              n("div", Zu, [
-                n("span", Qu, w(s.title), 1)
+              n("div", tm, [
+                n("span", lm, w(s.title), 1)
               ]),
               (t(!0), i(N, null, R(s.items, (c, m) => (t(), p(o(be), F({
                 key: m,
@@ -10142,11 +10156,11 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
           ])
         ]),
         default: S(() => [
-          n("div", Ku, [
-            e.isPointed ? (t(), i("div", Gu, l[1] || (l[1] = [
+          n("div", Zu, [
+            e.isPointed ? (t(), i("div", Qu, l[1] || (l[1] = [
               n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ]))) : u("", !0),
-            n("div", Xu, [
+            n("div", _u, [
               g(o(T), {
                 name: "question",
                 width: "33",
@@ -10159,7 +10173,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       }, 8, ["model-value"])
     ]));
   }
-}), _u = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Me = /* @__PURE__ */ Z({
+}), am = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Me = /* @__PURE__ */ Z({
   __name: "OcCopyTooltip",
   props: {
     value: [String, Blob],
@@ -10189,7 +10203,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       distance: 20
     }, e.tooltipOptions), {
       popper: S(() => [
-        n("div", _u, w(e.tooltipText), 1)
+        n("div", am, w(e.tooltipText), 1)
       ]),
       default: S(({ isShow: s }) => [
         n("div", {
@@ -10208,7 +10222,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       _: 3
     }, 16));
   }
-}), em = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, tm = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, lm = { class: "flex flex-col gap-y-7 p-5" }, am = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, nm = ["src"], im = { class: "flex text-center flex-col gap-y-3" }, om = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, sm = { class: "text-oc-text-400" }, rm = { class: "py-6 px-5 flex items-center justify-center" }, kf = /* @__PURE__ */ Z({
+}), nm = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, im = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, om = { class: "flex flex-col gap-y-7 p-5" }, sm = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, rm = ["src"], dm = { class: "flex text-center flex-col gap-y-3" }, cm = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, um = { class: "text-oc-text-400" }, mm = { class: "py-6 px-5 flex items-center justify-center" }, Vf = /* @__PURE__ */ Z({
   __name: "OcWhiteList",
   props: {
     buttonProps: {
@@ -10224,28 +10238,28 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     description: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", em, [
+    return (r, a) => (t(), i("div", nm, [
       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", tm, [
-        n("div", lm, [
+      n("div", im, [
+        n("div", om, [
           $(r.$slots, "logo", {}, () => [
-            n("div", am, [
+            n("div", sm, [
               n("img", {
                 src: e.imagePath,
                 alt: "logo"
-              }, null, 8, nm)
+              }, null, 8, rm)
             ])
           ]),
-          n("div", im, [
-            n("div", om, [
+          n("div", dm, [
+            n("div", cm, [
               W(w(e.title) + " ", 1),
-              e.tagOptions ? (t(), p(o(Ht), ve(F({ key: 0 }, e.tagOptions)), null, 16)) : u("", !0)
+              e.tagOptions ? (t(), p(o(Ht), me(F({ key: 0 }, e.tagOptions)), null, 16)) : u("", !0)
             ]),
-            n("span", sm, w(e.description), 1)
+            n("span", um, w(e.description), 1)
           ]),
           $(r.$slots, "bottom")
         ]),
-        n("div", rm, [
+        n("div", mm, [
           $(r.$slots, "footer", {}, () => [
             g(o(X), F({
               label: "Request Access",
@@ -10256,7 +10270,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       ])
     ]));
   }
-}), Sf = {
+}), Of = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -10308,7 +10322,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       TextArea: vd,
       Toggle: wt,
       RadioGroup: qr,
-      TimePicker: um,
+      TimePicker: gm,
       DatePicker: uc,
       Checkbox: Te,
       Slider: Lt,
@@ -10430,31 +10444,31 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Cf = de(() => import("./OcDataTable-DkwOlJog.js")), Bf = de(() => import("./OcFilterSearch-B1oE5yLk.js")), Vf = de(() => import("./OcFilterSearchFor-D2pgf1-7.js")), Of = de(() => import("./OcFilterForm-9OSBd14S.js")), dm = de(
-  () => import("./OcComplexCalendar-DygoJLfz.js")
-), If = de(
-  () => import("./OcComplexDatePicker-1KPC9AcZ.js")
-), ot = de(() => import("./OcModalCropper-B1Y687SK.js")), Tf = de(() => import("./OcCropper-CVc1irlY.js")), cm = de(() => import("./OcDraggable-CZT2mJvO.js")), Df = de(() => import("./OcDraggableList-D3Y_D3w8.js")), Af = de(() => import("./OcEmojiPicker-CoXZBkYP.js")), Mf = de(
-  () => import("./ThumbnailTheme-gYFB_Xr1.js")
-), jf = de(
-  () => import("./ThumbnailSection-Bns2nEvK.js")
-), Lf = de(() => import("./SubPlanCard-krfmf8GP.js")), Pf = de(() => import("./OcTimePopup-CXGhaOev.js")), um = de(() => import("./OcTimePicker-Dji5HzDa.js")), Ef = de(
-  () => import("./OcAccountSetupProgress-ijqbaWtx.js")
+}, If = de(() => import("./OcDataTable-DGRkz8F7.js")), Tf = de(() => import("./OcFilterSearch-CmSORBd3.js")), Df = de(() => import("./OcFilterSearchFor-Bv818v13.js")), Af = de(() => import("./OcFilterForm-BBntqNV7.js")), fm = de(
+  () => import("./OcComplexCalendar-B7x_p6j_.js")
+), Mf = de(
+  () => import("./OcComplexDatePicker-CCh0p_CO.js")
+), ot = de(() => import("./OcModalCropper-BOHeaWni.js")), jf = de(() => import("./OcCropper-w7zbrYda.js")), vm = de(() => import("./OcDraggable-CZT2mJvO.js")), Lf = de(() => import("./OcDraggableList-Bfk-N33H.js")), Pf = de(() => import("./OcEmojiPicker-SP32ygHp.js")), Ef = de(
+  () => import("./ThumbnailTheme-BpB6RM2q.js")
+), Nf = de(
+  () => import("./ThumbnailSection-CmYKH5LA.js")
+), zf = de(() => import("./SubPlanCard-CBfd7vh5.js")), Rf = de(() => import("./OcTimePopup-CXGhaOev.js")), gm = de(() => import("./OcTimePicker-D4HqSXba.js")), Ff = de(
+  () => import("./OcAccountSetupProgress-DfbjGsJc.js")
 );
 export {
-  Hm as $,
+  Gm as $,
   yn as A,
   X as B,
   Te as C,
-  Rm as D,
+  Hm as D,
   wl as E,
   kt as F,
   Ue as G,
-  Lm as H,
+  zm as H,
   ct as I,
   ut as J,
-  Mm as K,
-  jm as L,
+  Em as K,
+  Nm as L,
   rt as M,
   Bu as N,
   Re as O,
@@ -10463,96 +10477,96 @@ export {
   Pe as R,
   Lt as S,
   fl as T,
-  Pm as U,
-  Fm as V,
-  Um as W,
-  Ym as X,
+  Rm as U,
+  Ym as V,
+  Wm as W,
+  Xm as X,
   Jn as Y,
-  qm as Z,
+  Km as Z,
   he as _,
   gr as a,
-  Wm as a0,
+  Jm as a0,
   ei as a1,
-  sf as a2,
+  uf as a2,
   Xo as a3,
-  uf as a4,
-  cf as a5,
-  of as a6,
-  rf as a7,
-  Km as a8,
-  Gm as a9,
-  Nu as aA,
-  wf as aB,
-  $f as aC,
+  gf as a4,
+  vf as a5,
+  cf as a6,
+  mf as a7,
+  Zm as a8,
+  Qm as a9,
+  Uu as aA,
+  Cf as aB,
+  Bf as aC,
   ae as aD,
-  kf as aE,
+  Vf as aE,
   it as aF,
-  dm as aG,
-  cm as aH,
-  Pf as aI,
-  Bf as aJ,
-  Of as aK,
-  Vf as aL,
-  Cf as aM,
-  If as aN,
+  fm as aG,
+  vm as aH,
+  Rf as aI,
+  Tf as aJ,
+  Af as aK,
+  Df as aL,
+  If as aM,
+  Mf as aN,
   ot as aO,
-  Tf as aP,
-  Df as aQ,
-  Af as aR,
-  Mf as aS,
-  jf as aT,
-  Lf as aU,
-  um as aV,
-  Ef as aW,
-  Xm as aa,
-  Jm as ab,
-  Zm as ac,
-  Qm as ad,
-  _m as ae,
+  jf as aP,
+  Lf as aQ,
+  Pf as aR,
+  Ef as aS,
+  Nf as aT,
+  zf as aU,
+  gm as aV,
+  Ff as aW,
+  _m as aa,
+  ef as ab,
+  tf as ac,
+  lf as ad,
+  af as ae,
   Yi as af,
   zi as ag,
-  df as ah,
-  ef as ai,
-  tf as aj,
-  lf as ak,
+  ff as ah,
+  nf as ai,
+  of as aj,
+  sf as ak,
   go as al,
   ko as am,
   Oo as an,
   Ao as ao,
-  af as ap,
-  nf as aq,
-  mf as ar,
-  vf as as,
+  rf as ap,
+  df as aq,
+  pf as ar,
+  xf as as,
   ne as at,
-  gf as au,
-  ff as av,
-  Yu as aw,
+  hf as au,
+  yf as av,
+  Xu as aw,
   Me as ax,
   se as ay,
   be as az,
   xr as b,
-  pf as c,
+  bf as c,
   xe as d,
-  yf as e,
+  wf as e,
   Nr as f,
   Ur as g,
   qr as h,
   Kr as i,
   ld as j,
   gt as k,
-  xf as l,
+  $f as l,
   ud as m,
   vd as n,
   ac as o,
   uc as p,
   Bc as q,
   Dc as r,
-  hf as s,
-  bf as t,
-  Sf as u,
+  kf as s,
+  Sf as t,
+  Of as u,
   St as v,
-  zm as w,
-  Nm as x,
+  qm as w,
+  Um as x,
   De as y,
-  Em as z
+  Fm as z
 };