@orchidui/core 1.6.1-11 → 1.6.1-13

package/dist/{index-BEH4OtRf.js → index-DcGSBggC.js}

@@ -22,7 +22,7 @@ import "./OcTheme-CWgrJh5Q.js";
 const Kt = {
   key: 0,
   class: "flex relative group/row md:p-0 py-3 w-full"
-}, gm = {
+}, vm = {
   __name: "OcTable",
   props: {
     options: {
@@ -706,7 +706,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" }, pm = /* @__PURE__ */ J({
+}), vl = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-hidden" }, gm = /* @__PURE__ */ J({
   __name: "OcExpadingTable",
   props: {
     total: {
@@ -786,7 +786,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]" }, ym = {
+}), 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]" }, pm = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -1287,7 +1287,7 @@ const Kt = {
       ], 2);
     };
   }
-}, Ct = /* @__PURE__ */ he(Hl, [["__scopeId", "data-v-e499a3c4"]]), Yl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Wl = { key: 0 }, xm = {
+}, Ct = /* @__PURE__ */ he(Hl, [["__scopeId", "data-v-e499a3c4"]]), Yl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Wl = { key: 0 }, ym = {
   __name: "OcTransferSummary",
   props: {
     transfer: {
@@ -1965,7 +1965,7 @@ const Kt = {
       ])
     ], 2));
   }
-}), hm = {
+}), xm = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2131,7 +2131,7 @@ const Kt = {
 }, yn = { class: "uppercase" }, xn = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, hn = { class: "mb-auto" }, bn = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, bm = {
+}, hm = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2199,7 +2199,7 @@ const Kt = {
 }, On = { class: "flex items-center gap-3" }, Vn = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, In = { class: "p-2 border-b border-gray-200" }, Tn = {
   key: 0,
   class: "p-2"
-}, wm = {
+}, bm = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2326,7 +2326,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"
-}, Ln = { class: "flex flex-col gap-y-1" }, En = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, $m = /* @__PURE__ */ J({
+}, Ln = { class: "flex flex-col gap-y-1" }, En = { class: "font-medium" }, zn = { class: "text-oc-text-300 text-sm" }, wm = /* @__PURE__ */ J({
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2382,7 +2382,7 @@ const Kt = {
       ])
     ]));
   }
-}), km = {
+}), $m = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2506,7 +2506,7 @@ const Kt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), Rn = { class: "flex items-center flex-1 gap-x-4" }, Fn = { class: "flex flex-col gap-y-1" }, Un = { class: "font-medium" }, qn = { class: "text-oc-text-400 text-sm" }, Sm = /* @__PURE__ */ J({
+}), Rn = { class: "flex items-center flex-1 gap-x-4" }, Fn = { class: "flex flex-col gap-y-1" }, Un = { class: "font-medium" }, qn = { class: "text-oc-text-400 text-sm" }, km = /* @__PURE__ */ J({
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -2567,7 +2567,7 @@ const Kt = {
 }), Hn = ["onClick"], Yn = {
   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, Cm = {
+}, ft = 100, vt = 35, Sm = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -2693,7 +2693,7 @@ const Kt = {
       ], 2)) : m("", !0)
     ], 2));
   }
-}, Wn = ["src"], Kn = { class: "shrink-0" }, Bm = {
+}, Wn = ["src"], Kn = { class: "shrink-0" }, Cm = {
   __name: "OcPaymentTab",
   props: {
     tab: {
@@ -2763,7 +2763,7 @@ const Kt = {
       }, $(e.title), 3)
     ], 2));
   }
-}), Zn = { class: "flex gap-x-7" }, Om = /* @__PURE__ */ J({
+}), Zn = { class: "flex gap-x-7" }, Bm = /* @__PURE__ */ J({
   __name: "OcSteps",
   props: {
     steps: {
@@ -2791,7 +2791,7 @@ const Kt = {
       ])
     ]));
   }
-}), Jn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Vm = /* @__PURE__ */ J({
+}), Jn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Om = /* @__PURE__ */ J({
   __name: "OcVariants",
   props: {
     variants: {
@@ -2879,22 +2879,22 @@ function lo(e, s) {
     k(e.$slots, "default")
   ]);
 }
-const Im = /* @__PURE__ */ he(eo, [["render", lo]]), ao = {}, no = { 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 Vm = /* @__PURE__ */ he(eo, [["render", lo]]), ao = {}, no = { 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 oo(e, s) {
   return t(), i("div", no, [
     k(e.$slots, "default")
   ]);
 }
-const Tm = /* @__PURE__ */ he(ao, [["render", oo]]), io = {}, so = { class: "flex items-center gap-x-3" };
+const Im = /* @__PURE__ */ he(ao, [["render", oo]]), io = {}, so = { class: "flex items-center gap-x-3" };
 function ro(e, s) {
   return t(), i("div", so, [
     k(e.$slots, "default")
   ]);
 }
-const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-center" }, uo = {
+const Tm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-center" }, uo = {
   key: 1,
   class: "text-oc-text-300 text-sm md:text-base"
-}, Am = {
+}, Dm = {
   __name: "OcHeaderCenter",
   props: {
     isSaved: Boolean
@@ -2919,7 +2919,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ])
     ]));
   }
-}, mo = { class: "flex items-center gap-x-7 ml-auto" }, fo = { class: "flex gap-x-3" }, Mm = {
+}, mo = { class: "flex items-center gap-x-7 ml-auto" }, fo = { class: "flex gap-x-3" }, Am = {
   __name: "OcHeaderRight",
   props: {
     primaryProps: {
@@ -2960,7 +2960,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ])
     ]));
   }
-}, vo = { class: "gap-x-7 hidden md:flex relative" }, go = ["onClick"], po = { class: "p-3 font-medium text-oc-accent-1-500 flex items-center gap-2" }, yo = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, jm = {
+}, vo = { class: "gap-x-7 hidden md:flex relative" }, go = ["onClick"], po = { class: "p-3 font-medium text-oc-accent-1-500 flex items-center gap-2" }, yo = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, Mm = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3153,7 +3153,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       e.chipProps ? (t(), y(r(ae), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : m("", !0)
     ]));
   }
-}), Io = { class: "md:pb-5 pb-4 flex flex-col" }, To = { class: "flex flex-col gap-y-3 pt-4 md:pt-5 px-5 md:px-10" }, Pm = {
+}), Io = { class: "md:pb-5 pb-4 flex flex-col" }, To = { class: "flex flex-col gap-y-3 pt-4 md:pt-5 px-5 md:px-10" }, jm = {
   __name: "OcPageTitle",
   props: {
     title: { type: String, required: !0 },
@@ -3475,7 +3475,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
 }, Ho = /* @__PURE__ */ he(qo, [["__scopeId", "data-v-a7abfe33"]]), Yo = { class: "flex flex-col flex-1 py-4 gap-4 px-6" }, Wo = {
   key: 0,
   class: "border-t border-oc-gray-200 last:hidden first:hidden"
-}, Lm = {
+}, Pm = {
   __name: "OcSidebar",
   props: {
     class: {
@@ -3575,7 +3575,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       }, 8, ["is-expanded", "display-name"])
     ], 2));
   }
-}, Em = {
+}, Lm = {
   __name: "OcSidebarSubmenu",
   props: {
     isExpanded: {
@@ -3850,7 +3850,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ]))
     ], 2));
   }
-}, zm = /* @__PURE__ */ he(ci, [["__scopeId", "data-v-fb4f007e"]]), ui = { class: "pb-2" }, mi = {
+}, Em = /* @__PURE__ */ he(ci, [["__scopeId", "data-v-fb4f007e"]]), ui = { class: "pb-2" }, mi = {
   key: 0,
   class: "pl-3 uppercase text-oc-accent-1-200 relative text-medium text-sm"
 }, fi = {
@@ -4025,7 +4025,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ])
     ]));
   }
-}, Oi = { class: "relative" }, Vi = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Ii = { class: "py-2 px-3 gap-x-3 flex items-center" }, Ti = { class: "text-oc-accent-2 flex-1 font-medium" }, Di = { class: "flex items-center gap-x-2" }, Ai = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, Nm = {
+}, Oi = { class: "relative" }, Vi = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Ii = { class: "py-2 px-3 gap-x-3 flex items-center" }, Ti = { class: "text-oc-accent-2 flex-1 font-medium" }, Di = { class: "flex items-center gap-x-2" }, Ai = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, zm = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -4072,7 +4072,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ])
     ]));
   }
-}, Mi = { class: "py-7 flex flex-col gap-y-3 px-4" }, ji = { class: "flex flex-col gap-y-2" }, Pi = ["onClick"], Rm = /* @__PURE__ */ J({
+}, Mi = { class: "py-7 flex flex-col gap-y-3 px-4" }, ji = { class: "flex flex-col gap-y-2" }, Pi = ["onClick"], Nm = /* @__PURE__ */ J({
   __name: "OcSubSidebar",
   props: {
     title: {
@@ -4116,7 +4116,7 @@ const Dm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ])
     ]));
   }
-}), Li = { class: "relative" }, Fm = {
+}), Li = { class: "relative" }, Rm = {
   __name: "OcEmptyPage",
   props: {
     isButton: {
@@ -4741,7 +4741,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       ]), 1032, ["boxes", "is-customer", "customer-card-variant", "customer"])
     ], 64));
   }
-}, vs = { class: "md:pt-5 pt-0 md:px-10 px-5" }, gs = { class: "flex items-center gap-x-3" }, ps = { class: "font-medium" }, ys = { class: "flex items-center gap-x-2 max-w-full" }, xs = ["href"], hs = { class: "truncate" }, bs = { class: "text-oc-text whitespace-nowrap" }, Um = {
+}, vs = { class: "md:pt-5 pt-0 md:px-10 px-5" }, gs = { class: "flex items-center gap-x-3" }, ps = { class: "font-medium" }, ys = { class: "flex items-center gap-x-2 max-w-full" }, xs = ["href"], hs = { class: "truncate" }, bs = { class: "text-oc-text whitespace-nowrap" }, Fm = {
   __name: "OcAdditionalContent",
   props: {
     mainLink: { type: String, default: "" },
@@ -4919,7 +4919,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       ]);
     };
   }
-}, qm = /* @__PURE__ */ he(Os, [["__scopeId", "data-v-d658d1d3"]]), Vs = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Is = { class: "text-sm" }, Hm = /* @__PURE__ */ J({
+}, Um = /* @__PURE__ */ he(Os, [["__scopeId", "data-v-d658d1d3"]]), Vs = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Is = { class: "text-sm" }, qm = /* @__PURE__ */ J({
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -4940,7 +4940,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       }, e.chipProps), null, 16)) : m("", !0)
     ]));
   }
