@orchidui/core 1.8.1-46 → 1.8.1-47

package/dist/{index-C4a958kM.js → index-pI3U7VBF.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: {
@@ -705,7 +705,7 @@ const Kt = {
       a[1] || (a[1] = n("div", { class: "w-9" }, null, -1))
     ]));
   }
-}), vl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, 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 +785,7 @@ const Kt = {
       ])
     ]));
   }
-}), gl = { class: "w-full items-center flex relative" }, pl = { class: "flex items-center gap-x-6" }, yl = { class: "hidden md:flex items-center gap-x-3" }, xl = { class: "md:hidden mx-[30px]" }, 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 +1290,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: {
@@ -1968,7 +1968,7 @@ const Kt = {
       ])
     ], 2));
   }
-}), Em = {
+}), Fm = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2134,7 +2134,7 @@ const Kt = {
 }, xn = { class: "uppercase" }, hn = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, bn = { class: "mb-auto" }, wn = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, Nm = {
+}, Um = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2202,7 +2202,7 @@ const Kt = {
 }, On = { class: "flex items-center gap-3" }, In = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, Tn = { class: "p-2 border-b border-gray-200" }, Dn = {
   key: 0,
   class: "p-2"
-}, zm = {
+}, qm = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2329,7 +2329,7 @@ const Kt = {
 }, Pn = {
   key: 2,
   class: "w-[24px] h-[24px] min-w-[24px] text-oc-text-300 text-sm font-medium flex items-center justify-center border rounded-full border-oc-gray-200"
-}, En = { class: "flex flex-col gap-y-1" }, Nn = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, 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 +2385,7 @@ const Kt = {
       ])
     ]));
   }
-}), Fm = {
+}), Ym = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2509,7 +2509,7 @@ const Kt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), Fn = { class: "flex items-center flex-1 gap-x-4" }, Un = { class: "flex flex-col gap-y-1" }, qn = { class: "font-medium" }, Hn = { class: "text-oc-text-400 text-sm" }, 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 +2570,7 @@ const Kt = {
 }), Yn = ["onClick"], Wn = {
   key: 0,
   class: "bg-oc-error rounded-full h-6 w-6 flex items-center justify-center text-xs font-bold text-white px-4"
-}, ft = 100, vt = 35, qm = {
+}, ft = 100, vt = 35, Km = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -2696,7 +2696,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 +2766,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 +2794,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 +2882,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 +2922,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 +2963,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,
@@ -3184,7 +3184,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 +3519,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 +3629,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: {
@@ -3904,7 +3904,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 = {
@@ -4117,7 +4117,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 +4164,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 +4208,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: {
@@ -4845,7 +4845,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: "" },
@@ -5035,7 +5035,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 +5056,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 +5083,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 +5109,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: {
@@ -5157,7 +5157,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 +5422,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,
@@ -5828,7 +5828,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,
@@ -6074,7 +6074,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,
@@ -7116,7 +7116,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
@@ -7996,7 +7996,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],
@@ -8557,7 +8557,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: {
@@ -8960,7 +8960,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 +9065,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 +9082,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 +9486,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 +9509,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 +9523,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 +9618,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 +9637,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 +9660,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 +9764,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 +9777,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 +9804,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 +9831,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 +9865,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 +9894,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 +9940,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 +10020,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 +10043,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 +10063,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 +10104,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 +10113,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 +10157,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 +10174,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 +10204,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 +10223,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 +10239,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)
             ]),
-            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 +10271,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       ])
     ]));
   }
-}), Sf = {
+}), Of = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -10308,7 +10323,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 +10445,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-C-AutmEF.js")), Tf = de(() => import("./OcFilterSearch-DyMmjmL3.js")), Df = de(() => import("./OcFilterSearchFor-I8zAwxn_.js")), Af = de(() => import("./OcFilterForm-CWCSnetu.js")), fm = de(
+  () => import("./OcComplexCalendar-o6XJoC56.js")
+), Mf = de(
+  () => import("./OcComplexDatePicker-CcDDu7i0.js")
+), ot = de(() => import("./OcModalCropper-CaPdh0KA.js")), jf = de(() => import("./OcCropper-B0hWZl-8.js")), vm = de(() => import("./OcDraggable-CZT2mJvO.js")), Lf = de(() => import("./OcDraggableList-Cili-X4l.js")), Pf = de(() => import("./OcEmojiPicker-BzJAX5pb.js")), Ef = de(
+  () => import("./ThumbnailTheme-BaNt5uGw.js")
+), Nf = de(
+  () => import("./ThumbnailSection-CVKkHhuu.js")
+), zf = de(() => import("./SubPlanCard-BrohdwtI.js")), Rf = de(() => import("./OcTimePopup-CXGhaOev.js")), gm = de(() => import("./OcTimePicker-FZgx6Ukf.js")), Ff = de(
+  () => import("./OcAccountSetupProgress-BRDV4pvv.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 +10478,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
 };