-}), Ts = { class: "flex flex-col text-center gap-y-3" }, Ds = { class: "text-lg font-medium" }, As = { class: "text-sm text-oc-text-400" }, Ym = /* @__PURE__ */ J({
+}), Ts = { class: "flex flex-col text-center gap-y-3" }, Ds = { class: "text-lg font-medium" }, As = { class: "text-sm text-oc-text-400" }, Hm = /* @__PURE__ */ J({
   __name: "OcBox",
   props: {
     icon: String,
@@ -4967,7 +4967,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       ])
     ], 2));
   }
-}), Wm = /* @__PURE__ */ J({
+}), Ym = /* @__PURE__ */ J({
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -4993,7 +4993,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       e.chipProps ? (t(), y(r(ae), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : m("", !0)
     ], 2));
   }
-}), Ms = { class: "flex items-center" }, js = { class: "flex flex-1 items-center gap-x-3" }, Ps = { class: "font-medium text-lg" }, Km = /* @__PURE__ */ J({
+}), Ms = { class: "flex items-center" }, js = { class: "flex flex-1 items-center gap-x-3" }, Ps = { class: "font-medium text-lg" }, Wm = /* @__PURE__ */ J({
   __name: "OcVerificationOption",
   props: {
     title: {
@@ -5041,7 +5041,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
 }, Es = { class: "flex flex-col gap-y-3" }, zs = { class: "font-medium text-oc-text" }, Ns = { class: "text-oc-text-400" }, Rs = { class: "flex gap-x-3" }, Fs = {
   key: 0,
   class: "text-oc-text"
-}, Us = ["innerHTML"], Gm = {
+}, Us = ["innerHTML"], Km = {
   __name: "OcSnackbar",
   props: {
     modelValue: {
@@ -5306,10 +5306,10 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       _: 3
     }, 8, ["name"]));
   }
-}, Xm = /* @__PURE__ */ he(Ws, [["__scopeId", "data-v-d8517c87"]]), Ks = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Gs = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Xs = {
+}, Gm = /* @__PURE__ */ he(Ws, [["__scopeId", "data-v-d8517c87"]]), Ks = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, Gs = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Xs = {
   key: 1,
   class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
-}, Zs = { class: "text-sm" }, Zm = {
+}, Zs = { class: "text-sm" }, Xm = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -5712,7 +5712,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, cr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, Jm = {
+}, cr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, Zm = {
   __name: "OcCriteria",
   props: {
     modelValue: Boolean,
@@ -5738,16 +5738,13 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       }, $(e.label), 3)) : m("", !0)
     ]));
   }
-}, ur = {
-  key: 0,
-  class: "border-r border-gray-200 pr-3 py-3"
-}, mr = { class: "flex flex-1 items-baseline gap-x-2" }, fr = {
+}, ur = { class: "flex flex-1 items-baseline gap-x-2" }, mr = {
   key: 0,
   class: "text-oc-text-300"
-}, vr = { class: "flex items-center gap-x-1 w-full" }, gr = {
+}, fr = { class: "flex items-center gap-x-1 w-full" }, vr = {
   key: 0,
   class: "text-oc-text-300"
-}, pr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], xe = {
+}, gr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], xe = {
   __name: "OcInput",
   props: {
     disabled: {
@@ -5842,6 +5839,10 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
     inputClass: {
       type: String,
       default: ""
+    },
+    trailingClass: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:modelValue", "blur", "focus", "paste"],
@@ -5879,9 +5880,12 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
             return (j = p.$refs.inputRef) == null ? void 0 : j.focus();
           })
         }, [
-          p.$slots.trailing ? (t(), i("div", ur, [
+          p.$slots.trailing ? (t(), i("div", {
+            key: 0,
+            class: v(["border-r border-gray-200 pr-3 py-3", e.trailingClass])
+          }, [
             k(p.$slots, "trailing")
-          ])) : m("", !0),
+          ], 2)) : m("", !0),
           k(p.$slots, "icon", {}, () => [
             e.icon ? (t(), y(r(V), F({
               key: 0,
@@ -5889,10 +5893,10 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
               name: e.icon
             }, e.iconProps), null, 16, ["name"])) : m("", !0)
           ]),
-          n("div", mr, [
-            e.isInlineLabel && e.label ? (t(), i("label", fr, $(e.label) + ": ", 1)) : m("", !0),
-            n("div", vr, [
-              e.preFill ? (t(), i("span", gr, $(e.preFill), 1)) : m("", !0),
+          n("div", ur, [
+            e.isInlineLabel && e.label ? (t(), i("label", mr, $(e.label) + ": ", 1)) : m("", !0),
+            n("div", fr, [
+              e.preFill ? (t(), i("span", vr, $(e.preFill), 1)) : m("", !0),
               n("input", F({
                 ref_key: "inputRef",
                 ref: o,
@@ -5913,7 +5917,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                 }),
                 onInput: b[2] || (b[2] = (T) => p.$emit("update:modelValue", T.target.value)),
                 onPaste: b[3] || (b[3] = (T) => p.$emit("paste"))
-              }), null, 16, pr)
+              }), null, 16, gr)
             ])
           ]),
           p.$slots.leading || h.value ? (t(), i("div", {
@@ -5949,10 +5953,10 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       } : void 0
     ]), 1032, ["label", "label-class", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, yr = { class: "flex flex-1 items-baseline gap-x-2" }, xr = {
+}, pr = { class: "flex flex-1 items-baseline gap-x-2" }, yr = {
   key: 0,
   class: "text-oc-text-300"
-}, hr = { class: "w-full flex flex-wrap gap-2" }, br = { key: 1 }, wr = ["value", "readonly", "placeholder", "disabled"], Qm = {
+}, xr = { class: "w-full flex flex-wrap gap-2" }, hr = { key: 1 }, br = ["value", "readonly", "placeholder", "disabled"], Jm = {
   __name: "OcInputOption",
   props: {
     label: String,
@@ -6029,8 +6033,8 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       default: S(() => {
         var A, w;
         return [
-          n("div", yr, [
-            e.isInlineLabel && e.label ? (t(), i("label", xr, $(e.label) + ": ", 1)) : m("", !0),
+          n("div", pr, [
+            e.isInlineLabel && e.label ? (t(), i("label", yr, $(e.label) + ": ", 1)) : m("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
               onClick: C[4] || (C[4] = (O) => c.value.focus())
@@ -6041,7 +6045,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                   "pointer-events-none bg-oc-bg-dark": e.isDisabled
                 }])
               }, [
-                n("div", hr, [
+                n("div", xr, [
                   k(j.$slots, "default", {
                     options: p.value,
                     areAllOptionsVisible: f.value
@@ -6063,7 +6067,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                           name: "minus",
                           width: "12",
                           height: "12"
-                        })) : (t(), i("span", br, $(`+${d.value.length - e.maxVisibleOptions}`), 1))
+                        })) : (t(), i("span", hr, $(`+${d.value.length - e.maxVisibleOptions}`), 1))
                       ]),
                       _: 1
                     })) : m("", !0)
@@ -6082,7 +6086,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                       console.log("$event: ", O), h.value = !1, j.$emit("blur", O);
                     }),
                     onKeyup: C[3] || (C[3] = Fe((O) => T(O.target.value), ["enter"]))
-                  }, null, 42, wr)
+                  }, null, 42, br)
                 ])
               ], 2)
             ])
@@ -6092,7 +6096,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, $r = { class: "flex gap-x-2 items-center" }, kr = { class: "text-oc-text-400 font-medium text-sm" }, Sr = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, Cr = ["onClick"], Br = { class: "text-oc-text-300" }, Or = { class: "text-oc-text-400" }, Vr = {
+}, wr = { class: "flex gap-x-2 items-center" }, $r = { class: "text-oc-text-400 font-medium text-sm" }, kr = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, Sr = ["onClick"], Cr = { class: "text-oc-text-300" }, Br = { class: "text-oc-text-400" }, Or = {
   __name: "OcPhoneInput",
   props: {
     countryCodes: { type: Array, default: () => [] },
@@ -6205,7 +6209,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                 ref: j,
                 class: "flex flex-col max-h-[300px] py-2 overflow-y-scroll hidden-scrollbar"
               }, [
-                n("div", Sr, [
+                n("div", kr, [
                   x(r(xe), {
                     modelValue: u.value,
                     "onUpdate:modelValue": g[0] || (g[0] = (B) => u.value = B),
@@ -6239,17 +6243,17 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                   n("div", {
                     class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${B.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Br, "+" + $(B.code), 1),
-                  n("span", Or, $(B.country), 1)
-                ], 10, Cr))), 128))
+                  n("span", Cr, "+" + $(B.code), 1),
+                  n("span", Br, $(B.country), 1)
+                ], 10, Sr))), 128))
               ], 512)
             ]),
             default: S(() => [
-              n("div", $r, [
+              n("div", wr, [
                 n("div", {
                   class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${d.value}`])
                 }, null, 2),
-                n("span", kr, " +" + $(p(d.value)), 1),
+                n("span", $r, " +" + $(p(d.value)), 1),
                 x(r(V), {
                   width: "16",
                   height: "16",
@@ -6265,10 +6269,10 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       }, 8, ["error-message", "model-value", "placeholder", "label", "is-inline-label", "disabled", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options", "onKeydown"]);
     };
   }
-}, Ir = ["id", "value", "checked", "name", "disabled"], Tr = ["for"], Dr = {
+}, Vr = ["id", "value", "checked", "name", "disabled"], Ir = ["for"], Tr = {
   key: 0,
   class: "px-3 py-2 whitespace-nowrap"
-}, Ar = {
+}, Dr = {
   __name: "OcRadio",
   props: {
     modelValue: [String, Boolean],
@@ -6306,7 +6310,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
           class: "radio-button__input absolute opacity-0 w-0 h-0",
           type: "radio",
           onInput: a[0] || (a[0] = (l) => s.$emit("update:modelValue", l.target.value))
-        }, null, 40, Ir),
+        }, null, 40, Vr),
         n("label", {
           for: e.groupName + e.id,
           class: v(["radio-button__label flex gap-x-3 relative items-center cursor-pointer transition-all duration-300 text-oc-text-500", {
@@ -6338,7 +6342,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
           e.labelIcon ? (t(), y(r(le), fe(F({ key: 2 }, e.tooltipOptions)), {
             popper: S(() => [
               k(s.$slots, "tooltipText", {}, () => [
-                e.tooltipText ? (t(), i("div", Dr, $(e.tooltipText), 1)) : m("", !0)
+                e.tooltipText ? (t(), i("div", Tr, $(e.tooltipText), 1)) : m("", !0)
               ])
             ]),
             default: S(() => [
@@ -6351,12 +6355,12 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
             ]),
             _: 3
           }, 16)) : m("", !0)
-        ], 10, Tr)
+        ], 10, Ir)
       ]),
       _: 3
     }, 8, ["class", "error-message", "hint"]));
   }
-}, Mr = {
+}, Ar = {
   __name: "OcRadioGroup",
   props: {
     alignment: {
@@ -6393,7 +6397,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
         n("div", {
           class: v(["flex", [l.value[e.alignment], e.wrapperClass]])
         }, [
-          (t(!0), i(L, null, R(e.radio, (u, f) => (t(), y(r(Ar), {
+          (t(!0), i(L, null, R(e.radio, (u, f) => (t(), y(r(Dr), {
             id: u.value,
             key: f,
             class: v({ "!w-fit": !e.isBlock }),
@@ -6416,10 +6420,10 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, jr = { class: "flex flex-col gap-y-2 oc-range-input" }, Pr = { class: "flex gap-x-3" }, Lr = {
+}, Mr = { class: "flex flex-col gap-y-2 oc-range-input" }, jr = { class: "flex gap-x-3" }, Pr = {
   key: 0,
   class: "flex pt-4"
-}, Er = {
+}, Lr = {
   __name: "OcRangeInput",
   props: {
     maxLimit: {
@@ -6463,14 +6467,14 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
     };
     return Ce(() => {
       a.onlyInput || c.value.updateSlider();
-    }), (b, T) => (t(), i("div", jr, [
+    }), (b, T) => (t(), i("div", Mr, [
       x(r(pe), {
         label: e.label,
         hint: e.hint,
         "error-message": e.errorMessage
       }, {
         default: S(() => [
-          n("div", Pr, [
+          n("div", jr, [
             x(r(xe), {
               "model-value": o.value,
               label: "From",
@@ -6486,7 +6490,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
               "onUpdate:modelValue": T[1] || (T[1] = (j) => u(j, 1))
             }, null, 8, ["model-value"])
           ]),
-          e.onlyInput ? m("", !0) : (t(), i("div", Lr, [
+          e.onlyInput ? m("", !0) : (t(), i("div", Pr, [
             x(r(wt), {
               ref_key: "slider",
               ref: c,
@@ -6503,25 +6507,25 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, zr = {
+}, Er = {
   key: 0,
   class: "flex flex-wrap gap-2 overflow-hidden"
-}, Nr = {
+}, zr = {
   key: 0,
   class: "text-oc-text-300 md:text-base text-lg"
-}, Rr = {
+}, Nr = {
   key: 2,
   class: "whitespace-nowrap flex gap-x-3 text-lg md:text-base items-center overflow-hidden"
-}, Fr = {
+}, Rr = {
   key: 1,
   class: "text-oc-text-300"
-}, Ur = {
+}, Fr = {
   key: 2,
   class: "truncate"
-}, qr = {
+}, Ur = {
   key: 0,
   class: "sticky px-3 pt-3 top-0 z-10 bg-white"
-}, Hr = { key: 0 }, Yr = {
+}, qr = { key: 0 }, Hr = {
   __name: "OcSelect",
   props: {
     label: String,
@@ -6711,7 +6715,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       "tooltip-options": e.tooltipOptions
     }, ee({
       tooltipText: S(() => [
-        P.$slots.selectTooltipText ? (t(), i("div", Hr, [
+        P.$slots.selectTooltipText ? (t(), i("div", qr, [
           k(P.$slots, "selectTooltipText")
         ])) : m("", !0)
       ]),
@@ -6746,7 +6750,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                 ref: p,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (t(), i("div", qr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (t(), i("div", Ur, [
                   x(r(xe), {
                     ref_key: "searchInputRef",
                     ref: u,
@@ -6836,7 +6840,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                 }
               ]])
             }, [
-              e.multiple ? (t(), i("div", zr, [
+              e.multiple ? (t(), i("div", Er, [
                 k(P.$slots, "selection", {}, () => [
                   (t(!0), i(L, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), y(r(ae), F({
                     key: U.value,
@@ -6853,7 +6857,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                     label: `+${C.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                C.value.length === 0 ? (t(), i("span", Nr, $(e.placeholder), 1)) : m("", !0)
+                C.value.length === 0 ? (t(), i("span", zr, $(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
               e.isInlineSearch && e.isFilterable && !C.value ? (t(), y(r(xe), {
                 key: 1,
@@ -6877,15 +6881,15 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), i("span", Rr, [
+              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), i("span", Nr, [
                 e.icon ? (t(), y(r(V), {
                   key: 0,
                   name: e.icon,
                   width: "16",
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
-                e.isInlineLabel && e.label ? (t(), i("span", Fr, $(e.label) + ": ", 1)) : m("", !0),
-                C.value ? (t(), i("span", Ur, $(C.value.label), 1)) : (t(), i("span", {
+                e.isInlineLabel && e.label ? (t(), i("span", Rr, $(e.label) + ": ", 1)) : m("", !0),
+                C.value ? (t(), i("span", Fr, $(C.value.label), 1)) : (t(), i("span", {
                   key: 3,
                   class: v(e.dropdownClasses ? "" : "text-oc-text-300")
                 }, $(e.placeholder), 3))
@@ -6922,7 +6926,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       } : void 0
     ]), 1032, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Wr = { class: "w-full flex items-center gap-x-3" }, Kr = { class: "truncate" }, Gr = {
+}, Yr = { class: "w-full flex items-center gap-x-3" }, Wr = { class: "truncate" }, Kr = {
   key: 0,
   class: "text-sm text-oc-text-300"
 }, gt = {
@@ -6960,14 +6964,14 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
           "is-partial": e.isPartial,
           class: "!w-fit pointer-events-none"
         }, null, 8, ["model-value", "is-partial"])) : m("", !0),
-        n("div", Wr, [
+        n("div", Yr, [
           k(l.$slots, "trailing"),
           n("div", {
             class: v(["flex flex-col gap-3 overflow-hidden", { "flex-1": e.isCheckboxes }])
           }, [
-            n("span", Kr, $(e.label), 1),
+            n("span", Wr, $(e.label), 1),
             k(l.$slots, "sub-label", {}, () => [
-              e.subLabel ? (t(), i("span", Gr, $(e.subLabel), 1)) : m("", !0)
+              e.subLabel ? (t(), i("span", Kr, $(e.subLabel), 1)) : m("", !0)
             ])
           ], 2),
           k(l.$slots, "leading")
@@ -6987,21 +6991,21 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       k(l.$slots, "after")
     ], 512));
   }
-}, Xr = { class: "flex flex-col" }, Zr = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, _m = {
+}, Gr = { class: "flex flex-col" }, Xr = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, Qm = {
   __name: "OcGroupOptions",
   props: {
     label: String
   },
   setup(e) {
-    return (s, a) => (t(), i("div", Xr, [
-      n("div", Zr, $(e.label), 1),
+    return (s, a) => (t(), i("div", Gr, [
+      n("div", Xr, $(e.label), 1),
       k(s.$slots, "default")
     ]));
   }
-}, Jr = { class: "flex text-oc-text-400 items-center gap-x-2" }, Qr = {
+}, Zr = { class: "flex text-oc-text-400 items-center gap-x-2" }, Jr = {
   key: 0,
   class: "flex flex-col p-2 py-3 gap-2"
-}, _r = ["onClick"], ed = {
+}, Qr = ["onClick"], _r = {
   __name: "OcLinkInput",
   props: {
     placeholder: String,
@@ -7086,7 +7090,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
             distance: 10
           }, {
             menu: S(() => [
-              e.isEdit ? m("", !0) : (t(), i("div", Qr, [
+              e.isEdit ? m("", !0) : (t(), i("div", Jr, [
                 (t(!0), i(L, null, R(e.links, (g) => (t(), i("div", {
                   key: g.value,
                   class: "flex rounded-sm items-center px-3 py-2 gap-x-3 cursor-pointer text-oc-text-400 hover:bg-gray-50",
@@ -7098,11 +7102,11 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                     name: g.icon
                   }, null, 8, ["name"]),
                   Z(" " + $(g.label), 1)
-                ], 8, _r))), 128))
+                ], 8, Qr))), 128))
               ]))
             ]),
             default: S(() => [
-              n("div", Jr, [
+              n("div", Zr, [
                 u.value.icon ? (t(), y(r(V), {
                   key: 0,
                   width: "20",
@@ -7124,7 +7128,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "pre-fill", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"])
     ]));
   }
-}, td = ["disabled", "value", "rows", "placeholder"], ld = "18px", ad = {
+}, ed = ["disabled", "value", "rows", "placeholder"], td = "18px", ld = {
   __name: "OcTextArea",
   props: {
     placeholder: String,
@@ -7158,7 +7162,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
   setup(e, { emit: s }) {
     const a = s, l = M(!1), o = (d) => {
       const c = d.target;
-      c && (c.style.height = ld, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
+      c && (c.style.height = td, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
     };
     return (d, c) => (t(), y(r(pe), {
       label: e.label,
@@ -7182,7 +7186,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
           onInput: o,
           onFocus: c[0] || (c[0] = (u) => l.value = !0),
           onBlur: c[1] || (c[1] = (u) => l.value = !1)
-        }, null, 42, td)
+        }, null, 42, ed)
       ]),
       _: 1
     }, 8, ["label", "error-message", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
@@ -7205,8 +7209,8 @@ var Ot = { exports: {} };
     };
   });
 })(Ot);
-var nd = Ot.exports;
-const Vt = /* @__PURE__ */ We(nd);
+var ad = Ot.exports;
+const Vt = /* @__PURE__ */ We(ad);
 var It = { exports: {} };
 (function(e, s) {
   (function(a, l) {
@@ -7219,8 +7223,8 @@ var It = { exports: {} };
     };
   });
 })(It);
-var od = It.exports;
-const Tt = /* @__PURE__ */ We(od);
+var nd = It.exports;
+const Tt = /* @__PURE__ */ We(nd);
 var Dt = { exports: {} };
 (function(e, s) {
   (function(a, l) {
@@ -7233,8 +7237,8 @@ var Dt = { exports: {} };
     };
   });
 })(Dt);
-var id = Dt.exports;
-const At = /* @__PURE__ */ We(id);
+var od = Dt.exports;
+const At = /* @__PURE__ */ We(od);
 var Mt = { exports: {} };
 (function(e, s) {
   (function(a, l) {
@@ -7356,53 +7360,53 @@ var Mt = { exports: {} };
     };
   });
 })(Mt);
-var sd = Mt.exports;
-const ot = /* @__PURE__ */ We(sd);
-var rd = typeof global == "object" && global && global.Object === Object && global, dd = typeof self == "object" && self && self.Object === Object && self, jt = rd || dd || Function("return this")(), qe = jt.Symbol, Pt = Object.prototype, cd = Pt.hasOwnProperty, ud = Pt.toString, Pe = qe ? qe.toStringTag : void 0;
-function md(e) {
-  var s = cd.call(e, Pe), a = e[Pe];
+var id = Mt.exports;
+const ot = /* @__PURE__ */ We(id);
+var sd = typeof global == "object" && global && global.Object === Object && global, rd = typeof self == "object" && self && self.Object === Object && self, jt = sd || rd || Function("return this")(), qe = jt.Symbol, Pt = Object.prototype, dd = Pt.hasOwnProperty, cd = Pt.toString, Pe = qe ? qe.toStringTag : void 0;
+function ud(e) {
+  var s = dd.call(e, Pe), a = e[Pe];
   try {
     e[Pe] = void 0;
     var l = !0;
   } catch {
   }
-  var o = ud.call(e);
+  var o = cd.call(e);
   return l && (s ? e[Pe] = a : delete e[Pe]), o;
 }
-var fd = Object.prototype, vd = fd.toString;
-function gd(e) {
-  return vd.call(e);
+var md = Object.prototype, fd = md.toString;
+function vd(e) {
+  return fd.call(e);
 }
-var pd = "[object Null]", yd = "[object Undefined]", pt = qe ? qe.toStringTag : void 0;
-function xd(e) {
-  return e == null ? e === void 0 ? yd : pd : pt && pt in Object(e) ? md(e) : gd(e);
+var gd = "[object Null]", pd = "[object Undefined]", pt = qe ? qe.toStringTag : void 0;
+function yd(e) {
+  return e == null ? e === void 0 ? pd : gd : pt && pt in Object(e) ? ud(e) : vd(e);
 }
-function hd(e) {
+function xd(e) {
   return e != null && typeof e == "object";
 }
-var bd = "[object Symbol]";
-function wd(e) {
-  return typeof e == "symbol" || hd(e) && xd(e) == bd;
+var hd = "[object Symbol]";
+function bd(e) {
+  return typeof e == "symbol" || xd(e) && yd(e) == hd;
 }
-var $d = /\s/;
-function kd(e) {
-  for (var s = e.length; s-- && $d.test(e.charAt(s)); )
+var wd = /\s/;
+function $d(e) {
+  for (var s = e.length; s-- && wd.test(e.charAt(s)); )
     ;
   return s;
 }
-var Sd = /^\s+/;
-function Cd(e) {
-  return e && e.slice(0, kd(e) + 1).replace(Sd, "");
+var kd = /^\s+/;
+function Sd(e) {
+  return e && e.slice(0, $d(e) + 1).replace(kd, "");
 }
 function lt(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var yt = NaN, Bd = /^[-+]0x[0-9a-f]+$/i, Od = /^0b[01]+$/i, Vd = /^0o[0-7]+$/i, Id = parseInt;
+var yt = NaN, Cd = /^[-+]0x[0-9a-f]+$/i, Bd = /^0b[01]+$/i, Od = /^0o[0-7]+$/i, Vd = parseInt;
 function xt(e) {
   if (typeof e == "number")
     return e;
-  if (wd(e))
+  if (bd(e))
     return yt;
   if (lt(e)) {
     var s = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -7410,18 +7414,18 @@ function xt(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Cd(e);
-  var a = Od.test(e);
-  return a || Vd.test(e) ? Id(e.slice(2), a ? 2 : 8) : Bd.test(e) ? yt : +e;
+  e = Sd(e);
+  var a = Bd.test(e);
+  return a || Od.test(e) ? Vd(e.slice(2), a ? 2 : 8) : Cd.test(e) ? yt : +e;
 }
 var et = function() {
   return jt.Date.now();
-}, Td = "Expected a function", Dd = Math.max, Ad = Math.min;
-function Md(e, s, a) {
+}, Id = "Expected a function", Td = Math.max, Dd = Math.min;
+function Ad(e, s, a) {
   var l, o, d, c, u, f, h = 0, p = !1, b = !1, T = !0;
   if (typeof e != "function")
-    throw new TypeError(Td);
-  s = xt(s) || 0, lt(a) && (p = !!a.leading, b = "maxWait" in a, d = b ? Dd(xt(a.maxWait) || 0, s) : d, T = "trailing" in a ? !!a.trailing : T);
+    throw new TypeError(Id);
+  s = xt(s) || 0, lt(a) && (p = !!a.leading, b = "maxWait" in a, d = b ? Td(xt(a.maxWait) || 0, s) : d, T = "trailing" in a ? !!a.trailing : T);
   function j(E) {
     var P = l, D = o;
     return l = o = void 0, h = E, c = e.apply(D, P), c;
@@ -7431,7 +7435,7 @@ function Md(e, s, a) {
   }
   function A(E) {
     var P = E - f, D = E - h, U = s - P;
-    return b ? Ad(U, d - D) : U;
+    return b ? Dd(U, d - D) : U;
   }
   function w(E) {
     var P = E - f, D = E - h;
@@ -7464,13 +7468,13 @@ function Md(e, s, a) {
   }
   return N.cancel = I, N.flush = B, N;
 }
-const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex flex-col gap-2 p-3" }, Ld = { class: "flex justify-between items-center" }, Ed = { key: 0 }, zd = { key: 1 }, Nd = {
+const Md = { class: "flex items-center justify-between" }, jd = { class: "flex flex-col gap-2 p-3" }, Pd = { class: "flex justify-between items-center" }, Ld = { key: 0 }, Ed = { key: 1 }, zd = {
   key: 0,
   class: "grid grid-cols-3 gap-3"
-}, Rd = ["onClick"], Fd = {
+}, Nd = ["onClick"], Rd = {
   key: 1,
   class: "grid grid-cols-3 gap-3"
-}, Ud = ["onClick"], qd = ["onClick", "onMouseover"], Hd = { key: 0 }, Yd = { class: "flex gap-x-3 justify-end" }, Wd = {
+}, Fd = ["onClick"], Ud = ["onClick", "onMouseover"], qd = { key: 0 }, Hd = { class: "flex gap-x-3 justify-end" }, Yd = {
   __name: "OcCalendar",
   props: {
     type: {
@@ -7577,7 +7581,7 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
         return;
       }
       c.value = Y, f.value = q, X && $e();
-    }, ke = Md((q) => {
+    }, ke = Ad((q) => {
       T.value && Be(q, !1);
     }, 50), Q = () => {
       var X, Y, ue;
@@ -7592,7 +7596,7 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
     return Q(), (q, X) => (t(), i("div", {
       class: v(["p-6 w-fit rounded flex flex-col gap-y-7", e.position === "floating" ? "shadow-normal bg-white" : ""])
     }, [
-      n("div", jd, [
+      n("div", Md, [
         x(r(oe), {
           modelValue: C.value,
           "onUpdate:modelValue": X[1] || (X[1] = (Y) => C.value = Y),
@@ -7603,8 +7607,8 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
           "popper-options": { strategy: "fixed" }
         }, {
           menu: S(() => [
-            n("div", Pd, [
-              n("div", Ld, [
+            n("div", jd, [
+              n("div", Pd, [
                 x(r(K), {
                   "left-icon": "chevron-left",
                   "is-transparent": "",
@@ -7614,7 +7618,7 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
                   class: "cursor-pointer hover:opacity-50 transition",
                   onClick: X[0] || (X[0] = (Y) => j.value = !j.value)
                 }, [
-                  j.value ? (t(), i("div", Ed, $(I.value - 11) + " - " + $(I.value), 1)) : (t(), i("div", zd, $(I.value), 1))
+                  j.value ? (t(), i("div", Ld, $(I.value - 11) + " - " + $(I.value), 1)) : (t(), i("div", Ed, $(I.value), 1))
                 ]),
                 x(r(K), {
                   "left-icon": "chevron-right",
@@ -7622,22 +7626,22 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
                   onClick: re
                 })
               ]),
-              j.value ? (t(), i("div", Nd, [
+              j.value ? (t(), i("div", zd, [
                 (t(!0), i(L, null, R(Oe(I.value - 11), (Y) => (t(), i("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": o.value.year() === Y
                   }]),
                   onClick: (ue) => _(Y)
-                }, $(Y), 11, Rd))), 128))
-              ])) : (t(), i("div", Fd, [
+                }, $(Y), 11, Nd))), 128))
+              ])) : (t(), i("div", Rd, [
                 (t(), i(L, null, R(O, (Y, ue) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": B.value === Y
                   }]),
                   onClick: (je) => te(ue)
-                }, $(Y), 11, Ud)), 64))
+                }, $(Y), 11, Fd)), 64))
               ]))
             ])
           ]),
@@ -7686,11 +7690,11 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
             ]]),
             onClick: (je) => Be(Y),
             onMouseover: (je) => r(ke)(Y)
-          }, $(Y), 43, qd);
+          }, $(Y), 43, Ud);
         }), 128))
       ], 32),
       k(q.$slots, "bottom", {}, () => [
-        e.isIndefinite ? (t(), i("span", Hd, [
+        e.isIndefinite ? (t(), i("span", qd, [
           x(r(Te), {
             modelValue: b.value,
             "onUpdate:modelValue": [
@@ -7701,7 +7705,7 @@ const jd = { class: "flex items-center justify-between" }, Pd = { class: "flex f
           }, null, 8, ["modelValue", "label"])
         ])) : m("", !0)
       ]),
-      n("div", Yd, [
+      n("div", Hd, [
         x(r(K), {
           label: "Reset",
           class: "w-[72px]",
@@ -7716,13 +7720,13 @@ W.extend(Vt);
 W.extend(Tt);
 W.extend(At);
 W.extend(ot);
-const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full" }, Xd = {
+const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full" }, Gd = {
   key: 0,
   class: "text-sm text-oc-error flex items-center"
-}, Zd = {
+}, Xd = {
   key: 1,
   class: "flex flex-wrap cursor-pointer"
-}, Jd = { class: "flex items-center gap-x-3" }, Qd = ["value"], _d = { class: "flex items-center gap-x-3" }, ec = ["value"], tc = {
+}, Zd = { class: "flex items-center gap-x-3" }, Jd = ["value"], Qd = { class: "flex items-center gap-x-3" }, _d = ["value"], ec = {
   __name: "DatePicker",
   props: {
     modelValue: {
@@ -7857,7 +7861,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
         }, () => {
           var I, B;
           return [
-            f.value ? (t(), y(r(Hu), {
+            f.value ? (t(), y(r(qu), {
               key: 0,
               "model-value": {
                 start: (I = e.modelValue) == null ? void 0 : I[0],
@@ -7871,7 +7875,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
               "max-date": e.maxDate,
               masks: { modelValue: e.dateFormat },
               "onUpdate:modelValue": p
-            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && g ? (t(), y(r(Wd), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && g ? (t(), y(r(Yd), {
               key: 1,
               "model-value": h.value ? h.value.toDate() : /* @__PURE__ */ new Date(),
               "disabled-date": d.value ? T : e.disabledDate,
@@ -7888,9 +7892,9 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
         })
       ]),
       default: S(() => [
-        n("div", Kd, [
+        n("div", Wd, [
           !e.isSplitInput || !f.value ? (t(), i(L, { key: 0 }, [
-            n("div", Gd, [
+            n("div", Kd, [
               x(r(xe), {
                 "model-value": f.value ? e.modelValue && e.modelValue[0] ? `${h.value[0].format(e.dateFormat)} - ${h.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? h.value.format(e.dateFormat) : "",
                 icon: "calendar",
@@ -7901,8 +7905,8 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                 placeholder: e.placeholder
               }, null, 8, ["model-value", "label", "hint", "is-required", "disabled", "placeholder"])
             ]),
-            e.errorMessage ? (t(), i("div", Xd, $(e.errorMessage), 1)) : m("", !0)
-          ], 64)) : (t(), i("div", Zd, [
+            e.errorMessage ? (t(), i("div", Gd, $(e.errorMessage), 1)) : m("", !0)
+          ], 64)) : (t(), i("div", Xd, [
             x(r(pe), {
               "error-message": c.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
               hint: e.hint,
@@ -7920,7 +7924,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   ]]),
                   onClick: O[2] || (O[2] = (g) => o.value ? g.stopPropagation : null)
                 }, [
-                  n("div", Jd, [
+                  n("div", Zd, [
                     x(r(V), {
                       name: "calendar",
                       class: "text-oc-text-400"
@@ -7932,10 +7936,10 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                       onInput: O[0] || (O[0] = (g) => C(g.target.value, 0)),
                       onKeydown: Fe(A, ["enter"]),
                       onBlur: A
-                    }, null, 40, Qd)
+                    }, null, 40, Jd)
                   ]),
                   O[4] || (O[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
-                  n("div", _d, [
+                  n("div", Qd, [
                     n("input", {
                       placeholder: "End date",
                       value: h.value[1] ? h.value[1].format(e.dateFormat) : "",
@@ -7943,7 +7947,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                       onInput: O[1] || (O[1] = (g) => C(g.target.value, 1)),
                       onKeydown: Fe(A, ["enter"]),
                       onBlur: A
-                    }, null, 40, ec),
+                    }, null, 40, _d),
                     x(r(V), {
                       class: v([h.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
                       width: "16",
@@ -7962,10 +7966,10 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       _: 3
     }, 8, ["modelValue", "is-disabled"]));
   }
-}, lc = { class: "flex" }, ac = { class: "flex flex-col gap-y-1 flex-1" }, nc = { class: "font-medium gap-x-3 flex items-center" }, oc = { class: "px-2 py-1 text-sm text-oc-text-400" }, ic = {
+}, tc = { class: "flex" }, lc = { class: "flex flex-col gap-y-1 flex-1" }, ac = { class: "font-medium gap-x-3 flex items-center" }, nc = { class: "px-2 py-1 text-sm text-oc-text-400" }, oc = {
   key: 1,
   class: "text-sm text-oc-error flex items-center"
-}, sc = {
+}, ic = {
   __name: "OcSectionItem",
   props: {
     title: String,
@@ -7991,16 +7995,16 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
     const a = e, l = s;
-    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (o, d) => (t(), i("div", lc, [
-      n("div", ac, [
-        n("div", nc, [
+    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (o, d) => (t(), i("div", tc, [
+      n("div", lc, [
+        n("div", ac, [
           Z($(e.title) + " ", 1),
           x(r(le), {
             position: "top",
             distance: 4
           }, {
             popper: S(() => [
-              n("div", oc, $(e.popperMessage), 1)
+              n("div", nc, $(e.popperMessage), 1)
             ]),
             default: S(() => [
               e.icon ? (t(), y(r(V), {
@@ -8018,7 +8022,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           key: 0,
           class: v(["text-oc-text-400 text-sm", e.descriptionClass])
         }, $(e.description), 3)) : m("", !0),
-        e.errorMessage ? (t(), i("div", ic, $(e.errorMessage), 1)) : m("", !0)
+        e.errorMessage ? (t(), i("div", oc, $(e.errorMessage), 1)) : m("", !0)
       ]),
       k(o.$slots, "actions", {}, () => [
         e.isToggle ? (t(), y(r($t), F({
@@ -8030,13 +8034,13 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       ])
     ]));
   }
-}, rc = {
+}, sc = {
   key: 0,
   class: "flex gap-3 border border-oc-gray-200 p-3 rounded cursor-pointer"
-}, dc = ["onClick"], cc = ["src"], uc = {
+}, rc = ["onClick"], dc = ["src"], cc = {
   key: 0,
   class: "flex text-sm text-oc-text-400 mt-2"
-}, mc = {
+}, uc = {
   __name: "OcSelectOptions",
   props: {
     variant: {
@@ -8101,7 +8105,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
             }
           ]])
         }, [
-          e.optionType === "icon" ? (t(), i("div", rc, [
+          e.optionType === "icon" ? (t(), i("div", sc, [
             (t(!0), i(L, null, R(e.options, (f) => (t(), i("div", {
               key: f.value,
               class: v(["p-1", {
@@ -8135,7 +8139,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   "w-[50px]": !d.value
                 }]),
                 src: f.preview
-              }, null, 10, cc)) : m("", !0),
+              }, null, 10, dc)) : m("", !0),
               n("div", {
                 class: v(["mt-2", [d.value ? "text-center" : "px-3", e.borderless ? "flex-1" : ""]])
               }, [
@@ -8146,7 +8150,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                     "text-oc-text-500": d.value && f.value.toString() === e.modelValue.toString()
                   }])
                 }, $(f.label), 3),
-                f.description ? (t(), i("div", uc, $(f.description), 1)) : m("", !0)
+                f.description ? (t(), i("div", cc, $(f.description), 1)) : m("", !0)
               ], 2),
               e.borderless ? (t(), y(r(V), {
                 key: 1,
@@ -8156,16 +8160,16 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                 class: v(["text-oc-primary", f.value.toString() === e.modelValue.toString() ? "opacity-100" : "opacity-0"])
               }, null, 8, ["class"])) : m("", !0)
             ])
-          ], 10, dc))), 128))
+          ], 10, rc))), 128))
         ], 2)
       ]),
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, fc = { class: "flex gap-x-3" }, vc = {
+}, mc = { class: "flex gap-x-3" }, fc = {
   key: 0,
   class: "border rounded p-3 min-h-[140px] h-full"
-}, gc = ["accept"], pc = { class: "py-2 flex flex-col" }, yc = ["src"], xc = /* @__PURE__ */ J({
+}, vc = ["accept"], gc = { class: "py-2 flex flex-col" }, pc = ["src"], yc = /* @__PURE__ */ J({
   __name: "OcSingleOnlyImageUpload",
   props: {
     accept: {
@@ -8190,12 +8194,12 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     };
     return (h, p) => {
       var b, T;
-      return t(), i("div", fc, [
+      return t(), i("div", mc, [
         (b = e.uploadedImage) != null && b.fileUrl ? m("", !0) : (t(), i("label", {
           key: 0,
           class: v([{ "flex-1": e.showUploadImageArea }, "relative group overflow-hidden"])
         }, [
-          e.showUploadImageArea ? (t(), i("div", vc, [
+          e.showUploadImageArea ? (t(), i("div", fc, [
             n("div", {
               class: v(["w-full text-oc-text-300 text-sm h-full flex flex-col justify-center items-center transition-all border border-transparent border-dashed group-hover:border-oc-primary rounded-sm cursor-pointer", { "!border-oc-primary": u.value }])
             }, [
@@ -8219,7 +8223,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
             onDragover: p[1] || (p[1] = (j) => u.value = !0),
             onDragleave: p[2] || (p[2] = (j) => u.value = !1),
             onDrop: p[3] || (p[3] = (j) => u.value = !1)
-          }, null, 40, gc)
+          }, null, 40, vc)
         ], 2)),
         (T = e.uploadedImage) != null && T.fileUrl ? (t(), i("div", {
           key: 1,
@@ -8232,7 +8236,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
             class: "absolute top-2 right-2 z-[1010]"
           }, {
             menu: S(() => [
-              n("div", pc, [
+              n("div", gc, [
                 n("div", {
                   class: "flex p-3 cursor-pointer items-center gap-x-3",
                   onClick: p[4] || (p[4] = () => {
@@ -8273,7 +8277,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
             src: e.uploadedImage.fileUrl,
             alt: "uploaded-image",
             class: "object-contain h-full w-full"
-          }, null, 8, yc)
+          }, null, 8, pc)
         ], 2)) : m("", !0),
         (t(), y(Rt, { to: "body" }, [
           d.value ? (t(), y(r(it), {
@@ -8290,13 +8294,13 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       ]);
     };
   }
-}), hc = ["accept"], bc = {
+}), xc = ["accept"], hc = {
   key: 0,
   class: "py-2 flex flex-col items-center gap-y-4"
-}, wc = { class: "flex items-baseline gap-x-3 w-full" }, $c = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, kc = ["accept"], Sc = {
+}, bc = { class: "flex items-baseline gap-x-3 w-full" }, wc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, $c = ["accept"], kc = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
-}, Cc = ["src"], Bc = ["src"], Oc = { class: "py-2 flex flex-col" }, Vc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Ic = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Tc = { class: "uppercase text-[8px] font-bold leading-none block" }, Dc = { class: "flex" }, Ac = { class: "text-sm text-oc-primary" }, Mc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, ef = {
+}, Sc = ["src"], Cc = ["src"], Bc = { class: "py-2 flex flex-col" }, Oc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Vc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Ic = { class: "uppercase text-[8px] font-bold leading-none block" }, Tc = { class: "flex" }, Dc = { class: "text-sm text-oc-primary" }, Ac = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, _m = {
   __name: "OcSingleFileUpload",
   props: {
     format: {
@@ -8411,7 +8415,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       default: S(() => {
         var U, H, G, te, _, ne, re, ve, be, we, ge, $e, ie, Be, ke;
         return [
-          e.isImageOnly ? (t(), y(xc, {
+          e.isImageOnly ? (t(), y(yc, {
             key: 0,
             accept: e.accept,
             "uploaded-image": w.value,
@@ -8434,7 +8438,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
               type: "file",
               accept: e.accept,
               onChange: D[3] || (D[3] = (Q) => r(j)(Q, a.format === "object"))
-            }, null, 40, hc)
+            }, null, 40, xc)
           ], 64)) : (t(), i(L, { key: 2 }, [
             r(T).length ? (t(), i("div", {
               key: 1,
@@ -8443,16 +8447,16 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                 "!bg-oc-bg-dark": e.isDisabled
               }])
             }, [
-              e.isPreview && ((te = w.value) == null ? void 0 : te.progress) === 100 ? (t(), i("div", Sc, [
+              e.isPreview && ((te = w.value) == null ? void 0 : te.progress) === 100 ? (t(), i("div", kc, [
                 (ne = (_ = w.value) == null ? void 0 : _.file) != null && ne.type.includes("video") ? (t(), i("video", {
                   key: 0,
                   autoplay: "",
                   loop: "",
                   src: A.value
-                }, null, 8, Cc)) : (t(), i("img", {
+                }, null, 8, Sc)) : (t(), i("img", {
                   key: 1,
                   src: (re = w.value) == null ? void 0 : re.fileUrl
-                }, null, 8, Bc)),
+                }, null, 8, Cc)),
                 x(r(oe), {
                   modelValue: h.value,
                   "onUpdate:modelValue": D[13] || (D[13] = (Q) => h.value = Q),
@@ -8461,7 +8465,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   menu: S(() => {
                     var Q, Oe;
                     return [
-                      n("div", Oc, [
+                      n("div", Bc, [
                         !((Oe = (Q = w.value) == null ? void 0 : Q.file) != null && Oe.type.includes("video")) && e.allowToEdit ? (t(), i("div", {
                           key: 0,
                           class: "flex p-3 cursor-pointer items-center gap-x-3",
@@ -8509,25 +8513,25 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   onChangeImage: I
                 }, null, 8, ["modelValue", "img"])) : m("", !0)
               ])) : (t(), i(L, { key: 1 }, [
-                n("div", Vc, [
-                  n("div", Ic, [
+                n("div", Oc, [
+                  n("div", Vc, [
                     x(r(V), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Tc, $((we = w.value) == null ? void 0 : we.extension), 1)
+                    n("span", Ic, $((we = w.value) == null ? void 0 : we.extension), 1)
                   ]),
                   n("div", {
                     class: v([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
                   }, $((ge = w.value) == null ? void 0 : ge.fileName), 3)
                 ]),
-                n("div", Dc, [
+                n("div", Tc, [
                   n("div", {
                     class: v([(($e = w.value) == null ? void 0 : $e.progress) === 100 ? "opacity-0" : "", "transition-all duration-500 flex flex-col gap-y-1 items-center"])
                   }, [
-                    n("span", Ac, $(((ie = w.value) == null ? void 0 : ie.progress) || 0) + "% ", 1),
-                    n("div", Mc, [
+                    n("span", Dc, $(((ie = w.value) == null ? void 0 : ie.progress) || 0) + "% ", 1),
+                    n("div", Ac, [
                       n("div", {
                         class: "h-2 bg-oc-primary transition-all duration-100",
                         style: de({ width: `${((Be = w.value) == null ? void 0 : Be.progress) || 0}%` })
@@ -8547,8 +8551,8 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   ]))
                 ])
               ], 64))
-            ], 2)) : (t(), i("div", bc, [
-              n("div", wc, [
+            ], 2)) : (t(), i("div", hc, [
+              n("div", bc, [
                 e.variant === "url" ? (t(), i(L, { key: 0 }, [
                   x(r(xe), {
                     modelValue: d.value,
@@ -8582,7 +8586,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   onDragover: D[10] || (D[10] = ce(() => {
                   }, ["prevent"]))
                 }, [
-                  n("span", $c, $(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
+                  n("span", wc, $(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
                   x(r(K), {
                     size: "small",
                     "is-disabled": e.isDisabled,
@@ -8599,7 +8603,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   type: "file",
                   accept: e.accept,
                   onChange: D[11] || (D[11] = (Q) => r(j)(Q, a.format === "object"))
-                }, null, 40, kc)
+                }, null, 40, $c)
               ])
             ]))
           ], 64))
@@ -8608,13 +8612,13 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       _: 3
     }, 8, ["label", "label-class", "hint", "error-message"]));
   }
-}, jc = { class: "relative min-h-[100px]" }, Pc = {
+}, Mc = { class: "relative min-h-[100px]" }, jc = {
   key: 0,
   class: "absolute"
-}, Lc = { class: "w-[100px] hover:bg-oc-primary-50 cursor-pointer bg-oc-accent-1-50 text-oc-accent-1 rounded aspect-square flex items-center justify-center" }, Ec = ["accept", "multiple"], zc = ["onClick"], Nc = { class: "py-2 flex flex-col" }, Rc = ["onClick"], Fc = ["onClick"], Uc = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, qc = {
+}, Pc = { class: "w-[100px] hover:bg-oc-primary-50 cursor-pointer bg-oc-accent-1-50 text-oc-accent-1 rounded aspect-square flex items-center justify-center" }, Lc = ["accept", "multiple"], Ec = ["onClick"], zc = { class: "py-2 flex flex-col" }, Nc = ["onClick"], Rc = ["onClick"], Fc = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, Uc = {
   key: 0,
   class: "cursor-pointer m-auto drag-el"
-}, Hc = {
+}, qc = {
   __name: "OcSimpleMultipleUpload",
   props: {
     accept: {
@@ -8681,9 +8685,9 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
         u.value[E] = B[E];
       }), o[I] = !1, d.value = !0;
     };
-    return (I, B) => (t(), i("div", jc, [
-      O.value ? (t(), i("label", Pc, [
-        n("div", Lc, [
+    return (I, B) => (t(), i("div", Mc, [
+      O.value ? (t(), i("label", jc, [
+        n("div", Pc, [
           x(r(V), { name: "plus" })
         ]),
         T.value ? m("", !0) : (t(), i("input", {
@@ -8693,9 +8697,9 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           accept: e.accept || "image/png, image/jpeg",
           multiple: a.maxImages !== 1,
           onChange: w
-        }, null, 40, Ec))
+        }, null, 40, Lc))
       ])) : m("", !0),
-      (t(), y(r(Yu), {
+      (t(), y(r(Hu), {
         key: e.uploadedImages.length,
         "model-value": e.uploadedImages,
         filter: "filtered-el",
@@ -8725,7 +8729,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                   removeItem: b,
                   fileIndex: P
                 }, () => [
-                  n("div", Nc, [
+                  n("div", zc, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
                       onClick: (D) => g(P, E)
@@ -8736,7 +8740,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                         name: "pencil"
                       }),
                       B[4] || (B[4] = n("span", null, "Edit Image", -1))
-                    ], 8, Rc),
+                    ], 8, Nc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                       onClick: () => {
@@ -8749,7 +8753,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                         name: "bin"
                       }),
                       B[5] || (B[5] = n("span", null, "Delete", -1))
-                    ], 8, Fc)
+                    ], 8, Rc)
                   ])
                 ])
               ]),
@@ -8773,15 +8777,15 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                 }, null, 4)
               ], 2)
             ], 2),
-            n("div", Uc, [
-              a.maxImages !== 1 ? (t(), i("span", qc, [
+            n("div", Fc, [
+              a.maxImages !== 1 ? (t(), i("span", Uc, [
                 x(r(V), {
                   name: "arrows",
                   class: "text-oc-accent-1-50"
                 })
               ])) : m("", !0)
             ])
-          ], 14, zc))), 128))
+          ], 14, Ec))), 128))
         ]),
         _: 3
       }, 8, ["model-value", "style"])),
@@ -8798,7 +8802,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
         onChangeImage: C,
         "onUpdate:inputOptions": A
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
-      x(r(Bu), {
+      x(r(Cu), {
         modelValue: h.value,
         "onUpdate:modelValue": B[3] || (B[3] = (N) => h.value = N),
         description: "Do you want to delete this image ?",
@@ -8806,16 +8810,16 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       }, null, 8, ["modelValue"])
     ]));
   }
-}, Yc = { class: "flex flex-col gap-y-2" }, Wc = ["accept"], Kc = { class: "input-file-uploaded flex flex-col gap-y-3" }, Gc = { class: "flex items-center gap-x-3" }, Xc = { class: "flex flex-col items-center justify-center text-oc-text-300" }, Zc = { class: "uppercase text-[8px] font-bold leading-none block" }, Jc = { class: "text-oc-text-400 text-sm" }, Qc = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, _c = ["accept"], eu = {
+}, Hc = { class: "flex flex-col gap-y-2" }, Yc = ["accept"], Wc = { class: "input-file-uploaded flex flex-col gap-y-3" }, Kc = { class: "flex items-center gap-x-3" }, Gc = { class: "flex flex-col items-center justify-center text-oc-text-300" }, Xc = { class: "uppercase text-[8px] font-bold leading-none block" }, Zc = { class: "text-oc-text-400 text-sm" }, Jc = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, Qc = ["accept"], _c = {
   key: 1,
   class: "w-full text-oc-text-300 text-sm h-full flex-1 flex flex-col justify-center items-center my-auto min-h-[120px] transition-all duration-300 gap-2"
-}, tu = { key: 0 }, lu = { key: 1 }, au = {
+}, eu = { key: 0 }, tu = { key: 1 }, lu = {
   key: 2,
   class: "text-center"
-}, nu = {
+}, au = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, tf = {
+}, ef = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -8895,7 +8899,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       var C;
       (C = o.value) == null || C.click();
     };
-    return (C, A) => (t(), i("div", Yc, [
+    return (C, A) => (t(), i("div", Hc, [
       x(r(pe), {
         label: e.label,
         hint: e.hint,
@@ -8905,7 +8909,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           k(C.$slots, "hint")
         ]),
         default: S(() => [
-          e.isImageOnly ? (t(), y(Hc, {
+          e.isImageOnly ? (t(), y(qc, {
             key: 0,
             "uploaded-images": r(f),
             "selected-image": e.selectedImage,
@@ -8944,7 +8948,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
               multiple: "",
               accept: e.accept,
               onChange: b
-            }, null, 40, Wc)
+            }, null, 40, Yc)
           ], 64)) : (t(), i("div", {
             key: 2,
             class: v(["relative border rounded p-3 min-w-[30rem] flex flex-col", [
@@ -8954,27 +8958,27 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
               }
             ]])
           }, [
-            n("div", Kc, [
+            n("div", Wc, [
               (t(!0), i(L, null, R(r(f), (w, O) => (t(), i("div", {
                 key: `${O}-${w.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
-                n("div", Gc, [
-                  n("div", Xc, [
+                n("div", Kc, [
+                  n("div", Gc, [
                     x(r(V), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Zc, $(w.extension), 1)
+                    n("span", Xc, $(w.extension), 1)
                   ]),
-                  n("span", Jc, $(w == null ? void 0 : w.fileName), 1)
+                  n("span", Zc, $(w == null ? void 0 : w.fileName), 1)
                 ]),
                 c.value ? (t(), i("div", {
                   key: 0,
                   class: v(["w-[100px] h-[16px] absolute right-0 flex items-center z-40", { "on-end-loading": w.progress === 100 }])
                 }, [
-                  n("div", Qc, [
+                  n("div", Jc, [
                     n("div", {
                       style: de({ width: `${w.progress}%` }),
                       class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
@@ -9016,15 +9020,15 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                 onDragleave: A[6] || (A[6] = (w) => d.value = !1),
                 onDrop: A[7] || (A[7] = (w) => d.value = !1),
                 onChange: b
-              }, null, 40, _c)),
-              r(f).length ? e.isDisabled ? m("", !0) : (t(), i("div", nu, A[9] || (A[9] = [
+              }, null, 40, Qc)),
+              r(f).length ? e.isDisabled ? m("", !0) : (t(), i("div", au, A[9] || (A[9] = [
                 n("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
-              ]))) : (t(), i("div", eu, [
+              ]))) : (t(), i("div", _c, [
                 x(r(V), {
                   name: "upload",
                   class: v(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
-                e.labelUploadArea ? (t(), i("div", tu, $(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", lu, "Upload disabled")) : (t(), i("div", au, [
+                e.labelUploadArea ? (t(), i("div", eu, $(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", tu, "Upload disabled")) : (t(), i("div", lu, [
                   A[8] || (A[8] = n("div", null, "Select documents or drag here", -1)),
                   n("div", null, "File max " + $(e.maxSize) + "MB", 1)
                 ]))
@@ -9036,7 +9040,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, ou = ["value"], iu = /* @__PURE__ */ J({
+}, nu = ["value"], ou = /* @__PURE__ */ J({
   __name: "OcNumberInput",
   props: {
     modelValue: {
@@ -9096,7 +9100,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
             placeholder: "1",
             onKeydown: c,
             onInput: f[0] || (f[0] = (h) => u.$emit("update:modelValue", h.target.value))
-          }, null, 42, ou),
+          }, null, 42, nu),
           x(r(K), {
             variant: "secondary",
             class: "w-[28px] shrink-0 aspect-square",
@@ -9111,7 +9115,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       _: 1
     }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
   }
-}), su = {
+}), iu = {
   __name: "OcDropdown",
   props: {
     distance: {
@@ -9211,7 +9215,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       [r(nt), f]
     ]);
   }
-}, oe = /* @__PURE__ */ he(su, [["__scopeId", "data-v-28a0af68"]]), ru = { class: "flex items-center gap-x-3 p-3" }, du = { class: "md:text-base text-sm" }, cu = {
+}, oe = /* @__PURE__ */ he(iu, [["__scopeId", "data-v-28a0af68"]]), su = { class: "flex items-center gap-x-3 p-3" }, ru = { class: "md:text-base text-sm" }, du = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, ye = {
@@ -9235,25 +9239,25 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     return (a, l) => (t(), i("div", {
       class: v(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", s.value[e.variant]])
     }, [
-      n("div", ru, [
+      n("div", su, [
         e.icon ? (t(), y(r(V), F({
           key: 0,
           class: "w-5 h-5",
           name: e.icon
         }, e.iconProps, { class: e.iconClasses }), null, 16, ["name", "class"])) : m("", !0),
-        n("span", du, $(e.text), 1),
+        n("span", ru, $(e.text), 1),
         k(a.$slots, "badge")
       ]),
-      e.subText ? (t(), i("div", cu, [
+      e.subText ? (t(), i("div", du, [
         n("span", null, $(e.subText), 1)
       ])) : m("", !0)
     ], 2));
   }
-}, uu = { class: "oc-tooltip-wrapper" }, mu = {
+}, cu = { class: "oc-tooltip-wrapper" }, uu = {
   key: 0,
   class: "oc-arrow",
   "data-popper-arrow": ""
-}, fu = {
+}, mu = {
   __name: "OcTooltip",
   props: {
     popperClass: {
@@ -9328,7 +9332,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     const f = () => {
       a.value && u();
     };
-    return (h, p) => Ve((t(), i("span", uu, [
+    return (h, p) => Ve((t(), i("span", cu, [
       x(r(bt), {
         ref_key: "popper",
         ref: d,
@@ -9347,7 +9351,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
                 class: v(["oc-tooltip", e.popperClass])
               }, [
                 k(h.$slots, "popper", {}, void 0, !0),
-                e.arrowHidden ? m("", !0) : (t(), i("div", mu))
+                e.arrowHidden ? m("", !0) : (t(), i("div", uu))
               ], 2), [
                 [Ee, a.value]
               ])
@@ -9370,14 +9374,14 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       [r(nt), f]
     ]);
   }
-}, le = /* @__PURE__ */ he(fu, [["__scopeId", "data-v-a902efc5"]]), vu = {
+}, le = /* @__PURE__ */ he(mu, [["__scopeId", "data-v-a902efc5"]]), fu = {
   key: 0,
   id: "modal-overlay-wrapper",
   class: "fixed w-screen z-[1007] top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, gu = { class: "flex flex-col gap-y-1 overflow-hidden" }, pu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, yu = {
+}, vu = { class: "flex flex-col gap-y-1 overflow-hidden" }, gu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, pu = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, xu = ["id"], hu = {
+}, yu = ["id"], xu = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -9474,7 +9478,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     ), Ft(() => {
       var p;
       (p = f.value) == null || p.removeEventListener("scroll", h);
-    }), (p, b) => e.modelValue ? (t(), i("div", vu, [
+    }), (p, b) => e.modelValue ? (t(), i("div", fu, [
       n("div", {
         class: "w-full h-full absolute top-0 left-0 z-[1007]",
         onClick: d
@@ -9487,10 +9491,10 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           class: v(["flex bg-inherit border-oc-gray-200 gap-x-9 justify-between p-5 items-start rounded-t-xl", e.isBorderless ? "" : "border-b"])
         }, [
           k(p.$slots, "header", {}, () => [
-            n("div", gu, [
-              n("span", pu, $(e.title), 1),
+            n("div", vu, [
+              n("span", gu, $(e.title), 1),
               k(p.$slots, "description", {}, () => [
-                e.description ? (t(), i("span", yu, $(e.description), 1)) : m("", !0)
+                e.description ? (t(), i("span", pu, $(e.description), 1)) : m("", !0)
               ])
             ]),
             e.isCloseIcon ? (t(), i("div", {
@@ -9514,7 +9518,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           onScroll: b[1] || (b[1] = (T) => l("content-scroll", T))
         }, [
           k(p.$slots, "default")
-        ], 42, xu),
+        ], 42, yu),
         e.isFooterVisible ? (t(), i("div", {
           key: 1,
           class: v(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -9541,10 +9545,10 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       ], 2)
     ])) : m("", !0);
   }
-}, bu = {
+}, hu = {
   key: 0,
   class: "fixed w-screen z-[1007] bg-white top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, wu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, $u = { class: "modal-body p-9" }, lf = {
+}, bu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, wu = { class: "modal-body p-9" }, tf = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -9575,8 +9579,8 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
   emits: ["update:modelValue", "back", "click:outside"],
   setup(e, { emit: s }) {
     const a = s;
-    return (l, o) => e.modelValue ? (t(), i("div", bu, [
-      n("div", wu, [
+    return (l, o) => e.modelValue ? (t(), i("div", hu, [
+      n("div", bu, [
         k(l.$slots, "top"),
         n("div", {
           class: v(["relative z-[1008] shadow-normal max-w-[1440px] bg-[linear-gradient(180deg,_rgba(229,_238,_255,_0.5)_0%,_rgba(229,_238,_255,_0)_77.75%)] rounded-xl flex flex-col overflow-y-auto mx-auto", e.contentClass])
@@ -9604,14 +9608,14 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
             }),
             o[2] || (o[2] = n("span", null, "Close", -1))
           ]),
-          n("div", $u, [
+          n("div", wu, [
             k(l.$slots, "default")
           ])
         ], 2)
       ])
     ])) : m("", !0);
   }
-}, ku = { class: "text-center" }, Su = ["innerHTML"], Cu = {
+}, $u = { class: "text-center" }, ku = ["innerHTML"], Su = {
   __name: "OcConfirmation",
   props: {
     description: String,
@@ -9650,14 +9654,14 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           name: e.icon ?? s[e.variant]
         }, null, 8, ["name"])
       ], 2)),
-      n("div", ku, [
+      n("div", $u, [
         k(l.$slots, "description", {}, () => [
-          n("span", { innerHTML: e.description }, null, 8, Su)
+          n("span", { innerHTML: e.description }, null, 8, ku)
         ])
       ])
     ], 2));
   }
-}, Bu = {
+}, Cu = {
   __name: "OcConfirmationModal",
   props: {
     modelValue: {
@@ -9730,7 +9734,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     })), c = (u) => {
       l("update:model-value", u), l("cancel");
     };
-    return (u, f) => (t(), y(r(hu), {
+    return (u, f) => (t(), y(r(xu), {
       size: "small",
       "model-value": e.modelValue,
       title: e.title,
@@ -9753,7 +9757,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       onCancel: f[1] || (f[1] = (h) => u.$emit("cancel"))
     }, {
       default: S(() => [
-        x(Cu, {
+        x(Su, {
           "icon-class": e.iconClass,
           variant: e.variant,
           description: e.description,
@@ -9773,10 +9777,10 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       _: 3
     }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
   }
-}, Ou = { class: "fixed bottom-[30px] right-[32px]" }, Vu = { class: "relative" }, Iu = {
+}, Bu = { class: "fixed bottom-[30px] right-[32px]" }, Ou = { class: "relative" }, Vu = {
   key: 0,
   class: "flex items-center justify-end"
-}, Tu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Du = { class: "min-w-[180px]" }, Au = { class: "p-3" }, Mu = { class: "uppercase text-oc-text-400 text-xs font-medium" }, af = /* @__PURE__ */ J({
+}, Iu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Tu = { class: "min-w-[180px]" }, Du = { class: "p-3" }, Au = { class: "uppercase text-oc-text-400 text-xs font-medium" }, lf = /* @__PURE__ */ J({
   __name: "OcSupportMenu",
   props: {
     modelValue: {
@@ -9814,7 +9818,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     const s = {
       arrowHidden: !0
     };
-    return (a, l) => (t(), i("div", Ou, [
+    return (a, l) => (t(), i("div", Bu, [
       x(r(oe), {
         "model-value": e.modelValue,
         "popper-options": s,
@@ -9823,10 +9827,10 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
         "onUpdate:modelValue": l[0] || (l[0] = (o) => a.$emit("update:modelValue", o))
       }, {
         menu: S(() => [
-          n("div", Du, [
+          n("div", Tu, [
             (t(!0), i(L, null, R(e.topMenu, (o, d) => (t(), i(L, { key: d }, [
-              n("div", Au, [
-                n("span", Mu, $(o.title), 1)
+              n("div", Du, [
+                n("span", Au, $(o.title), 1)
               ]),
               (t(!0), i(L, null, R(o.items, (c, u) => (t(), y(r(ye), F({
                 key: u,
@@ -9867,11 +9871,11 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
           ])
         ]),
         default: S(() => [
-          n("div", Vu, [
-            e.isPointed ? (t(), i("div", Iu, l[1] || (l[1] = [
+          n("div", Ou, [
+            e.isPointed ? (t(), i("div", Vu, l[1] || (l[1] = [
               n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ]))) : m("", !0),
-            n("div", Tu, [
+            n("div", Iu, [
               x(r(V), {
                 name: "question",
                 width: "33",
@@ -9884,7 +9888,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       }, 8, ["model-value"])
     ]));
   }
-}), ju = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Me = /* @__PURE__ */ J({
+}), Mu = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, Me = /* @__PURE__ */ J({
   __name: "OcCopyTooltip",
   props: {
     value: [String, Blob],
@@ -9914,7 +9918,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       distance: 20
     }, e.tooltipOptions), {
       popper: S(() => [
-        n("div", ju, $(e.tooltipText), 1)
+        n("div", Mu, $(e.tooltipText), 1)
       ]),
       default: S(({ isShow: o }) => [
         n("div", {
@@ -9933,7 +9937,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       _: 3
     }, 16));
   }
-}), Pu = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Lu = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Eu = { class: "flex flex-col gap-y-7 p-5" }, zu = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, Nu = ["src"], Ru = { class: "flex text-center flex-col gap-y-3" }, Fu = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, Uu = { class: "text-oc-text-400" }, qu = { class: "py-6 px-5 flex items-center justify-center" }, nf = /* @__PURE__ */ J({
+}), ju = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, Pu = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, Lu = { class: "flex flex-col gap-y-7 p-5" }, Eu = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, zu = ["src"], Nu = { class: "flex text-center flex-col gap-y-3" }, Ru = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, Fu = { class: "text-oc-text-400" }, Uu = { class: "py-6 px-5 flex items-center justify-center" }, af = /* @__PURE__ */ J({
   __name: "OcWhiteList",
   props: {
     buttonProps: {
@@ -9949,28 +9953,28 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
     description: String
   },
   setup(e) {
-    return (s, a) => (t(), i("div", Pu, [
+    return (s, a) => (t(), i("div", ju, [
       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", Lu, [
-        n("div", Eu, [
+      n("div", Pu, [
+        n("div", Lu, [
           k(s.$slots, "logo", {}, () => [
-            n("div", zu, [
+            n("div", Eu, [
               n("img", {
                 src: e.imagePath,
                 alt: "logo"
-              }, null, 8, Nu)
+              }, null, 8, zu)
             ])
           ]),
-          n("div", Ru, [
-            n("div", Fu, [
+          n("div", Nu, [
+            n("div", Ru, [
               Z($(e.title) + " ", 1),
               e.tagOptions ? (t(), y(r(Ht), fe(F({ key: 0 }, e.tagOptions)), null, 16)) : m("", !0)
             ]),
-            n("span", Uu, $(e.description), 1)
+            n("span", Fu, $(e.description), 1)
           ]),
           k(s.$slots, "bottom")
         ]),
-        n("div", qu, [
+        n("div", Uu, [
           k(s.$slots, "footer", {}, () => [
             x(r(K), F({
               label: "Request Access",
@@ -9981,7 +9985,7 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       ])
     ]));
   }
-}), of = {
+}), nf = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -10024,20 +10028,20 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       CardInput: sr,
       CheckboxesGroup: dr,
       Input: xe,
-      NumberInput: iu,
-      LinkInput: ed,
-      Select: Yr,
-      TextArea: ad,
+      NumberInput: ou,
+      LinkInput: _r,
+      Select: Hr,
+      TextArea: ld,
       Toggle: $t,
-      RadioGroup: Mr,
-      TimePicker: Wu,
-      DatePicker: tc,
+      RadioGroup: Ar,
+      TimePicker: Yu,
+      DatePicker: ec,
       Checkbox: Te,
       Slider: wt,
-      RangeInput: Er,
-      PhoneInput: Vr,
-      SectionItem: sc,
-      SelectOptions: mc
+      RangeInput: Lr,
+      PhoneInput: Or,
+      SectionItem: ic,
+      SelectOptions: uc
     }, c = (g) => d[g] ? d[g] : null, u = z(() => {
       const g = (B) => B.split(`
 `).map((N) => N.trim()).filter(Boolean).map((N) => `"${N}"`).join(" "), I = {};
@@ -10131,128 +10135,128 @@ const Kd = { class: "flex flex-col gap-y-2 w-full" }, Gd = { class: "flex w-full
       }), 128))
     ], 6)) : m("", !0);
   }
-}, sf = se(() => import("./OcDataTable-Cmh4tRy4.js")), rf = se(() => import("./OcFilterSearch-DUCiks5c.js")), df = se(() => import("./OcFilterSearchFor-Buz_tMZP.js")), cf = se(() => import("./OcFilterForm-B4-trZUg.js")), Hu = se(
-  () => import("./OcComplexCalendar-CVFr9X5w.js")
-), uf = se(
-  () => import("./OcComplexDatePicker-DMt5okt4.js")
-), it = se(() => import("./OcModalCropper-BTWCNIhX.js")), mf = se(() => import("./OcCropper-DA1hyR4g.js")), Yu = se(() => import("./OcDraggable-CA_BCbpl.js")), ff = se(() => import("./OcDraggableList-DB_FOX4q.js")), vf = se(() => import("./OcEmojiPicker-FacYV1QS.js")), gf = se(
-  () => import("./ThumbnailTheme-BNE0T_SW.js")
-), pf = se(
-  () => import("./ThumbnailSection-Bz40um4b.js")
-), yf = se(() => import("./SubPlanCard-GQbtAHzH.js")), xf = se(() => import("./OcTimePopup-CXGhaOev.js")), Wu = se(() => import("./OcTimePicker-DODArB9H.js")), hf = se(
-  () => import("./OcAccountSetupProgress-D4wA4hdf.js")
+}, of = se(() => import("./OcDataTable-BROpIJYB.js")), sf = se(() => import("./OcFilterSearch-DGpkI5Nw.js")), rf = se(() => import("./OcFilterSearchFor-Bxhfv3Xt.js")), df = se(() => import("./OcFilterForm-y7EQftcf.js")), qu = se(
+  () => import("./OcComplexCalendar-BxD0qUGQ.js")
+), cf = se(
+  () => import("./OcComplexDatePicker-BfxjBHPP.js")
+), it = se(() => import("./OcModalCropper-CXkb4k8b.js")), uf = se(() => import("./OcCropper-D06lpfeB.js")), Hu = se(() => import("./OcDraggable-CA_BCbpl.js")), mf = se(() => import("./OcDraggableList-DJpS98GL.js")), ff = se(() => import("./OcEmojiPicker-K7aT9gpi.js")), vf = se(
+  () => import("./ThumbnailTheme-BUaoJDyN.js")
+), gf = se(
+  () => import("./ThumbnailSection-BT5HO_LL.js")
+), pf = se(() => import("./SubPlanCard-CA5_NchN.js")), yf = se(() => import("./OcTimePopup-CXGhaOev.js")), Yu = se(() => import("./OcTimePicker-Bz0VpbJ8.js")), xf = se(
+  () => import("./OcAccountSetupProgress-D_-6x_Os.js")
 );
 export {
-  Vm as $,
-  hm as A,
+  Om as $,
+  xm as A,
   K as B,
   Ct as C,
   pn as D,
-  $m as E,
+  wm as E,
   wl as F,
   St as G,
   Ue as H,
-  ym as I,
+  pm as I,
   ct as J,
   ut as K,
-  gm as L,
-  pm as M,
+  vm as L,
+  gm as M,
   rt as N,
   Re as O,
   dt as P,
   rl as Q,
   Le as R,
   fl as S,
-  xm as T,
-  km as U,
-  Sm as V,
-  Om as W,
+  ym as T,
+  $m as U,
+  km as V,
+  Bm as W,
   Xn as X,
-  Cm as Y,
-  Bm as Z,
+  Sm as Y,
+  Cm as Z,
   pe as _,
   sr as a,
   _n as a0,
-  Um as a1,
+  Fm as a1,
   qi as a2,
-  Wm as a3,
-  Ym as a4,
-  Fm as a5,
-  qm as a6,
-  Im as a7,
-  Tm as a8,
-  Dm as a9,
-  lf as aA,
-  af as aB,
+  Ym as a3,
+  Hm as a4,
+  Rm as a5,
+  Um as a6,
+  Vm as a7,
+  Im as a8,
+  Tm as a9,
+  tf as aA,
+  lf as aB,
   le as aC,
-  nf as aD,
+  af as aD,
   ot as aE,
-  Hu as aF,
-  Yu as aG,
-  xf as aH,
-  rf as aI,
-  cf as aJ,
-  df as aK,
-  sf as aL,
-  uf as aM,
+  qu as aF,
+  Hu as aG,
+  yf as aH,
+  sf as aI,
+  df as aJ,
+  rf as aK,
+  of as aL,
+  cf as aM,
   it as aN,
-  mf as aO,
-  ff as aP,
-  vf as aQ,
-  gf as aR,
-  pf as aS,
-  yf as aT,
-  Wu as aU,
-  hf as aV,
-  Am as aa,
-  Mm as ab,
-  jm as ac,
-  Pm as ad,
+  uf as aO,
+  mf as aP,
+  ff as aQ,
+  vf as aR,
+  gf as aS,
+  pf as aT,
+  Yu as aU,
+  xf as aV,
+  Dm as aa,
+  Am as ab,
+  Mm as ac,
+  jm as ad,
   Ho as ae,
   No as af,
-  Hm as ag,
-  Lm as ah,
-  Em as ai,
-  zm as aj,
+  qm as ag,
+  Pm as ah,
+  Lm as ai,
+  Em as aj,
   fi as ak,
   hi as al,
   $i as am,
   Bi as an,
-  Nm as ao,
-  Rm as ap,
-  Km as aq,
-  Xm as ar,
+  zm as ao,
+  Nm as ap,
+  Wm as aq,
+  Gm as ar,
   ae as as,
-  Zm as at,
-  Gm as au,
-  Bu as av,
+  Xm as at,
+  Km as au,
+  Cu as av,
   Me as aw,
   oe as ax,
   ye as ay,
-  hu as az,
+  xu as az,
   Te as b,
   dr as c,
-  Jm as d,
+  Zm as d,
   xe as e,
-  Qm as f,
-  Vr as g,
-  Ar as h,
-  Mr as i,
-  Er as j,
-  Yr as k,
+  Jm as f,
+  Or as g,
+  Dr as h,
+  Ar as i,
+  Lr as j,
+  Hr as k,
   gt as l,
-  _m as m,
-  ed as n,
-  ad as o,
-  Wd as p,
-  tc as q,
-  sc as r,
-  mc as s,
-  ef as t,
-  tf as u,
-  iu as v,
-  of as w,
-  wm as x,
-  bm as y,
+  Qm as m,
+  _r as n,
+  ld as o,
+  Yd as p,
+  ec as q,
+  ic as r,
+  uc as s,
+  _m as t,
+  ef as u,
+  ou as v,
+  nf as w,
+  bm as x,
+  hm as y,
   De as z
 };