@orchidui/core 1.17.0 → 1.18.0

package/dist/{index-PN9RLc1R.js → index-DkumyhAj.js}

@@ -1,10 +1,10 @@
-import { computed as z, ref as M, onMounted as we, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as $, createCommentVNode as u, createElementVNode as n, createBlock as y, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as b, createVNode as p, resolveDynamicComponent as at, normalizeProps as me, mergeProps as F, guardReactiveProps as Ie, withModifiers as fe, defineComponent as Z, normalizeStyle as ie, createSlots as te, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as ue, onUpdated as Et, nextTick as He, reactive as Nt, Transition as Ae, useAttrs as zt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as de } from "vue";
+import { computed as z, ref as M, onMounted as we, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as $, createCommentVNode as u, createElementVNode as n, createBlock as y, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as p, resolveDynamicComponent as at, normalizeProps as me, mergeProps as F, guardReactiveProps as Ie, withModifiers as fe, defineComponent as Z, normalizeStyle as ie, createSlots as te, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as ue, onUpdated as Et, nextTick as He, reactive as Nt, Transition as Ae, useAttrs as zt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as de } from "vue";
 import { S as le } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as T } from "./OcIcon-CSpRxnwd.js";
 import { clickOutside as nt } from "./directives/clickOutside.js";
-import { _ as bt } from "./OcPopper-Bc96YXbS.js";
-import G from "dayjs";
+import { _ as bt } from "./OcPopper-CYcXF-OR.js";
+import X from "dayjs";
 import { _ as st } from "./OcAvatar-DeVm4Ck5.js";
 import "./OcProgressBar-hiyC5XSc.js";
 import "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
@@ -21,7 +21,7 @@ import "./OcTheme-CWgrJh5Q.js";
 const Kt = {
   key: 0,
   class: "flex relative group/row md:p-0 py-3 w-full"
-}, Lm = {
+}, Nm = {
   __name: "OcTable",
   props: {
     options: {
@@ -75,15 +75,15 @@ const Kt = {
     }, k = () => {
       const O = x.value.length === c.value.length;
       x.value = O ? [] : [...c.value];
-    }, A = z(() => typeof a.rowClass == "function" ? (O, w) => a.rowClass(O, w) : () => a.rowClass), j = (O, w) => {
-      !w.disableClickRow && w.key !== "actions" && l("click:row", {
+    }, A = z(() => typeof a.rowClass == "function" ? (O, b) => a.rowClass(O, b) : () => a.rowClass), j = (O, b) => {
+      !b.disableClickRow && b.key !== "actions" && l("click:row", {
         field: O,
-        header: w
+        header: b
       });
     }, I = M(!0), C = M(!0), h = M(), B = () => {
       a.isSticky && (I.value = h.value.scrollLeft === 0, C.value = h.value.scrollLeft + h.value.clientWidth === h.value.scrollWidth);
     };
-    return we(() => B()), (O, w) => (t(), i("div", {
+    return we(() => B()), (O, b) => (t(), i("div", {
       ref_key: "scrollTable",
       ref: h,
       class: v(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -199,7 +199,7 @@ const Kt = {
                 "is-selected": x.value.some((E) => f.value(E) === f.value(V)),
                 variant: "checkbox",
                 onSelected: (E) => g(V),
-                "onHover:field": w[0] || (w[0] = (E) => O.$emit("hover:cell", E))
+                "onHover:field": b[0] || (b[0] = (E) => O.$emit("hover:cell", E))
               }, null, 8, ["is-last", "is-selected", "class", "onSelected"])) : u("", !0),
               (t(!0), i(N, null, R(m.value, (E, P) => (t(), y(o(Re), {
                 key: `${P}-${L}`,
@@ -226,7 +226,7 @@ const Kt = {
                 "image-class": E.imageClass,
                 link: e.rowLink && V[e.rowLink] && E.key !== "actions" ? V[e.rowLink] : "",
                 onClick: (D) => j(V, E),
-                "onHover:field": w[1] || (w[1] = (D) => O.$emit("hover:cell", D))
+                "onHover:field": b[1] || (b[1] = (D) => O.$emit("hover:cell", D))
               }, {
                 default: S(() => [
                   O.$slots[E.key] ? $(O.$slots, E.key, {
@@ -285,7 +285,7 @@ const Kt = {
         class: "rounded-full w-full overflow-hidden h-6"
       })) : (t(), i(N, { key: 1 }, [
         e.variant === r.TEXT ? $(l.$slots, "default", { key: 0 }, () => [
-          W(b(e.text), 1)
+          W(w(e.text), 1)
         ]) : $(l.$slots, "default", { key: 1 }, () => [
           n("div", Gt, [
             p(o(Te), {
@@ -426,14 +426,14 @@ const Kt = {
                 ]))
               ], 64)) : e.variant === r.EMPTY ? (t(), i("div", Qt, "-")) : e.variant === r.DATETIME ? (t(), y(o(dt), {
                 key: 4,
-                title: o(G)(e.data).format("D MMM, YYYY"),
-                description: o(G)(e.data).format("h:mm A")
+                title: o(X)(e.data).format("D MMM, YYYY"),
+                description: o(X)(e.data).format("h:mm A")
               }, null, 8, ["title", "description"])) : e.variant === r.CONTENT ? (t(), y(o(dt), me(F({ key: 5 }, e.content)), null, 16)) : e.variant === r.CHIP ? (t(), i("div", {
                 key: 6,
                 link: e.link
               }, [
                 p(o(ne), me(Ie(s.value)), null, 16)
-              ], 8, _t)) : e.variant === r.DEFAULT ? (t(), i("div", el, b(e.data), 1)) : (t(), i("div", {
+              ], 8, _t)) : e.variant === r.DEFAULT ? (t(), i("div", el, w(e.data), 1)) : (t(), i("div", {
                 key: 8,
                 link: e.link,
                 class: "w-full h-full"
@@ -485,14 +485,14 @@ const Kt = {
             href: e.href,
             target: "_blank",
             rel: "noopener noreferrer"
-          }, b(e.title), 9, ll)) : (t(), i(N, { key: 1 }, [
-            W(b(e.title), 1)
+          }, w(e.title), 9, ll)) : (t(), i(N, { key: 1 }, [
+            W(w(e.title), 1)
           ], 64)),
           e.title ? u("", !0) : (t(), i("span", al, "-"))
         ], 2),
         n("span", nl, [
           $(r.$slots, "description", { description: e.description }, () => [
-            W(b(e.description), 1)
+            W(w(e.description), 1)
           ]),
           e.description ? u("", !0) : (t(), i("span", il, "-"))
         ])
@@ -553,6 +553,10 @@ const Kt = {
     isSticky: {
       type: Boolean,
       default: !1
+    },
+    gridTemplateColumns: {
+      type: String,
+      default: "32px 200px repeat(${headers.length - 1}, minmax(150px, auto)) 32px"
     }
   },
   setup(e) {
@@ -570,13 +574,13 @@ const Kt = {
       var f, x;
       return t(), i(N, null, [
         n("div", {
-          class: v(["grid h-[58px] items-center border-b border-oc-gray-200 min-w-max relative", {
+          class: v(["grid min-h-[58px] items-center border-b border-oc-gray-200 min-w-max relative", {
             "font-medium": e.important || e.isTotal,
             "bg-oc-gray-900 text-white": e.isTotal,
             "bg-oc-bg-dark": e.depth
           }]),
           style: ie({
-            gridTemplateColumns: `32px 200px repeat(${e.headers.length - 1}, minmax(150px, auto)) 32px`
+            gridTemplateColumns: e.gridTemplateColumns
           })
         }, [
           n("div", {
@@ -610,7 +614,7 @@ const Kt = {
               }, () => {
                 var j;
                 return [
-                  W(b((j = e.row) == null ? void 0 : j[g == null ? void 0 : g.key]), 1)
+                  W(w((j = e.row) == null ? void 0 : j[g == null ? void 0 : g.key]), 1)
                 ];
               })
             ], 2);
@@ -618,10 +622,10 @@ const Kt = {
             n("div", {
               class: v(["px-4 py-3 whitespace-nowrap flex items-center gap-2", e.isSticky ? "sticky left-9 z-10 bg-white border-oc-gray-200" : ""])
             }, [
-              W(b(e.row.label) + " ", 1),
+              W(w(e.row.label) + " ", 1),
               p(o(ae), null, {
                 popper: S(() => [
-                  n("div", dl, b(e.row.infoText), 1)
+                  n("div", dl, w(e.row.infoText), 1)
                 ]),
                 default: S(() => [
                   e.row.infoText ? (t(), y(o(T), {
@@ -636,7 +640,7 @@ const Kt = {
             ], 2),
             n("div", cl, [
               $(c.$slots, e.row.key, { value: e.value }, () => [
-                W(b(e.value), 1)
+                W(w(e.value), 1)
               ])
             ])
           ], 64)),
@@ -681,13 +685,17 @@ const Kt = {
     isSticky: {
       type: Boolean,
       default: !1
+    },
+    gridTemplateColumns: {
+      type: String,
+      default: "32px 200px repeat(${headers.length - 1}, minmax(150px, auto)) 32px"
     }
   },
   setup(e) {
     return (r, a) => (t(), i("div", {
-      class: "grid bg-oc-gray-50 h-[34px] min-w-max relative",
+      class: "grid bg-oc-gray-50 h-[35px] min-w-max relative",
       style: ie({
-        gridTemplateColumns: `32px 200px repeat(${e.headers.length - 1}, minmax(150px, auto)) 32px`
+        gridTemplateColumns: e.gridTemplateColumns
       })
     }, [
       n("div", {
@@ -699,11 +707,11 @@ const Kt = {
           l.class,
           e.isSticky && s === 0 ? "sticky left-9 z-10 bg-oc-gray-50 border-oc-gray-200" : ""
         ]])
-      }, b(l.label), 3))), 128)),
+      }, w(l.label), 3))), 128)),
       a[0] || (a[0] = n("div", { class: "w-9 border-b border-oc-text-200" }, null, -1))
     ], 4));
   }
-}), ml = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-auto" }, Pm = /* @__PURE__ */ Z({
+}), ml = { class: "flex flex-col border rounded w-full border-oc-gray-200 overflow-auto" }, zm = /* @__PURE__ */ Z({
   __name: "OcExpandingTable",
   props: {
     total: {
@@ -733,6 +741,10 @@ const Kt = {
     isSticky: {
       type: Boolean,
       default: !1
+    },
+    gridTemplateColumns: {
+      type: String,
+      default: "32px 200px repeat(${headers.length - 1}, minmax(150px, auto)) 32px"
     }
   },
   setup(e) {
@@ -741,23 +753,26 @@ const Kt = {
       e.isAlternative ? (t(), i(N, { key: 0 }, [
         p(ul, {
           headers: e.headers,
-          "is-sticky": e.isSticky
-        }, null, 8, ["headers", "is-sticky"]),
+          "is-sticky": e.isSticky,
+          "grid-template-columns": e.gridTemplateColumns
+        }, null, 8, ["headers", "is-sticky", "grid-template-columns"]),
         e.isLoading && !e.fields.length ? (t(!0), i(N, { key: 0 }, R(e.loadingRows, (d) => (t(), y(Pe, {
           key: d,
           "is-loading": "",
           "is-alternative": e.isAlternative,
           row: a.value,
           headers: e.headers,
-          "is-sticky": e.isSticky
-        }, null, 8, ["is-alternative", "row", "headers", "is-sticky"]))), 128)) : (t(!0), i(N, { key: 1 }, R(e.fields, (d, c) => (t(), y(Pe, {
+          "is-sticky": e.isSticky,
+          "grid-template-columns": e.gridTemplateColumns
+        }, null, 8, ["is-alternative", "row", "headers", "is-sticky", "grid-template-columns"]))), 128)) : (t(!0), i(N, { key: 1 }, R(e.fields, (d, c) => (t(), y(Pe, {
           key: c,
           row: d,
           headers: e.headers,
           "is-loading": e.isLoading,
           "is-alternative": e.isAlternative,
           "is-sticky": e.isSticky,
-          important: d.important
+          important: d.important,
+          "grid-template-columns": e.gridTemplateColumns
         }, te({ _: 2 }, [
           R(l.$slots, (m, f) => ({
             name: f,
@@ -765,7 +780,7 @@ const Kt = {
               $(l.$slots, f, F({ ref_for: !0 }, x))
             ])
           }))
-        ]), 1032, ["row", "headers", "is-loading", "is-alternative", "is-sticky", "important"]))), 128))
+        ]), 1032, ["row", "headers", "is-loading", "is-alternative", "is-sticky", "important", "grid-template-columns"]))), 128))
       ], 64)) : (t(!0), i(N, { key: 1 }, R(e.headers, (d, c) => (t(), y(Pe, {
         key: c,
         row: d,
@@ -774,7 +789,8 @@ const Kt = {
         "is-alternative": e.isAlternative,
         value: e.fields[d.key],
         "is-sticky": e.isSticky,
-        important: d.important
+        important: d.important,
+        "grid-template-columns": e.gridTemplateColumns
       }, te({ _: 2 }, [
         R(l.$slots, (m, f) => ({
           name: f,
@@ -782,19 +798,20 @@ const Kt = {
             $(l.$slots, f, F({ ref_for: !0 }, x))
           ])
         }))
-      ]), 1032, ["row", "headers", "is-loading", "is-alternative", "value", "is-sticky", "important"]))), 128)),
+      ]), 1032, ["row", "headers", "is-loading", "is-alternative", "value", "is-sticky", "important", "grid-template-columns"]))), 128)),
       $(l.$slots, "total", {}, () => [
         p(Pe, {
           "is-total": "",
           headers: e.headers,
           row: { label: "Total" },
           value: e.total,
-          "is-sticky": e.isSticky
-        }, null, 8, ["headers", "value", "is-sticky"])
+          "is-sticky": e.isSticky,
+          "grid-template-columns": e.gridTemplateColumns
+        }, null, 8, ["headers", "value", "is-sticky", "grid-template-columns"])
       ])
     ]));
   }
-}), fl = { class: "w-full items-center flex relative" }, vl = { class: "flex items-center gap-x-6" }, gl = { class: "hidden md:flex items-center gap-x-3" }, pl = { class: "md:hidden mx-[30px]" }, Em = {
+}), fl = { class: "w-full items-center flex relative" }, vl = { class: "flex items-center gap-x-6" }, gl = { class: "hidden md:flex items-center gap-x-3" }, pl = { class: "md:hidden mx-[30px]" }, Rm = {
   __name: "OcPagination",
   props: {
     maxPage: {
@@ -861,7 +878,7 @@ const Kt = {
             onClick: (c) => l.$emit("update:modelValue", d === "..." ? e.modelValue : d)
           }, {
             default: S(() => [
-              W(b(d), 1)
+              W(w(d), 1)
             ]),
             _: 2
           }, 1032, ["size", "is-rounded", "active", "onClick"]))), 128))
@@ -873,7 +890,7 @@ const Kt = {
             active: !0
           }, {
             default: S(() => [
-              W(b(e.modelValue), 1)
+              W(w(e.modelValue), 1)
             ]),
             _: 1
           }, 8, ["size", "is-rounded"])
@@ -919,7 +936,7 @@ const Kt = {
         class: v(e.isNext ? "-rotate-90" : "rotate-90"),
         name: "chevron-down"
       }, null, 8, ["class"]),
-      W(" " + b(e.isNext ? "Next" : "Prev"), 1)
+      W(" " + w(e.isNext ? "Next" : "Prev"), 1)
     ], 2));
   }
 }, ut = {
@@ -958,7 +975,7 @@ const Kt = {
   },
   setup(e) {
     return (r, a) => (t(), i("div", yl, [
-      e.title ? (t(), i("span", xl, b(e.title), 1)) : u("", !0),
+      e.title ? (t(), i("span", xl, w(e.title), 1)) : u("", !0),
       n("div", {
         class: v(["flex gap-x-5 items-start md:flex-row flex-col gap-y-3 md:gap-y-0", e.containerClass])
       }, [
@@ -1077,7 +1094,7 @@ const Kt = {
           n("div", wl, [
             n("div", kl, [
               $(r.$slots, "title", {}, () => [
-                n("span", $l, b(e.title), 1)
+                n("span", $l, w(e.title), 1)
               ]),
               p(o(ae), F({
                 position: "top",
@@ -1098,7 +1115,7 @@ const Kt = {
                 e.tooltip ? {
                   name: "popper",
                   fn: S(() => [
-                    n("div", Sl, b(e.tooltip), 1)
+                    n("div", Sl, w(e.tooltip), 1)
                   ]),
                   key: "0"
                 } : void 0
@@ -1115,9 +1132,9 @@ const Kt = {
               }, [
                 $(r.$slots, "content", {}, () => [
                   isNaN(e.percentValue) ? (t(), i(N, { key: 1 }, [
-                    W(b(e.content), 1)
+                    W(w(e.content), 1)
                   ], 64)) : (t(), i("div", Bl, [
-                    n("div", Vl, b(e.content), 1),
+                    n("div", Vl, w(e.content), 1),
                     p(o(ae), {
                       position: "top",
                       "popper-class": "rounded-sm",
@@ -1131,7 +1148,7 @@ const Kt = {
                             width: "10",
                             height: "9"
                           }, null, 8, ["name", "class"]),
-                          n("span", Il, b(e.percentValue === 0 ? "-" : `${Math.abs(e.percentValue)}%`), 1)
+                          n("span", Il, w(e.percentValue === 0 ? "-" : `${Math.abs(e.percentValue)}%`), 1)
                         ])
                       ]),
                       _: 2
@@ -1139,7 +1156,7 @@ const Kt = {
                       e.percentTooltip ? {
                         name: "popper",
                         fn: S(() => [
-                          n("div", Tl, b(e.percentTooltip), 1)
+                          n("div", Tl, w(e.percentTooltip), 1)
                         ]),
                         key: "0"
                       } : void 0
@@ -1191,7 +1208,7 @@ const Kt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, s) => {
-      var d, c, m, f, x, g, k, A, j, I, C, h, B, O, w, V, L, E, P;
+      var d, c, m, f, x, g, k, A, j, I, C, h, B, O, b, V, L, E, P;
       return t(), i("div", {
         class: v(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1200,7 +1217,7 @@ const Kt = {
             key: 0,
             class: v(["absolute right-3 top-3 transition", { "opacity-0 group-hover:opacity-100": e.isHover }])
           }, [
-            p(o(X), {
+            p(o(K), {
               "right-icon": "pencil",
               variant: "secondary",
               size: "small",
@@ -1223,20 +1240,20 @@ const Kt = {
                 default: S(() => {
                   var D, U;
                   return [
-                    W(b(((U = (D = e.customer) == null ? void 0 : D.name) == null ? void 0 : U[0]) || "J"), 1)
+                    W(w(((U = (D = e.customer) == null ? void 0 : D.name) == null ? void 0 : U[0]) || "J"), 1)
                   ];
                 }),
                 _: 1
               }),
               n("div", jl, [
                 n("div", Ml, [
-                  n("span", Ll, b(((d = e.customer) == null ? void 0 : d.name) || "-"), 1),
-                  e.isBeneficiary ? (t(), i("span", Pl, b((c = e.customer.currency) == null ? void 0 : c.toUpperCase()), 1)) : u("", !0)
+                  n("span", Ll, w(((d = e.customer) == null ? void 0 : d.name) || "-"), 1),
+                  e.isBeneficiary ? (t(), i("span", Pl, w((c = e.customer.currency) == null ? void 0 : c.toUpperCase()), 1)) : u("", !0)
                 ]),
                 e.isBeneficiary ? (t(), i("span", El, [
-                  W(b(e.customer.bank_name) + " ", 1),
-                  e.customer.bank_account_number ? (t(), i("span", Nl, " / " + b(e.customer.bank_account_number), 1)) : u("", !0)
-                ])) : (t(), i("span", zl, b(((m = e.customer) == null ? void 0 : m.email) || ((f = e.customer) != null && f.phone_number_country_code && ((x = e.customer) != null && x.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (g = e.customer) != null && g.phone_number ? e.customer.phone_number : "-")), 1))
+                  W(w(e.customer.bank_name) + " ", 1),
+                  e.customer.bank_account_number ? (t(), i("span", Nl, " / " + w(e.customer.bank_account_number), 1)) : u("", !0)
+                ])) : (t(), i("span", zl, w(((m = e.customer) == null ? void 0 : m.email) || ((f = e.customer) != null && f.phone_number_country_code && ((x = e.customer) != null && x.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (g = e.customer) != null && g.phone_number ? e.customer.phone_number : "-")), 1))
               ])
             ]),
             e.variant !== "small" ? (t(), i("div", Rl, [
@@ -1255,7 +1272,7 @@ const Kt = {
                 content: [
                   ((C = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : C.street) || "",
                   ((B = (h = e.customer) == null ? void 0 : h.address) == null ? void 0 : B.city) || "",
-                  ((w = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : w.state) || "",
+                  ((b = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : b.state) || "",
                   ((L = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : L.postal_code) || "",
                   ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
@@ -1278,7 +1295,7 @@ const Kt = {
                 n("span", { class: "text-sm text-oc-text-400" }, " Add customer detail to this transaction ")
               ], -1))
             ]),
-            p(o(X), {
+            p(o(K), {
               variant: "secondary",
               size: "small",
               class: "w-full",
@@ -1299,7 +1316,7 @@ const Kt = {
       ], 2);
     };
   }
-}, St = /* @__PURE__ */ ge(ql, [["__scopeId", "data-v-88d0c278"]]), Hl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Yl = { key: 0 }, Nm = {
+}, St = /* @__PURE__ */ ge(ql, [["__scopeId", "data-v-88d0c278"]]), Hl = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, Yl = { key: 0 }, Fm = {
   __name: "OcTransferSummary",
   props: {
     transfer: {
@@ -1374,10 +1391,10 @@ const Kt = {
       ]),
       n("div", Kl, [
         n("div", Gl, [
-          n("span", null, b(e.title), 1),
+          n("span", null, w(e.title), 1),
           n("span", Xl, [
             $(r.$slots, "description", {}, () => [
-              W(b(e.description), 1)
+              W(w(e.description), 1)
             ])
           ])
         ]),
@@ -1391,7 +1408,7 @@ const Kt = {
             class: v(["text-lg font-medium", e.iconTextClass])
           }, [
             $(r.$slots, "iconText", {}, () => [
-              W(b(e.iconText), 1)
+              W(w(e.iconText), 1)
             ])
           ], 2)
         ])
@@ -1422,9 +1439,9 @@ const Kt = {
       return t(), i("div", Zl, [
         n("div", Ql, [
           n("div", _l, [
-            e.title ? (t(), i("span", ea, b(e.title), 1)) : u("", !0),
+            e.title ? (t(), i("span", ea, w(e.title), 1)) : u("", !0),
             l[3] || (l[3] = W(" - ")),
-            e.date ? (t(), i("span", ta, b(e.date), 1)) : u("", !0)
+            e.date ? (t(), i("span", ta, w(e.date), 1)) : u("", !0)
           ]),
           p(o(se), {
             modelValue: r.value,
@@ -1471,7 +1488,7 @@ const Kt = {
         class: v([e.imageClass, "object-contain"]),
         alt: e.title
       }, null, 10, ia),
-      n("div", oa, b(e.title), 1),
+      n("div", oa, w(e.title), 1),
       $(r.$slots, "default")
     ]));
   }
@@ -1533,7 +1550,7 @@ const Kt = {
             $(f.$slots, "logo"),
             n("div", ca, [
               n("div", ua, [
-                n("span", ma, b(e.title), 1),
+                n("span", ma, w(e.title), 1),
                 e.chips.length ? (t(), i("div", fa, [
                   (t(!0), i(N, null, R(e.chips, (k, A) => (t(), y(o(ne), F({
                     key: A,
@@ -1542,7 +1559,7 @@ const Kt = {
                   }, k), null, 16))), 128))
                 ])) : u("", !0)
               ]),
-              e.description ? (t(), i("div", va, b(e.description), 1)) : u("", !0)
+              e.description ? (t(), i("div", va, w(e.description), 1)) : u("", !0)
             ])
           ]),
           $(f.$slots, "right", {}, () => [
@@ -1578,7 +1595,7 @@ const Kt = {
             default: S(({ isShow: k }) => [
               n("div", {
                 class: v(["text-sm w-[35px] h-[24px] flex items-center justify-center border rounded-sm font-medium whitespace-nowrap", k ? " bg-white" : "bg-oc-bg-dark"])
-              }, " + " + b(e.paymentMethods.length - d.value), 3)
+              }, " + " + w(e.paymentMethods.length - d.value), 3)
             ]),
             popper: S(() => [
               n("div", xa, [
@@ -1648,7 +1665,7 @@ const Kt = {
           n("div", $a, [
             n("div", Sa, [
               $(d.$slots, "title", {}, () => [
-                e.title ? (t(), i("span", Ca, b(e.title), 1)) : u("", !0)
+                e.title ? (t(), i("span", Ca, w(e.title), 1)) : u("", !0)
               ]),
               e.chips.length ? (t(), i("div", Ba, [
                 (t(!0), i(N, null, R(e.chips, (m, f) => (t(), y(o(ne), {
@@ -1693,7 +1710,7 @@ const Kt = {
                   height: "16",
                   class: "text-oc-text-400"
                 }, null, 8, ["name"])) : u("", !0),
-                W(" " + b(e.description), 1)
+                W(" " + w(e.description), 1)
               ]),
               e.details.length ? (t(), i("div", Ia, [
                 (t(!0), i(N, null, R(e.details, (m, f) => (t(), i("div", {
@@ -1710,7 +1727,7 @@ const Kt = {
                     height: "16",
                     class: "text-oc-text-400 shrink-0"
                   }, null, 8, ["name"])),
-                  n("div", Ta, b(m.label), 1)
+                  n("div", Ta, w(m.label), 1)
                 ]))), 128))
               ])) : u("", !0)
             ])) : u("", !0)
@@ -1768,7 +1785,7 @@ const Kt = {
       n("div", ja, [
         n("div", Ma, [
           n("div", La, [
-            e.title ? (t(), i("span", Pa, b(e.title), 1)) : u("", !0),
+            e.title ? (t(), i("span", Pa, w(e.title), 1)) : u("", !0),
             e.chips.length ? (t(), i("div", Ea, [
               (t(!0), i(N, null, R(e.chips, (s, d) => (t(), y(o(ne), {
                 key: d,
@@ -1780,10 +1797,10 @@ const Kt = {
           ])
         ]),
         n("div", Na, [
-          n("div", za, b(e.description), 1)
+          n("div", za, w(e.description), 1)
         ])
       ]),
-      e.buttonProps ? (t(), y(o(X), F({
+      e.buttonProps ? (t(), y(o(K), F({
         key: 0,
         class: "shrink-0",
         size: "small"
@@ -1815,7 +1832,7 @@ const Kt = {
       ])) : u("", !0),
       n("div", Ua, [
         n("div", qa, [
-          n("div", Ha, b(e.page.title), 1),
+          n("div", Ha, w(e.page.title), 1),
           n("div", Ya, [
             p(o(se), {
               modelValue: r.value,
@@ -1837,18 +1854,18 @@ const Kt = {
             }, 8, ["modelValue"])
           ])
         ]),
-        n("div", Ka, b(a(e.page.description)), 1),
+        n("div", Ka, w(a(e.page.description)), 1),
         n("div", Ga, [
           n("span", Xa, [
             d[2] || (d[2] = n("span", { class: "text-oc-text-300" }, "Last updated : ", -1)),
-            n("span", Ja, b(o(G)(e.page.updated_at).format("DD MMM YYYY")), 1)
+            n("span", Ja, w(o(X)(e.page.updated_at).format("DD MMM YYYY")), 1)
           ]),
           p(o(ne), {
             class: "ml-auto md:ml-0",
             variant: e.page.enabled ? "primary" : "gray"
           }, {
             default: S(() => [
-              W(b(e.page.enabled ? "Published" : "Draft"), 1)
+              W(w(e.page.enabled ? "Published" : "Draft"), 1)
             ]),
             _: 1
           }, 8, ["variant"])
@@ -1887,11 +1904,12 @@ const Kt = {
     },
     isTransparent: Boolean,
     isDraggable: Boolean,
-    isNoToggleForced: Boolean
+    isNoToggleForced: Boolean,
+    isOpenDefault: Boolean
   },
   emits: ["edit", "delete"],
   setup(e, { expose: r, emit: a }) {
-    const l = e, s = M(!1), d = () => {
+    const l = e, s = M(l.isOpenDefault), d = () => {
       l.isNoToggleForced || (s.value = !s.value);
     };
     return r({
@@ -1922,7 +1940,7 @@ const Kt = {
           n("div", en, [
             n("div", tn, [
               n("div", ln, [
-                e.title ? (t(), i("span", an, b(e.title), 1)) : u("", !0),
+                e.title ? (t(), i("span", an, w(e.title), 1)) : u("", !0),
                 e.chips.length ? (t(), i("div", nn, [
                   (t(!0), i(N, null, R(e.chips, (f, x) => (t(), y(o(ne), {
                     key: x,
@@ -1937,7 +1955,7 @@ const Kt = {
             ]),
             $(c.$slots, "default", {}, () => [
               e.description ? (t(), i("div", on, [
-                n("div", sn, b(e.description), 1)
+                n("div", sn, w(e.description), 1)
               ])) : u("", !0)
             ])
           ]),
@@ -1977,7 +1995,7 @@ const Kt = {
       ])
     ], 2));
   }
-}), zm = {
+}), Um = {
   __name: "OcListItem",
   props: {
     isActive: Boolean,
@@ -2010,7 +2028,8 @@ const Kt = {
     },
     isDisabled: Boolean,
     isTransparent: Boolean,
-    isDraggable: Boolean
+    isDraggable: Boolean,
+    isOpenDefault: Boolean
   },
   emits: ["more", "edit", "delete", "click:item"],
   setup(e) {
@@ -2063,8 +2082,8 @@ const Kt = {
   },
   setup(e) {
     return (r, a) => (t(), i("div", mn, [
-      n("span", fn, b(e.title) + ":", 1),
-      n("span", vn, b(e.url), 1),
+      n("span", fn, w(e.title) + ":", 1),
+      n("span", vn, w(e.url), 1),
       e.isCopy ? (t(), y(o(je), {
         key: 0,
         value: e.url
@@ -2115,7 +2134,7 @@ const Kt = {
       n("div", {
         class: v(["flex gap-x-2 items-center shrink-0 text-oc-text-400", { "w-[80px]": e.variant === "small" && !a.value }])
       }, [
-        W(b(e.label) + " ", 1),
+        W(w(e.label) + " ", 1),
         e.showCopyTooltip ? (t(), y(o(je), {
           key: 0,
           value: e.content
@@ -2135,7 +2154,7 @@ const Kt = {
         class: v({ "text-base font-medium": a.value })
       }, [
         $(l.$slots, "content", {}, () => [
-          n("span", null, b(e.content), 1)
+          n("span", null, w(e.content), 1)
         ])
       ], 2)
     ], 2));
@@ -2143,7 +2162,7 @@ const Kt = {
 }, pn = { class: "uppercase" }, yn = { class: "flex flex-col px-3 py-2 text-[12px] text-oc-text-400 font-medium text-sm" }, xn = { class: "mb-auto" }, hn = {
   key: 1,
   class: "absolute top-2 right-2 left-2 bottom-2 bg-white flex items-center justify-center"
-}, Rm = {
+}, qm = {
   __name: "OcInfoCard",
   props: {
     isLoading: Boolean,
@@ -2170,14 +2189,14 @@ const Kt = {
         key: 0,
         class: v(["flex items-start text-oc-text-400 font-medium text-[10px]", e.titleClass])
       }, [
-        n("div", pn, b(e.title), 1),
+        n("div", pn, w(e.title), 1),
         e.titleIconTooltip ? (t(), y(o(ae), {
           key: 0,
           "popper-class": "w-max bg-oc-bg",
           position: "top-start"
         }, {
           popper: S(() => [
-            n("div", yn, b(e.titleIconTooltip), 1)
+            n("div", yn, w(e.titleIconTooltip), 1)
           ]),
           default: S(() => [
             p(o(T), {
@@ -2211,7 +2230,7 @@ const Kt = {
 }, Bn = { 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" }, On = { class: "p-2 border-b border-gray-200" }, In = {
   key: 0,
   class: "p-2"
-}, Fm = {
+}, Hm = {
   __name: "OcFloatContent",
   props: {
     modelValue: {
@@ -2254,12 +2273,12 @@ const Kt = {
             n("div", kn, [
               n("span", $n, [
                 $(l.$slots, "title", {}, () => [
-                  W(b(e.title), 1)
+                  W(w(e.title), 1)
                 ])
               ]),
               $(l.$slots, "description", {}, () => [
                 n("div", Sn, [
-                  e.description ? (t(), i("span", Cn, b(e.description), 1)) : u("", !0),
+                  e.description ? (t(), i("span", Cn, w(e.description), 1)) : u("", !0),
                   p(o(je), {
                     value: e.description,
                     "tooltip-options": { strategy: "fixed" }
@@ -2338,7 +2357,7 @@ const Kt = {
 }, Mn = {
   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" }, Pn = { class: "font-medium" }, En = { class: "text-oc-text-300 text-sm" }, Um = /* @__PURE__ */ Z({
+}, Ln = { class: "flex flex-col gap-y-1" }, Pn = { class: "font-medium" }, En = { class: "text-oc-text-300 text-sm" }, Ym = /* @__PURE__ */ Z({
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2381,20 +2400,20 @@ const Kt = {
             width: "18",
             height: "18"
           })
-        ])) : e.number ? (t(), i("div", Mn, b(e.number), 1)) : u("", !0),
+        ])) : e.number ? (t(), i("div", Mn, w(e.number), 1)) : u("", !0),
         n("div", Ln, [
           $(r.$slots, "default", {}, () => [
-            n("span", Pn, b(e.title), 1),
-            n("span", En, b(e.description), 1)
+            n("span", Pn, w(e.title), 1),
+            n("span", En, w(e.description), 1)
           ])
         ])
       ]),
       $(r.$slots, "action", {}, () => [
-        e.isButtonVisible ? (t(), y(o(X), F({ key: 0 }, e.buttonOptions, { class: "shrink-0" }), null, 16)) : u("", !0)
+        e.isButtonVisible ? (t(), y(o(K), F({ key: 0 }, e.buttonOptions, { class: "shrink-0" }), null, 16)) : u("", !0)
       ])
     ]));
   }
-}), qm = {
+}), Wm = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2455,7 +2474,7 @@ const Kt = {
           onClick: d[0] || (d[0] = (c) => a.isDisabled ? null : s.$emit("update:isExpandable", !a.isExpandable))
         }, [
           $(s.$slots, "header", {}, () => [
-            W(b(e.header), 1)
+            W(w(e.header), 1)
           ]),
           e.showIcon ? (t(), y(o(T), {
             key: 0,
@@ -2472,7 +2491,7 @@ const Kt = {
             class: v(["text-oc-text text-sm p-4 rounded-b z-0 border-x border-b", [e.isExpandable ? "border-oc-gray-200" : " border-transparent", e.bodyStyle]])
           }, [
             $(s.$slots, "body", {}, () => [
-              W(b(e.body), 1)
+              W(w(e.body), 1)
             ])
           ], 2)
         ], 2)
@@ -2518,7 +2537,7 @@ const Kt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), zn = { class: "flex items-center flex-1 gap-x-4" }, Rn = { class: "flex flex-col gap-y-1" }, Fn = { class: "font-medium" }, Un = { class: "text-oc-text-400 text-sm" }, Hm = /* @__PURE__ */ Z({
+}), zn = { class: "flex items-center flex-1 gap-x-4" }, Rn = { class: "flex flex-col gap-y-1" }, Fn = { class: "font-medium" }, Un = { class: "text-oc-text-400 text-sm" }, Km = /* @__PURE__ */ Z({
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -2557,8 +2576,8 @@ const Kt = {
         n("div", zn, [
           p(Nn, { variant: e.variant }, null, 8, ["variant"]),
           n("div", Rn, [
-            n("span", Fn, b(e.title), 1),
-            n("span", Un, b(e.description), 1)
+            n("span", Fn, w(e.title), 1),
+            n("span", Un, w(e.description), 1)
           ])
         ]),
         $(d.$slots, "button-group"),
@@ -2579,7 +2598,7 @@ const Kt = {
 }), qn = ["onClick"], Hn = {
   key: 1,
   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, Ym = {
+}, ft = 100, vt = 35, Gm = {
   __name: "OcTabs",
   props: {
     variant: {
@@ -2682,7 +2701,7 @@ const Kt = {
               e.isFullWidth ? "w-full" : "",
               e.isBig ? "text-base" : "text-sm"
             ]]),
-            onClick: (w) => j(h.value)
+            onClick: (b) => j(h.value)
           }, [
             $(I.$slots, h.value, {}, () => [
               h.icon ? (t(), y(o(T), {
@@ -2693,8 +2712,8 @@ const Kt = {
               }, null, 8, ["name"])) : u("", !0),
               n("div", {
                 class: v({ truncate: e.isArrows })
-              }, b(h.label), 3),
-              h.count ? (t(), i("div", Hn, b(h.count > e.maxCount ? `${e.maxCount}+` : h.count), 1)) : u("", !0)
+              }, w(h.label), 3),
+              h.count ? (t(), i("div", Hn, w(h.count > e.maxCount ? `${e.maxCount}+` : h.count), 1)) : u("", !0)
             ])
           ], 10, qn);
         }), 128))
@@ -2716,7 +2735,7 @@ const Kt = {
       ], 2)) : u("", !0)
     ], 2));
   }
-}, Yn = ["src"], Wn = { class: "shrink-0" }, Wm = {
+}, Yn = ["src"], Wn = { class: "shrink-0" }, Xm = {
   __name: "OcPaymentTab",
   props: {
     tab: {
@@ -2741,7 +2760,7 @@ const Kt = {
           alt: "logo"
         }, null, 8, Yn)) : u("", !0)
       ]),
-      n("div", Wn, b(e.tab.label), 1)
+      n("div", Wn, w(e.tab.label), 1)
     ], 2));
   }
 }, Kn = { key: 1 }, Gn = /* @__PURE__ */ Z({
@@ -2779,14 +2798,14 @@ const Kt = {
           name: "check-2",
           width: "12",
           height: "12"
-        })) : (t(), i("span", Kn, b(e.value), 1))
+        })) : (t(), i("span", Kn, w(e.value), 1))
       ], 2),
       n("span", {
         class: v(e.isCurrent ? "font-medium" : "")
-      }, b(e.title), 3)
+      }, w(e.title), 3)
     ], 2));
   }
-}), Xn = { class: "flex gap-x-7" }, Km = /* @__PURE__ */ Z({
+}), Xn = { class: "flex gap-x-7" }, Jm = /* @__PURE__ */ Z({
   __name: "OcSteps",
   props: {
     steps: {
@@ -2814,7 +2833,7 @@ const Kt = {
       ])
     ]));
   }
-}), Jn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Gm = /* @__PURE__ */ Z({
+}), Jn = { class: "flex gap-3 items-start md:flex-row flex-col" }, Zm = /* @__PURE__ */ Z({
   __name: "OcVariants",
   props: {
     variants: {
@@ -2891,7 +2910,7 @@ const Kt = {
         e.label ? (t(), i("span", {
           key: 1,
           class: v(e.isDisabled ? "text-oc-text-300" : e.isActive ? "font-medium" : "")
-        }, b(e.label), 3)) : u("", !0)
+        }, w(e.label), 3)) : u("", !0)
       ]),
       $(r.$slots, `${e.value}-description`)
     ], 2));
@@ -2902,22 +2921,22 @@ function ti(e, r) {
     $(e.$slots, "default")
   ]);
 }
-const Xm = /* @__PURE__ */ ge(_n, [["render", ti]]), li = {}, ai = { 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 Qm = /* @__PURE__ */ ge(_n, [["render", ti]]), li = {}, ai = { 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 ni(e, r) {
   return t(), i("div", ai, [
     $(e.$slots, "default")
   ]);
 }
-const Jm = /* @__PURE__ */ ge(li, [["render", ni]]), ii = {}, oi = { class: "flex items-center gap-x-3" };
+const _m = /* @__PURE__ */ ge(li, [["render", ni]]), ii = {}, oi = { class: "flex items-center gap-x-3" };
 function si(e, r) {
   return t(), i("div", oi, [
     $(e.$slots, "default")
   ]);
 }
-const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-center" }, di = {
+const ef = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-center" }, di = {
   key: 1,
   class: "text-oc-text-300 text-sm md:text-base"
-}, Qm = {
+}, tf = {
   __name: "OcHeaderCenter",
   props: {
     isSaved: Boolean
@@ -2942,7 +2961,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       ])
     ]));
   }
-}, ci = { class: "flex items-center gap-x-7 ml-auto" }, ui = { class: "flex gap-x-3" }, _m = {
+}, ci = { class: "flex items-center gap-x-7 ml-auto" }, ui = { class: "flex gap-x-3" }, lf = {
   __name: "OcHeaderRight",
   props: {
     primaryProps: {
@@ -2962,7 +2981,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       $(a.$slots, "default", {}, () => [
         $(a.$slots, "before"),
         n("div", ui, [
-          e.isSecondaryButtonVisible ? (t(), y(o(X), F({
+          e.isSecondaryButtonVisible ? (t(), y(o(K), F({
             key: 0,
             class: "min-w-[100px]",
             variant: "secondary",
@@ -2971,7 +2990,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             onClick: l[0] || (l[0] = (s) => a.$emit("cancel"))
           }), null, 16)) : u("", !0),
           $(a.$slots, "primary-button", {}, () => [
-            p(o(X), F({
+            p(o(K), F({
               class: "min-w-[100px]",
               label: "Save"
             }, e.primaryProps, {
@@ -2983,7 +3002,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       ])
     ]));
   }
-}, mi = { class: "gap-x-9 hidden md:flex relative" }, fi = ["onClick"], vi = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, gi = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, ef = {
+}, mi = { class: "gap-x-9 hidden md:flex relative" }, fi = ["onClick"], vi = { class: "p-3 font-medium whitespace-normal text-oc-accent-1-500 flex items-center gap-2" }, gi = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, af = {
   __name: "OcTabToSelect",
   props: {
     menus: Array,
@@ -3026,7 +3045,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             height: "24",
             class: v(["group-hover:hidden", x.value === e.modelValue ? "hidden" : "block"])
           }, null, 8, ["name", "class"]),
-          W(" " + b(x.label), 1)
+          W(" " + w(x.label), 1)
         ], 10, fi))), 128)),
         n("div", {
           ref_key: "currentRef",
@@ -3058,7 +3077,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
         ]),
         default: S(() => [
           n("div", vi, [
-            W(b(l.value.label) + " ", 1),
+            W(w(l.value.label) + " ", 1),
             p(o(T), {
               name: "chevron-down",
               width: "20",
@@ -3097,7 +3116,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           e.isLoading ? (t(), y(o(le), {
             key: 1,
             class: "w-1/2 h-[20px] rounded"
-          })) : (t(), i("span", xi, b(e.title), 1))
+          })) : (t(), i("span", xi, w(e.title), 1))
         ]),
         e.chipProps ? (t(), y(o(ne), me(F({ key: 0 }, e.chipProps)), null, 16)) : u("", !0)
       ]),
@@ -3106,7 +3125,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           e.isLoading ? (t(), y(o(le), {
             key: 1,
             class: "w-1/3 h-[18px] rounded"
-          })) : (t(), i("span", bi, b(e.description), 1))
+          })) : (t(), i("span", bi, w(e.description), 1))
         ]),
         e.isCopy ? (t(), y(o(je), {
           key: 0,
@@ -3142,8 +3161,8 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
     const r = M(!1);
     return (a, l) => (t(), i("div", wi, [
       n("div", ki, [
-        n("span", $i, b(e.title), 1),
-        e.primaryButtonProps || e.secondaryButtonProps ? (t(), y(o(X), F({
+        n("span", $i, w(e.title), 1),
+        e.primaryButtonProps || e.secondaryButtonProps ? (t(), y(o(K), F({
           key: 0,
           size: "small"
         }, e.primaryButtonProps, { "is-additional-area": "" }), {
@@ -3184,7 +3203,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
         }, 16)) : u("", !0)
       ]),
       e.description ? (t(), i("div", Si, [
-        n("span", Ci, b(e.description), 1),
+        n("span", Ci, w(e.description), 1),
         p(o(je), {
           class: "shrink-0",
           value: e.description
@@ -3204,7 +3223,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       e.chipProps ? (t(), y(o(ne), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : u("", !0)
     ]));
   }
-}), Vi = { class: "pb-4 flex flex-col" }, Oi = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, tf = {
+}), Vi = { class: "pb-4 flex flex-col" }, Oi = { class: "flex flex-col gap-y-3 pt-4 px-5 md:px-7" }, nf = {
   __name: "OcPageTitle",
   props: {
     title: { type: String, required: !0 },
@@ -3227,7 +3246,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
   setup(e) {
     return (r, a) => (t(), i("div", Vi, [
       n("div", Oi, [
-        e.isBack ? (t(), y(o(X), {
+        e.isBack ? (t(), y(o(K), {
           key: 0,
           size: "small",
           "icon-class": "rotate-90",
@@ -3339,7 +3358,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           popper: S(() => {
             var I, C;
             return [
-              n("div", Ti, b((C = (I = e.primaryActions) == null ? void 0 : I.mainLinkAction) == null ? void 0 : C.tooltipContent), 1)
+              n("div", Ti, w((C = (I = e.primaryActions) == null ? void 0 : I.mainLinkAction) == null ? void 0 : C.tooltipContent), 1)
             ];
           }),
           default: S(() => {
@@ -3368,7 +3387,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
               distance: 7
             }, {
               popper: S(() => [
-                n("div", Ai, b(I != null && I.isCopyButton ? s.value ? x.value : f.value : I.tooltipContent), 1)
+                n("div", Ai, w(I != null && I.isCopyButton ? s.value ? x.value : f.value : I.tooltipContent), 1)
               ]),
               default: S(() => [
                 I != null && I.isCopyButton ? (t(), y(o(T), {
@@ -3413,7 +3432,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
                       key: 1,
                       ref_for: !0
                     }, B, {
-                      onClick: A[0] || (A[0] = (w) => c.value = !1)
+                      onClick: A[0] || (A[0] = (b) => c.value = !1)
                     }), null, 16))
                   ], 64))), 128))
                 ]),
@@ -3426,11 +3445,11 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
                       class: "!w-full"
                     }, {
                       popper: S(() => [
-                        n("div", Pi, b(B == null ? void 0 : B.tooltipText), 1)
+                        n("div", Pi, w(B == null ? void 0 : B.tooltipText), 1)
                       ]),
                       default: S(() => [
                         p(o(be), F({ ref_for: !0 }, B, {
-                          onClick: A[1] || (A[1] = (w) => c.value = !1)
+                          onClick: A[1] || (A[1] = (b) => c.value = !1)
                         }), null, 16)
                       ]),
                       _: 2
@@ -3438,7 +3457,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
                       key: 1,
                       ref_for: !0
                     }, B, {
-                      onClick: A[2] || (A[2] = (w) => c.value = !1)
+                      onClick: A[2] || (A[2] = (b) => c.value = !1)
                     }), null, 16))
                   ]))), 128))
                 ])) : u("", !0)
@@ -3509,7 +3528,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           ];
         }),
         default: S(() => [
-          p(o(X), F({
+          p(o(K), F({
             size: o(l) ? "small" : "default"
           }, e.secondaryButtonProps), null, 16, ["size"])
         ]),
@@ -3522,15 +3541,15 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
         "arrow-hidden": ""
       }, {
         popper: S(() => [
-          n("div", Ri, b(e.primaryButtonProps.tooltip), 1)
+          n("div", Ri, w(e.primaryButtonProps.tooltip), 1)
         ]),
         default: S(() => [
-          p(o(X), F({
+          p(o(K), F({
             size: o(l) ? "small" : "default"
           }, e.primaryButtonProps), null, 16, ["size"])
         ]),
         _: 1
-      })) : e.primaryButtonProps ? (t(), y(o(X), F({
+      })) : e.primaryButtonProps ? (t(), y(o(K), F({
         key: 2,
         size: o(l) ? "small" : "default"
       }, e.primaryButtonProps), null, 16, ["size"])) : u("", !0)
@@ -3539,7 +3558,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
 }, qi = /* @__PURE__ */ ge(Ui, [["__scopeId", "data-v-84aa7cb6"]]), Hi = { class: "flex flex-col flex-1 py-4 gap-5 px-6 animated-section" }, Yi = {
   key: 0,
   class: "border-t border-oc-gray-200 last:hidden first:hidden"
-}, lf = {
+}, of = {
   __name: "OcSidebar",
   props: {
     class: {
@@ -3649,7 +3668,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       }, 8, ["is-expanded", "display-name"])
     ], 2));
   }
-}, af = {
+}, sf = {
   __name: "OcSidebarSubmenu",
   props: {
     isExpanded: {
@@ -3786,7 +3805,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             distance: 10
           }, {
             popper: S(() => [
-              n("div", Ki, b(e.iconTooltip), 1)
+              n("div", Ki, w(e.iconTooltip), 1)
             ]),
             default: S(() => [
               p(o(T), F({
@@ -3806,7 +3825,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             class: v({
               "truncate max-w-[180px]": e.shouldTruncateChip
             })
-          }, b(e.label), 3)
+          }, w(e.label), 3)
         ])
       ]),
       e.closable ? (t(), y(o(T), {
@@ -3885,7 +3904,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           n("div", to, [
             n("div", lo, [
               a[3] || (a[3] = n("span", { class: "font-medium" }, "Account setup", -1)),
-              n("span", ao, b(e.progress) + "%", 1)
+              n("span", ao, w(e.progress) + "%", 1)
             ]),
             n("div", no, [
               n("div", {
@@ -3905,7 +3924,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             class: "text-oc-warning-500"
           })
         ])) : (t(), i("div", so, [
-          n("span", ro, b(e.progress), 1),
+          n("span", ro, w(e.progress), 1),
           n("div", {
             class: "pie",
             style: ie({
@@ -3924,7 +3943,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       ]))
     ], 2));
   }
-}, nf = /* @__PURE__ */ ge(co, [["__scopeId", "data-v-fb4f007e"]]), uo = { class: "pb-2" }, mo = {
+}, rf = /* @__PURE__ */ ge(co, [["__scopeId", "data-v-fb4f007e"]]), uo = { class: "pb-2" }, mo = {
   key: 0,
   class: "pl-3 uppercase text-oc-accent-1-200 relative text-medium text-sm"
 }, fo = {
@@ -3937,7 +3956,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
     return (r, a) => (t(), i("div", null, [
       n("div", uo, [
         e.isSidebarExpanded && e.label ? (t(), i("div", mo, [
-          n("span", null, b(e.label), 1)
+          n("span", null, w(e.label), 1)
         ])) : u("", !0)
       ]),
       n("div", {
@@ -4015,7 +4034,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             e.isExpanded ? (t(), i(N, { key: 0 }, [
               n("span", {
                 class: v(["leading-[21px] flex-1", { "font-medium": e.isActive }])
-              }, b(e.label), 3),
+              }, w(e.label), 3),
               e.isBeta ? (t(), i("div", go, " BETA ")) : u("", !0),
               e.isNew ? (t(), i("div", po, " NEW ")) : u("", !0),
               e.isTryIt ? (t(), i("div", yo, " TRY IT ")) : u("", !0)
@@ -4035,7 +4054,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           name: "popper",
           fn: S(() => [
             n("div", xo, [
-              n("span", ho, b(e.label), 1)
+              n("span", ho, w(e.label), 1)
             ])
           ]),
           key: "0"
@@ -4099,7 +4118,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       }, a[0] || (a[0] = [
         n("div", { class: "w-[6px] h-[6px] rounded-full bg-[var(--oc-sidebar-menu-active-icon-active)]" }, null, -1)
       ]), 2),
-      n("div", ko, b(e.label), 1),
+      n("div", ko, w(e.label), 1),
       e.isBeta ? (t(), i("div", $o, " BETA ")) : u("", !0),
       e.isNew ? (t(), i("div", So, " NEW ")) : u("", !0),
       e.isTryIt ? (t(), i("div", Co, " TRY IT ")) : u("", !0)
@@ -4137,7 +4156,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       ])
     ]));
   }
-}, Do = { class: "relative" }, Ao = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, jo = { class: "py-2 px-3 gap-x-3 flex items-center" }, Mo = { class: "text-oc-accent-2 flex-1 font-medium" }, Lo = { class: "flex items-center gap-x-2" }, Po = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, of = {
+}, Do = { class: "relative" }, Ao = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, jo = { class: "py-2 px-3 gap-x-3 flex items-center" }, Mo = { class: "text-oc-accent-2 flex-1 font-medium" }, Lo = { class: "flex items-center gap-x-2" }, Po = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, df = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -4162,7 +4181,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             name: "sparkle-2",
             class: "text-oc-accent-2"
           }),
-          n("div", Mo, b(e.title), 1),
+          n("div", Mo, w(e.title), 1),
           n("div", Lo, [
             p(o(T), {
               name: "x",
@@ -4180,11 +4199,11 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             })
           ])
         ]),
-        n("div", Po, b(e.description), 1)
+        n("div", Po, w(e.description), 1)
       ])
     ]));
   }
-}, Eo = { class: "py-7 flex flex-col gap-y-3 px-4" }, No = { class: "flex flex-col gap-y-2" }, zo = ["onClick"], sf = /* @__PURE__ */ Z({
+}, Eo = { class: "py-7 flex flex-col gap-y-3 px-4" }, No = { class: "flex flex-col gap-y-2" }, zo = ["onClick"], cf = /* @__PURE__ */ Z({
   __name: "OcSubSidebar",
   props: {
     title: {
@@ -4214,7 +4233,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
           width: "20",
           height: "20"
         }),
-        W(" " + b(e.title), 1)
+        W(" " + w(e.title), 1)
       ])) : u("", !0),
       n("div", No, [
         (t(!0), i(N, null, R(e.menu, (l, s) => (t(), i("div", {
@@ -4224,11 +4243,11 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             e.modelValue === l.value ? "bg-oc-accent-2-50-tr text-oc-accent-1" : "text-oc-text-400"
           ]),
           onClick: (d) => r.$emit("update:modelValue", l.value)
-        }, b(l.label), 11, zo))), 128))
+        }, w(l.label), 11, zo))), 128))
       ])
     ]));
   }
-}), Ro = { class: "relative" }, rf = {
+}), Ro = { class: "relative" }, uf = {
   __name: "OcEmptyPage",
   props: {
     isButton: {
@@ -4354,14 +4373,14 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       }, [
         n("span", {
           class: v([r.value[e.size].title, "font-medium"])
-        }, b(e.title), 3),
+        }, w(e.title), 3),
         $(a.$slots, "description", {}, () => [
           n("span", {
             class: v([r.value[e.size].description, "text-oc-text-400 text-center"])
-          }, b(e.description), 3)
+          }, w(e.description), 3)
         ])
       ], 2),
-      e.isButton ? (t(), y(o(X), {
+      e.isButton ? (t(), y(o(K), {
         key: 0,
         label: e.isUpgrade ? e.upgradeLabel : e.addButtonLabel,
         "left-icon": e.isUpgrade ? "" : e.addButtonIcon,
@@ -4403,7 +4422,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
       ])) : (t(), i("div", Uo, [
         n("div", qo, [
           n("div", Ho, [
-            n("span", Yo, b(e.title), 1),
+            n("span", Yo, w(e.title), 1),
             e.chipOptions ? (t(), y(o(ne), me(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
           ]),
           n("span", {
@@ -4415,10 +4434,10 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
                 name: `flags/${e.countryIso.toUpperCase()}`
               }, null, 8, ["name"])
             ])) : u("", !0),
-            W(" " + b(e.content), 1)
+            W(" " + w(e.content), 1)
           ], 2)
         ]),
-        e.isDropdown ? (t(), y(o(X), me(F({ key: 0 }, e.dropdownOptions)), null, 16)) : u("", !0)
+        e.isDropdown ? (t(), y(o(K), me(F({ key: 0 }, e.dropdownOptions)), null, 16)) : u("", !0)
       ]))
     ], 2));
   }
@@ -4497,7 +4516,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
               }, d), null, 16))), 128))
             ]),
             default: S(() => [
-              p(o(X), F({
+              p(o(K), F({
                 "left-icon": "dots-vertical",
                 variant: "secondary"
               }, e.moreButtonProps), null, 16)
@@ -4509,7 +4528,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             position: "top"
           }, te({
             default: S(() => [
-              p(o(X), F({
+              p(o(K), F({
                 variant: "secondary",
                 label: "Top up balance"
               }, e.secondaryButtonProps), null, 16)
@@ -4519,7 +4538,7 @@ const Zm = /* @__PURE__ */ ge(ii, [["render", si]]), ri = { class: "flex items-c
             (s = e.secondaryButtonProps) != null && s.tooltip ? {
               name: "popper",
               fn: S(() => [
-                W(b(e.secondaryButtonProps.tooltip), 1)
+                W(w(e.secondaryButtonProps.tooltip), 1)
               ]),
               key: "0"
             } : void 0
@@ -4656,7 +4675,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                   popper: S(() => {
                     var c;
                     return [
-                      n("div", cs, b((c = e.boxes[0]) == null ? void 0 : c.infoTooltip), 1)
+                      n("div", cs, w((c = e.boxes[0]) == null ? void 0 : c.infoTooltip), 1)
                     ];
                   }),
                   default: S(() => [
@@ -4671,7 +4690,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 })
               ])) : u("", !0)
             ]),
-            p(o(X), {
+            p(o(K), {
               class: "self-start px-3",
               label: "See details ->",
               size: "small",
@@ -4697,7 +4716,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           r.value ? (t(), i("div", us, [
             n("div", ms, [
               l[4] || (l[4] = n("span", { class: "font-medium" }, "Details", -1)),
-              p(o(X), {
+              p(o(K), {
                 size: "small",
                 "left-icon": "x",
                 label: "Close",
@@ -4795,7 +4814,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
               p(o(ae), { "popper-options": { strategy: "fixed" } }, {
                 popper: S(() => [
                   $(r.$slots, l.infoTooltipSlot, {}, () => [
-                    n("div", ps, b(l.infoTooltip), 1)
+                    n("div", ps, w(l.infoTooltip), 1)
                   ])
                 ]),
                 default: S(() => [
@@ -4867,7 +4886,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
 }, $s = ["href"], Ss = { class: "truncate" }, Cs = { class: "text-oc-text whitespace-nowrap" }, Bs = {
   key: 1,
   class: "flex items-center h-[30px] gap-x-2 w-full"
-}, df = {
+}, mf = {
   __name: "OcAdditionalContent",
   props: {
     mainLink: { type: String, default: "" },
@@ -4931,7 +4950,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
               class: "w-[100px] h-[24px] rounded"
             })) : u("", !0)
           ])) : (t(), i("div", hs, [
-            n("span", bs, b(e.additionalTitle), 1),
+            n("span", bs, w(e.additionalTitle), 1),
             e.chipVariant ? (t(), y(o(ne), {
               key: 0,
               variant: e.chipVariant,
@@ -4952,8 +4971,8 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
               target: "_blank",
               class: "text-oc-text-400 flex items-center overflow-hidden cursor-pointer"
             }, [
-              n("div", Ss, b(e.mainLink), 1),
-              n("div", Cs, b(e.userId), 1)
+              n("div", Ss, w(e.mainLink), 1),
+              n("div", Cs, w(e.userId), 1)
             ], 8, $s),
             p(o(Ei), {
               "primary-actions": e.primaryActions,
@@ -5032,8 +5051,8 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       var l;
       return t(), i("div", Vs, [
         n("div", Os, [
-          n("h2", Is, b(e.title), 1),
-          e.description ? (t(), i("p", Ts, b(e.description), 1)) : u("", !0),
+          n("h2", Is, w(e.title), 1),
+          e.description ? (t(), i("p", Ts, w(e.description), 1)) : u("", !0),
           (l = e.features) != null && l.length ? (t(), i("div", Ds, [
             (t(!0), i(N, null, R(e.features, (s) => (t(), i("div", {
               key: s.title,
@@ -5050,14 +5069,14 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 height: "56",
                 width: "56"
               }, null, 8, ["name"]),
-              n("span", As, b(s.title), 1)
+              n("span", As, w(s.title), 1)
             ]))), 128))
           ])) : u("", !0)
         ])
       ]);
     };
   }
-}, cf = /* @__PURE__ */ ge(js, [["__scopeId", "data-v-d658d1d3"]]), Ms = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Ls = { class: "text-sm" }, uf = /* @__PURE__ */ Z({
+}, ff = /* @__PURE__ */ ge(js, [["__scopeId", "data-v-d658d1d3"]]), Ms = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Ls = { class: "text-sm" }, vf = /* @__PURE__ */ Z({
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -5071,14 +5090,48 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
   },
   setup(e) {
     return (r, a) => (t(), i("div", Ms, [
-      n("span", Ls, b(e.title), 1),
+      n("span", Ls, w(e.title), 1),
       e.chipProps ? (t(), y(o(ne), F({
         key: 0,
         class: "absolute left-[40px]"
       }, e.chipProps), null, 16)) : u("", !0)
     ]));
   }
-}), Ps = { class: "flex flex-col text-center gap-y-3" }, Es = { class: "text-lg font-medium" }, Ns = { class: "text-sm text-oc-text-400" }, mf = /* @__PURE__ */ Z({
+}), Ps = { class: "w-screen relative h-[40px] bg-oc-warning-300 flex items-center justify-center" }, Es = { class: "text-sm font-medium" }, Ns = { class: "flex items-center gap-2 underline" }, gf = /* @__PURE__ */ Z({
+  __name: "OcTopBanner",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    buttonLabel: String
+  },
+  emits: ["click:button"],
+  setup(e) {
+    return (r, a) => (t(), i("div", Ps, [
+      n("span", Es, w(e.title), 1),
+      e.buttonLabel ? (t(), y(o(K), {
+        key: 0,
+        class: "absolute right-9",
+        size: "small",
+        "is-transparent": "",
+        onClick: a[0] || (a[0] = (l) => r.$emit("click:button"))
+      }, {
+        default: S(() => [
+          n("span", Ns, [
+            W(w(e.buttonLabel) + " ", 1),
+            p(o(T), {
+              name: "arrow-right",
+              width: "9",
+              height: "9"
+            })
+          ])
+        ]),
+        _: 1
+      })) : u("", !0)
+    ]));
+  }
+}), zs = { class: "flex flex-col text-center gap-y-3" }, Rs = { class: "text-lg font-medium" }, Fs = { class: "text-sm text-oc-text-400" }, pf = /* @__PURE__ */ Z({
   __name: "OcBox",
   props: {
     icon: String,
@@ -5099,13 +5152,13 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         height: e.height,
         variant: e.variant
       }, null, 8, ["icon", "width", "height", "variant"]),
-      n("div", Ps, [
-        n("span", Es, b(e.title), 1),
-        n("span", Ns, b(e.description), 1)
+      n("div", zs, [
+        n("span", Rs, w(e.title), 1),
+        n("span", Fs, w(e.description), 1)
       ])
     ], 2));
   }
-}), ff = /* @__PURE__ */ Z({
+}), yf = /* @__PURE__ */ Z({
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -5127,11 +5180,11 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         height: e.height,
         class: v(e.iconClass)
       }, null, 8, ["name", "width", "height", "class"])) : u("", !0),
-      n("span", null, b(e.title), 1),
+      n("span", null, w(e.title), 1),
       e.chipProps ? (t(), y(o(ne), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : u("", !0)
     ], 2));
   }
-}), zs = { class: "flex items-center" }, Rs = { class: "flex flex-1 items-center gap-x-3" }, Fs = { class: "font-medium text-lg" }, vf = /* @__PURE__ */ Z({
+}), Us = { class: "flex items-center" }, qs = { class: "flex flex-1 items-center gap-x-3" }, Hs = { class: "font-medium text-lg" }, xf = /* @__PURE__ */ Z({
   __name: "OcVerificationOption",
   props: {
     title: {
@@ -5155,10 +5208,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
     return (r, a) => (t(), i("div", {
       class: v(["rounded hover:bg-oc-gray-50 p-5 flex flex-col gap-y-3", e.isActive ? "border-2 border-oc-primary" : "border border-oc-gray-200"])
     }, [
-      n("div", zs, [
-        n("div", Rs, [
+      n("div", Us, [
+        n("div", qs, [
           $(r.$slots, "title", {}, () => [
-            n("span", Fs, b(e.title), 1)
+            n("span", Hs, w(e.title), 1)
           ]),
           e.chipOptions ? (t(), y(o(ne), me(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
         ]),
@@ -5173,13 +5226,13 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       $(r.$slots, "content")
     ], 2));
   }
-}), Us = {
+}), Ys = {
   key: 0,
   class: "flex flex-col gap-y-4 w-full"
-}, qs = { class: "flex flex-col gap-y-3" }, Hs = { class: "font-medium text-oc-text" }, Ys = { class: "text-oc-text-400" }, Ws = { class: "flex gap-x-3" }, Ks = {
+}, Ws = { class: "flex flex-col gap-y-3" }, Ks = { class: "font-medium text-oc-text" }, Gs = { class: "text-oc-text-400" }, Xs = { class: "flex gap-x-3" }, Js = {
   key: 0,
   class: "text-oc-text"
-}, Gs = ["innerHTML"], gf = {
+}, Zs = ["innerHTML"], hf = {
   __name: "OcSnackbar",
   props: {
     modelValue: {
@@ -5308,18 +5361,18 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
             }, null, 8, ["name", "width", "height"]))
           ], 64)) : u("", !0),
           $(x.$slots, "default", {}, () => [
-            f.value ? (t(), i("div", Us, [
-              n("div", qs, [
-                n("span", Hs, b(e.title), 1),
-                n("span", Ys, b(e.description), 1)
-              ]),
+            f.value ? (t(), i("div", Ys, [
               n("div", Ws, [
-                e.secondaryButton ? (t(), y(o(X), F({
+                n("span", Ks, w(e.title), 1),
+                n("span", Gs, w(e.description), 1)
+              ]),
+              n("div", Xs, [
+                e.secondaryButton ? (t(), y(o(K), F({
                   key: 0,
                   variant: "secondary",
                   size: "small"
                 }, e.secondaryButton), null, 16)) : u("", !0),
-                e.primaryButton ? (t(), y(o(X), F({
+                e.primaryButton ? (t(), y(o(K), F({
                   key: 1,
                   size: "small"
                 }, e.primaryButton), null, 16)) : u("", !0)
@@ -5332,7 +5385,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 key: 1,
                 class: "text-oc-text",
                 innerHTML: e.content
-              }, null, 8, Gs)) : (t(), i("span", Ks, b(e.content), 1))
+              }, null, 8, Zs)) : (t(), i("span", Js, w(e.content), 1))
             ], 2))
           ]),
           e.dismissible ? (t(), i("div", {
@@ -5353,7 +5406,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       _: 3
     }, 8, ["name"]));
   }
-}, Xs = { class: "flex items-center gap-3" }, Js = { class: "text-oc-text-500" }, Zs = { class: "p-4 text-sm" }, Qs = {
+}, Qs = { class: "flex items-center gap-3" }, _s = { class: "text-oc-text-500" }, er = { class: "p-4 text-sm" }, tr = {
   __name: "OcBanner",
   props: {
     modelValue: {
@@ -5412,7 +5465,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           n("div", {
             class: v(["flex flex-1 items-center justify-between gap-3 min-h-[34px] px-4 text-sm", o(r)[e.color]])
           }, [
-            n("div", Xs, [
+            n("div", Qs, [
               e.showIcon ? (t(), y(o(T), {
                 key: 0,
                 name: e.icon,
@@ -5421,10 +5474,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 height: "16"
               }, null, 8, ["name"])) : u("", !0),
               $(l.$slots, "title", {}, () => [
-                n("div", Js, b(e.title), 1)
+                n("div", _s, w(e.title), 1)
               ], !0)
             ]),
-            e.dismissible ? (t(), y(o(X), {
+            e.dismissible ? (t(), y(o(K), {
               key: 0,
               variant: "secondary",
               "is-transparent": "",
@@ -5432,9 +5485,9 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
               onClick: s[0] || (s[0] = (d) => l.$emit("update:modelValue", !1))
             })) : u("", !0)
           ], 2),
-          n("div", Zs, [
+          n("div", er, [
             $(l.$slots, "default", {}, () => [
-              W(b(e.content), 1)
+              W(w(e.content), 1)
             ], !0)
           ])
         ], 2), [
@@ -5444,10 +5497,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       _: 3
     }, 8, ["name"]));
   }
-}, pf = /* @__PURE__ */ ge(Qs, [["__scopeId", "data-v-d8517c87"]]), _s = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, er = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, tr = {
+}, bf = /* @__PURE__ */ ge(tr, [["__scopeId", "data-v-d8517c87"]]), lr = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, ar = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, nr = {
   key: 1,
   class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
-}, lr = { class: "text-sm" }, yf = {
+}, ir = { class: "text-sm" }, wf = {
   __name: "OcShareIcon",
   props: {
     text: String,
@@ -5460,10 +5513,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
   setup(e) {
     return (r, a) => e.isOnlyIcon ? (t(), y(o(ae), me(F({ key: 0 }, e.tooltipOptions)), {
       popper: S(() => [
-        n("div", er, b(e.text), 1)
+        n("div", ar, w(e.text), 1)
       ]),
       default: S(() => [
-        n("div", _s, [
+        n("div", lr, [
           p(o(T), {
             name: e.icon,
             width: "20",
@@ -5472,25 +5525,25 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         ])
       ]),
       _: 1
-    }, 16)) : (t(), i("div", tr, [
+    }, 16)) : (t(), i("div", nr, [
       p(o(T), {
         name: e.icon,
         width: "20",
         height: "20"
       }, null, 8, ["name"]),
-      n("span", lr, b(e.text), 1)
+      n("span", ir, w(e.text), 1)
     ]));
   }
-}, ar = { class: "flex flex-col w-full gap-y-2" }, nr = { class: "flex items-center gap-x-1" }, ir = {
+}, or = { class: "flex flex-col w-full gap-y-2" }, sr = { class: "flex items-center gap-x-1" }, rr = {
   key: 0,
   class: "text-oc-error"
-}, or = {
+}, dr = {
   key: 0,
   class: "px-3 py-2"
-}, sr = {
+}, cr = {
   key: 1,
   class: "flex items-center text-sm text-oc-text-400"
-}, rr = {
+}, ur = {
   key: 2,
   class: "flex items-center text-sm text-oc-error"
 }, he = {
@@ -5506,19 +5559,19 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
     labelClass: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", ar, [
+    return (r, a) => (t(), i("div", or, [
       e.label ? (t(), i("label", {
         key: 0,
         class: v(["flex items-center text-sm font-medium gap-x-3 text-oc-text-400", e.labelClass])
       }, [
-        n("span", nr, [
-          W(b(e.label) + " ", 1),
-          e.isRequired ? (t(), i("span", ir, "*")) : u("", !0)
+        n("span", sr, [
+          W(w(e.label) + " ", 1),
+          e.isRequired ? (t(), i("span", rr, "*")) : u("", !0)
         ]),
         e.labelIcon ? (t(), y(o(ae), me(F({ key: 0 }, e.tooltipOptions)), {
           popper: S(() => [
             $(r.$slots, "tooltipText", {}, () => [
-              e.tooltipText ? (t(), i("div", or, b(e.tooltipText), 1)) : u("", !0)
+              e.tooltipText ? (t(), i("div", dr, w(e.tooltipText), 1)) : u("", !0)
             ])
           ]),
           default: S(() => [
@@ -5532,18 +5585,18 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         }, 16)) : u("", !0)
       ], 2)) : u("", !0),
       $(r.$slots, "default"),
-      (e.hint || r.$slots.hint) && !e.errorMessage ? (t(), i("div", sr, [
+      (e.hint || r.$slots.hint) && !e.errorMessage ? (t(), i("div", cr, [
         $(r.$slots, "hint", {}, () => [
-          W(b(e.hint), 1)
+          W(w(e.hint), 1)
         ])
       ])) : u("", !0),
-      e.errorMessage ? (t(), i("div", rr, b(e.errorMessage), 1)) : u("", !0)
+      e.errorMessage ? (t(), i("div", ur, w(e.errorMessage), 1)) : u("", !0)
     ]));
   }
-}, dr = ["disabled"], cr = {
+}, mr = ["disabled"], fr = {
   key: 2,
   class: "overflow-hidden text-ellipsis"
-}, ur = {
+}, vr = {
   __name: "OcButton",
   props: {
     label: String,
@@ -5624,7 +5677,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           height: k.value[e.size],
           name: e.leftIcon
         }, null, 8, ["width", "class", "height", "name"])) : u("", !0),
-        e.label ? (t(), i("span", cr, b(e.label), 1)) : $(A.$slots, "default", { key: 3 }, void 0, !0),
+        e.label ? (t(), i("span", fr, w(e.label), 1)) : $(A.$slots, "default", { key: 3 }, void 0, !0),
         e.rightIcon ? (t(), y(o(T), {
           key: 4,
           width: k.value[e.size],
@@ -5632,7 +5685,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           name: e.rightIcon,
           class: v(e.iconClass)
         }, null, 8, ["width", "height", "name", "class"])) : u("", !0)
-      ], 42, dr),
+      ], 42, mr),
       e.isAdditionalArea && !e.isTransparent ? (t(), i("div", {
         key: 0,
         class: v(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [s.value[e.size], e.variant]]),
@@ -5647,7 +5700,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       ], 2)) : u("", !0)
     ], 2));
   }
-}, X = /* @__PURE__ */ ge(ur, [["__scopeId", "data-v-af49bb32"]]), mr = { class: "w-[30px] h-[20px] flex items-center justify-center" }, fr = {
+}, K = /* @__PURE__ */ ge(vr, [["__scopeId", "data-v-af49bb32"]]), gr = { class: "w-[30px] h-[20px] flex items-center justify-center" }, pr = {
   __name: "OcCardInput",
   props: {
     placeholder: String,
@@ -5694,7 +5747,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       "onUpdate:modelValue": a[0] || (a[0] = (l) => r.$emit("update:modelValue", l))
     }, {
       icon: S(() => [
-        n("div", mr, [
+        n("div", gr, [
           p(o(T), {
             name: `payment-methods/${e.cardType}`,
             width: "20",
@@ -5705,7 +5758,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       _: 1
     }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, vr = ["value", "checked", "disabled"], gr = {
+}, yr = ["value", "checked", "disabled"], xr = {
   __name: "OcCheckbox",
   props: {
     modelValue: Boolean,
@@ -5756,7 +5809,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           e.label ? (t(), i("span", {
             key: 0,
             class: v({ "text-sm": !e.isButtonVariant })
-          }, b(e.label), 3)) : u("", !0),
+          }, w(e.label), 3)) : u("", !0),
           n("input", {
             value: e.modelValue,
             type: "checkbox",
@@ -5764,14 +5817,14 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
             class: "h-0 w-0 hidden",
             disabled: e.isDisabled,
             onChange: d
-          }, null, 40, vr),
+          }, null, 40, yr),
           $(c.$slots, "after", {}, void 0, !0)
         ], 2)
       ]),
       _: 3
     }, 8, ["label", "hint", "error-message"]));
   }
-}, Te = /* @__PURE__ */ ge(gr, [["__scopeId", "data-v-bdfcee55"]]), pr = {
+}, Te = /* @__PURE__ */ ge(xr, [["__scopeId", "data-v-bdfcee55"]]), hr = {
   __name: "OcCheckboxesGroup",
   props: {
     alignment: {
@@ -5850,14 +5903,14 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, yr = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, xf = {
+}, br = { class: "flex gap-x-2 relative items-center text-oc-text-500 cursor-pointer transition-all duration-300" }, kf = {
   __name: "OcCriteria",
   props: {
     modelValue: Boolean,
     label: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", yr, [
+    return (r, a) => (t(), i("div", br, [
       n("div", {
         class: v([
           "w-5 h-5 flex items-center justify-center rounded-full border transition-all duration-300",
@@ -5873,19 +5926,19 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       e.label ? (t(), i("span", {
         key: 0,
         class: v(e.modelValue ? "text-oc-success" : "text-oc-primary-300")
-      }, b(e.label), 3)) : u("", !0)
+      }, w(e.label), 3)) : u("", !0)
     ]));
   }
-}, xr = { class: "flex flex-1 items-baseline gap-x-2" }, hr = {
+}, wr = { class: "flex flex-1 items-baseline gap-x-2" }, kr = {
   key: 0,
   class: "text-oc-text-300"
-}, br = { class: "flex items-center gap-x-1 w-full" }, wr = {
+}, $r = { class: "flex items-center gap-x-1 w-full" }, Sr = {
   key: 0,
   class: "text-oc-text-300"
-}, kr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], $r = {
+}, Cr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], Br = {
   key: 1,
   class: "flex items-center h-full"
-}, Sr = {
+}, Vr = {
   key: 0,
   class: "border-l border-gray-200 pl-3 py-3 h-full"
 }, xe = {
@@ -6037,10 +6090,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
               name: e.icon
             }, e.iconProps), null, 16, ["name"])) : u("", !0)
           ]),
-          n("div", xr, [
-            e.isInlineLabel && e.label ? (t(), i("label", hr, b(e.label) + ": ", 1)) : u("", !0),
-            n("div", br, [
-              e.preFill ? (t(), i("span", wr, b(e.preFill), 1)) : u("", !0),
+          n("div", wr, [
+            e.isInlineLabel && e.label ? (t(), i("label", kr, w(e.label) + ": ", 1)) : u("", !0),
+            n("div", $r, [
+              e.preFill ? (t(), i("span", Sr, w(e.preFill), 1)) : u("", !0),
               n("input", F({
                 ref_key: "inputRef",
                 ref: s,
@@ -6061,11 +6114,11 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 }),
                 onInput: k[2] || (k[2] = (A) => g.$emit("update:modelValue", A.target.value)),
                 onPaste: k[3] || (k[3] = (A) => g.$emit("paste"))
-              }), null, 16, kr)
+              }), null, 16, Cr)
             ])
           ]),
-          g.$slots.leading || x.value ? (t(), i("div", $r, [
-            e.hasLeadingSeparator ? (t(), i("span", Sr)) : u("", !0),
+          g.$slots.leading || x.value ? (t(), i("div", Br, [
+            e.hasLeadingSeparator ? (t(), i("span", Vr)) : u("", !0),
             g.$slots.leading ? u("", !0) : (t(), i("span", {
               key: 1,
               class: "text-oc-text-200",
@@ -6093,10 +6146,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       } : void 0
     ]), 1032, ["label", "label-class", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Cr = { class: "flex flex-1 items-baseline gap-x-2" }, Br = {
+}, Or = { class: "flex flex-1 items-baseline gap-x-2" }, Ir = {
   key: 0,
   class: "text-oc-text-300"
-}, Vr = { class: "w-full flex flex-wrap gap-2" }, Or = { key: 1 }, Ir = ["value", "readonly", "placeholder", "disabled"], hf = {
+}, Tr = { class: "w-full flex flex-wrap gap-2" }, Dr = { key: 1 }, Ar = ["value", "readonly", "placeholder", "disabled"], $f = {
   __name: "OcInputOption",
   props: {
     label: String,
@@ -6173,8 +6226,8 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       default: S(() => {
         var C, h;
         return [
-          n("div", Cr, [
-            e.isInlineLabel && e.label ? (t(), i("label", Br, b(e.label) + ": ", 1)) : u("", !0),
+          n("div", Or, [
+            e.isInlineLabel && e.label ? (t(), i("label", Ir, w(e.label) + ": ", 1)) : u("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
               onClick: I[4] || (I[4] = (B) => c.value.focus())
@@ -6185,7 +6238,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                   "pointer-events-none bg-oc-bg-dark": e.isDisabled
                 }])
               }, [
-                n("div", Vr, [
+                n("div", Tr, [
                   $(j.$slots, "default", {
                     options: g.value,
                     areAllOptionsVisible: f.value
@@ -6194,7 +6247,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                       key: `${B}-${O}`,
                       closable: "",
                       label: B,
-                      onRemove: (w) => k(B)
+                      onRemove: (b) => k(B)
                     }, null, 8, ["label", "onRemove"]))), 128)),
                     d.value.length > e.maxVisibleOptions ? (t(), y(o(ne), {
                       key: 0,
@@ -6207,7 +6260,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                           name: "minus",
                           width: "12",
                           height: "12"
-                        })) : (t(), i("span", Or, b(`+${d.value.length - e.maxVisibleOptions}`), 1))
+                        })) : (t(), i("span", Dr, w(`+${d.value.length - e.maxVisibleOptions}`), 1))
                       ]),
                       _: 1
                     })) : u("", !0)
@@ -6226,7 +6279,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                       console.log("$event: ", B), x.value = !1, j.$emit("blur", B);
                     }),
                     onKeyup: I[3] || (I[3] = Fe((B) => A(B.target.value), ["enter"]))
-                  }, null, 42, Ir)
+                  }, null, 42, Ar)
                 ])
               ], 2)
             ])
@@ -6236,7 +6289,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Tr = { class: "flex gap-x-2 items-center" }, Dr = { class: "text-oc-text-400 font-medium text-sm" }, Ar = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, jr = ["onClick"], Mr = { class: "text-oc-text-300" }, Lr = { class: "text-oc-text-400" }, Pr = {
+}, jr = { class: "flex gap-x-2 items-center" }, Mr = { class: "text-oc-text-400 font-medium text-sm" }, Lr = { class: "px-3 py-1 sticky top-0 bg-oc-bg-light z-[1000]" }, Pr = ["onClick"], Er = { class: "text-oc-text-300" }, Nr = { class: "text-oc-text-400" }, zr = {
   __name: "OcPhoneInput",
   props: {
     countryCodes: { type: Array, default: () => [] },
@@ -6289,25 +6342,25 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       return ((O = x(B)) == null ? void 0 : O.code) || "";
     }, k = (B) => {
       l("update:modelValue", [g(d.value), B]);
-    }, A = (B, O, w = null) => {
+    }, A = (B, O, b = null) => {
       var V;
-      d.value = B.toLowerCase(), l("update:modelValue", [O, w || ((V = a.modelValue) == null ? void 0 : V[1]) || ""]), c.value = !1;
+      d.value = B.toLowerCase(), l("update:modelValue", [O, b || ((V = a.modelValue) == null ? void 0 : V[1]) || ""]), c.value = !1;
     }, j = M(null), I = M([]), C = () => {
       setTimeout(() => {
         const B = f.value.indexOf(
           x(d.value)
-        ), w = I.value[B].offsetTop;
-        j.value.scrollTo(0, w - 60, { behavior: "smooth" });
+        ), b = I.value[B].offsetTop;
+        j.value.scrollTo(0, b - 60, { behavior: "smooth" });
       }, 10);
     }, h = (B) => {
       let O = B.clipboardData.getData("Text");
       try {
         if (O.search(/[^0-9]/g) < 0)
           if (O = O.slice(0, 19), O.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: w, countryCallingCode: V, country: L } = Wt(
+            const { nationalNumber: b, countryCallingCode: V, country: L } = Wt(
               "+" + O.replace("+", "")
             );
-            V && L ? A(L, V, w) : l("update:modelValue", [g(d.value), w]);
+            V && L ? A(L, V, b) : l("update:modelValue", [g(d.value), b]);
           } else
             l("update:modelValue", [g(d.value), O]);
       } catch {
@@ -6316,10 +6369,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       B.preventDefault();
     };
     return (B, O) => {
-      var w;
+      var b;
       return t(), y(o(xe), {
         "error-message": e.errorMessage,
-        "model-value": ((w = e.modelValue) == null ? void 0 : w[1]) || "",
+        "model-value": ((b = e.modelValue) == null ? void 0 : b[1]) || "",
         placeholder: e.placeholder,
         label: e.label,
         "is-inline-label": e.isInlineLabel,
@@ -6349,7 +6402,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 ref: j,
                 class: "flex flex-col max-h-[300px] py-2 overflow-y-scroll hidden-scrollbar"
               }, [
-                n("div", Ar, [
+                n("div", Lr, [
                   p(o(xe), {
                     modelValue: m.value,
                     "onUpdate:modelValue": O[0] || (O[0] = (V) => m.value = V),
@@ -6383,17 +6436,17 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                   n("div", {
                     class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${V.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Mr, "+" + b(V.code), 1),
-                  n("span", Lr, b(V.country), 1)
-                ], 10, jr))), 128))
+                  n("span", Er, "+" + w(V.code), 1),
+                  n("span", Nr, w(V.country), 1)
+                ], 10, Pr))), 128))
               ], 512)
             ]),
             default: S(() => [
-              n("div", Tr, [
+              n("div", jr, [
                 n("div", {
                   class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${d.value}`])
                 }, null, 2),
-                n("span", Dr, " +" + b(g(d.value)), 1),
+                n("span", Mr, " +" + w(g(d.value)), 1),
                 p(o(T), {
                   width: "16",
                   height: "16",
@@ -6409,10 +6462,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       }, 8, ["error-message", "model-value", "placeholder", "label", "is-inline-label", "disabled", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options", "onKeydown"]);
     };
   }
-}, Er = ["id", "value", "checked", "name", "disabled"], Nr = ["for"], zr = {
+}, Rr = ["id", "value", "checked", "name", "disabled"], Fr = ["for"], Ur = {
   key: 0,
   class: "px-3 py-2 whitespace-nowrap"
-}, Rr = {
+}, qr = {
   __name: "OcRadio",
   props: {
     modelValue: [String, Boolean],
@@ -6450,7 +6503,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           class: "radio-button__input absolute opacity-0 w-0 h-0",
           type: "radio",
           onInput: a[0] || (a[0] = (l) => r.$emit("update:modelValue", l.target.value))
-        }, null, 40, Er),
+        }, null, 40, Rr),
         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", {
@@ -6479,12 +6532,12 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
             e.label ? (t(), i("span", {
               key: 0,
               class: v({ "text-sm": !e.isButtonVariantWithRadio })
-            }, b(e.label), 3)) : u("", !0)
+            }, w(e.label), 3)) : u("", !0)
           ]),
           e.labelIcon ? (t(), y(o(ae), me(F({ key: 2 }, e.tooltipOptions)), {
             popper: S(() => [
               $(r.$slots, "tooltipText", {}, () => [
-                e.tooltipText ? (t(), i("div", zr, b(e.tooltipText), 1)) : u("", !0)
+                e.tooltipText ? (t(), i("div", Ur, w(e.tooltipText), 1)) : u("", !0)
               ])
             ]),
             default: S(() => [
@@ -6497,12 +6550,12 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
             ]),
             _: 3
           }, 16)) : u("", !0)
-        ], 10, Nr)
+        ], 10, Fr)
       ]),
       _: 3
     }, 8, ["class", "error-message", "hint"]));
   }
-}, Fr = {
+}, Hr = {
   __name: "OcRadioGroup",
   props: {
     alignment: {
@@ -6539,7 +6592,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         n("div", {
           class: v(["flex", [l.value[e.alignment], e.wrapperClass]])
         }, [
-          (t(!0), i(N, null, R(e.radio, (m, f) => (t(), y(o(Rr), {
+          (t(!0), i(N, null, R(e.radio, (m, f) => (t(), y(o(qr), {
             id: m.value,
             key: f,
             class: v({ "!w-fit": !e.isBlock }),
@@ -6562,10 +6615,10 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       _: 1
     }, 8, ["label", "error-message", "hint"]));
   }
-}, Ur = { class: "flex flex-col gap-y-2 oc-range-input" }, qr = { class: "flex gap-x-3" }, Hr = {
+}, Yr = { class: "flex flex-col gap-y-2 oc-range-input" }, Wr = { class: "flex gap-x-3" }, Kr = {
   key: 0,
   class: "flex pt-4"
-}, Yr = {
+}, Gr = {
   __name: "OcRangeInput",
   props: {
     maxLimit: {
@@ -6609,14 +6662,14 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
     };
     return we(() => {
       a.onlyInput || c.value.updateSlider();
-    }), (k, A) => (t(), i("div", Ur, [
+    }), (k, A) => (t(), i("div", Yr, [
       p(o(he), {
         label: e.label,
         hint: e.hint,
         "error-message": e.errorMessage
       }, {
         default: S(() => [
-          n("div", qr, [
+          n("div", Wr, [
             p(o(xe), {
               "model-value": s.value,
               label: "From",
@@ -6632,7 +6685,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
               "onUpdate:modelValue": A[1] || (A[1] = (j) => m(j, 1))
             }, null, 8, ["model-value"])
           ]),
-          e.onlyInput ? u("", !0) : (t(), i("div", Hr, [
+          e.onlyInput ? u("", !0) : (t(), i("div", Kr, [
             p(o(Lt), {
               ref_key: "slider",
               ref: c,
@@ -6649,28 +6702,28 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, Wr = {
+}, Xr = {
   key: 0,
   class: "flex flex-wrap gap-2 overflow-hidden"
-}, Kr = {
+}, Jr = {
   key: 0,
   class: "text-oc-text-300 md:text-base text-lg"
-}, Gr = {
+}, Zr = {
   key: 2,
   class: "whitespace-nowrap flex gap-x-3 text-lg md:text-base items-center overflow-hidden"
-}, Xr = {
+}, Qr = {
   key: 1,
   class: "text-oc-text-300"
-}, Jr = {
+}, _r = {
   key: 2,
   class: "truncate"
-}, Zr = {
+}, ed = {
   key: 0,
   class: "sticky px-3 pt-3 top-0 z-10 bg-white"
-}, Qr = {
+}, td = {
   key: 0,
   class: "text-sm text-oc-text-300 text-center"
-}, _r = { key: 0 }, ed = {
+}, ld = { key: 0 }, ad = {
   __name: "OcSelect",
   props: {
     label: String,
@@ -6758,15 +6811,15 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       const P = [];
       for (const H of l.options)
         if (H.values) {
-          const K = H.values.filter(
+          const G = H.values.filter(
             (_) => {
               var ee, oe;
               return ((ee = _.label) == null ? void 0 : ee.toLowerCase().includes(d.value.toLowerCase())) || ((oe = _.subLabel) == null ? void 0 : oe.toLowerCase().includes(d.value.toLowerCase()));
             }
           );
-          K.length > 0 && P.push({
+          G.length > 0 && P.push({
             label: H.label,
-            values: K
+            values: G
           });
         } else
           ((D = H.label) != null && D.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && P.push(H);
@@ -6792,12 +6845,12 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         return;
       let D;
       if (l.multiple) {
-        const H = (l.modelValue || []).find((K) => K === P.value);
+        const H = (l.modelValue || []).find((G) => G === P.value);
         if (!H && l.maxOptionAllowed && ((U = I.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
           s("max-option-allowed-set");
           return;
         }
-        D = H ? (l.modelValue || []).filter((K) => K !== P.value) : [...l.modelValue || [], P.value];
+        D = H ? (l.modelValue || []).filter((G) => G !== P.value) : [...l.modelValue || [], P.value];
       } else
         D = P.value, c.value = !1;
       s("update:modelValue", D);
@@ -6824,24 +6877,24 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
         (D = m.value) == null || D.focus();
       });
     });
-    const w = M("100%"), V = z(() => ({ maxWidth: w.value })), L = () => {
+    const b = M("100%"), V = z(() => ({ maxWidth: b.value })), L = () => {
       var P, D, U, H;
-      s("toggle"), w.value = (D = (P = O.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = O.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
+      s("toggle"), b.value = (D = (P = O.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = O.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var ce;
-        let K, _;
-        if (Array.isArray(l.modelValue) ? K = l.modelValue[0] ?? null : K = l.modelValue, !K) return;
+        let G, _;
+        if (Array.isArray(l.modelValue) ? G = l.modelValue[0] ?? null : G = l.modelValue, !G) return;
         j.value.find((pe, ke) => {
-          if (pe.value === K)
+          if (pe.value === G)
             return _ = ke, !0;
         });
         const ee = x.value[_], oe = (ce = ee == null ? void 0 : ee.optionItemRef) == null ? void 0 : ce.offsetTop;
         g.value.parentNode.scrollTo(0, oe - 60, { behavior: "smooth" });
       }, 10);
     }, E = (P) => {
-      var U, H, K;
+      var U, H, G;
       if (l.isLoading)
         return;
-      ((U = P.target) == null ? void 0 : U.scrollHeight) - Math.round((H = P.target) == null ? void 0 : H.scrollTop) <= ((K = P.target) == null ? void 0 : K.clientHeight) && s("loadMore");
+      ((U = P.target) == null ? void 0 : U.scrollHeight) - Math.round((H = P.target) == null ? void 0 : H.scrollTop) <= ((G = P.target) == null ? void 0 : G.clientHeight) && s("loadMore");
     };
     return r({
       dropdownRef: f
@@ -6858,7 +6911,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       "tooltip-options": e.tooltipOptions
     }, te({
       tooltipText: S(() => [
-        P.$slots.selectTooltipText ? (t(), i("div", _r, [
+        P.$slots.selectTooltipText ? (t(), i("div", ld, [
           $(P.$slots, "selectTooltipText")
         ])) : u("", !0)
       ]),
@@ -6893,7 +6946,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 ref: g,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && I.value ? (t(), i("div", Zr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && I.value ? (t(), i("div", ed, [
                   p(o(xe), {
                     ref_key: "searchInputRef",
                     ref: m,
@@ -6940,11 +6993,11 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                       "sub-label": H.subLabel,
                       "is-disabled": H.isDisabled,
                       "is-checkboxes": e.isCheckboxes,
-                      "is-selected": e.multiple ? e.modelValue ? e.modelValue.find((K) => K === H.value) !== void 0 : !1 : e.modelValue === H.value,
-                      onClick: (K) => C(H)
+                      "is-selected": e.multiple ? e.modelValue ? e.modelValue.find((G) => G === H.value) !== void 0 : !1 : e.modelValue === H.value,
+                      onClick: (G) => C(H)
                     }, null, 8, ["label", "sub-label", "is-disabled", "is-checkboxes", "is-selected", "onClick"]))), 128)),
                     $(P.$slots, "empty", {}, () => [
-                      j.value.length ? u("", !0) : (t(), i("div", Qr, " No data to display "))
+                      j.value.length ? u("", !0) : (t(), i("div", td, " No data to display "))
                     ])
                   ]),
                   $(P.$slots, "infinite-scrolling"),
@@ -6953,7 +7006,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                     class: v(["h-[20px] rounded-sm", { "mt-2": !e.options.length && e.isFilterable }])
                   }, null, 8, ["class"])) : u("", !0)
                 ], 2),
-                e.isAddNew ? (t(), y(o(X), {
+                e.isAddNew ? (t(), y(o(K), {
                   key: 1,
                   variant: "secondary",
                   class: "flex items-center py-2 justify-center gap-x-[6px] sticky bottom-0 bg-white z-10",
@@ -6987,7 +7040,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                 }
               ]])
             }, [
-              e.multiple ? (t(), i("div", Wr, [
+              e.multiple ? (t(), i("div", Xr, [
                 $(P.$slots, "selection", {}, () => [
                   (t(!0), i(N, null, R(e.maxVisibleOptions ? I.value.slice(0, e.maxVisibleOptions) : I.value, (U) => (t(), y(o(ne), F({
                     key: U.value,
@@ -7004,7 +7057,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                     label: `+${I.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : u("", !0)
                 ]),
-                I.value.length === 0 ? (t(), i("span", Kr, b(e.placeholder), 1)) : u("", !0)
+                I.value.length === 0 ? (t(), i("span", Jr, w(e.placeholder), 1)) : u("", !0)
               ])) : u("", !0),
               e.isInlineSearch && e.isFilterable && !I.value ? (t(), y(o(xe), {
                 key: 1,
@@ -7028,18 +7081,18 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), i("span", Gr, [
+              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), i("span", Zr, [
                 e.icon ? (t(), y(o(T), {
                   key: 0,
                   name: e.icon,
                   width: "16",
                   height: "16"
                 }, null, 8, ["name"])) : u("", !0),
-                e.isInlineLabel && e.label ? (t(), i("span", Xr, b(e.label) + ": ", 1)) : u("", !0),
-                I.value ? (t(), i("span", Jr, b(I.value.label), 1)) : (t(), i("span", {
+                e.isInlineLabel && e.label ? (t(), i("span", Qr, w(e.label) + ": ", 1)) : u("", !0),
+                I.value ? (t(), i("span", _r, w(I.value.label), 1)) : (t(), i("span", {
                   key: 3,
                   class: v(e.dropdownClasses ? "" : "text-oc-text-300")
-                }, b(e.placeholder), 3))
+                }, w(e.placeholder), 3))
               ])),
               e.modelValue && e.isClearable ? (t(), y(o(T), {
                 key: 3,
@@ -7073,7 +7126,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       } : void 0
     ]), 1032, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, td = { class: "w-full flex items-center gap-x-3" }, ld = { class: "truncate" }, ad = {
+}, nd = { class: "w-full flex items-center gap-x-3" }, id = { class: "truncate" }, od = {
   key: 0,
   class: "text-sm text-oc-text-300"
 }, gt = {
@@ -7111,14 +7164,14 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           "is-partial": e.isPartial,
           class: "!w-fit pointer-events-none"
         }, null, 8, ["model-value", "is-partial"])) : u("", !0),
-        n("div", td, [
+        n("div", nd, [
           $(l.$slots, "trailing"),
           n("div", {
             class: v(["flex flex-col gap-3 overflow-hidden", { "flex-1": e.isCheckboxes }])
           }, [
-            n("span", ld, b(e.label), 1),
+            n("span", id, w(e.label), 1),
             $(l.$slots, "sub-label", {}, () => [
-              e.subLabel ? (t(), i("span", ad, b(e.subLabel), 1)) : u("", !0)
+              e.subLabel ? (t(), i("span", od, w(e.subLabel), 1)) : u("", !0)
             ])
           ], 2),
           $(l.$slots, "leading")
@@ -7138,21 +7191,21 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       $(l.$slots, "after")
     ], 512));
   }
-}, nd = { class: "flex flex-col" }, id = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, bf = {
+}, sd = { class: "flex flex-col" }, rd = { class: "px-3 pt-3 pb-2 border-y border-white text-oc-text uppercase text-xs font-medium" }, Sf = {
   __name: "OcGroupOptions",
   props: {
     label: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", nd, [
-      n("div", id, b(e.label), 1),
+    return (r, a) => (t(), i("div", sd, [
+      n("div", rd, w(e.label), 1),
       $(r.$slots, "default")
     ]));
   }
-}, od = { class: "flex items-center text-oc-text-400 gap-x-2" }, sd = {
+}, dd = { class: "flex items-center text-oc-text-400 gap-x-2" }, cd = {
   key: 0,
   class: "flex flex-col gap-2 p-2 py-3"
-}, rd = ["onClick"], dd = {
+}, ud = ["onClick"], md = {
   __name: "OcLinkInput",
   props: {
     placeholder: String,
@@ -7203,7 +7256,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       () => a.links.find((h) => h.value === d.value) ?? {}
     ), f = z(() => m.value.preFill ?? ""), x = M(a.modelValue ? a.modelValue.replace(f.value, "") : ""), g = (h) => {
       var O;
-      const B = (O = a.links.find((w) => w.value === h)) == null ? void 0 : O.preFill;
+      const B = (O = a.links.find((b) => b.value === h)) == null ? void 0 : O.preFill;
       l("update:modelValue", a.modelValue.replace(f.value, B)), d.value = h, l("update:type", h), s.value = !1;
     }, k = (h) => {
       x.value = h, l("update:modelValue", f.value + h), !a.isEdit && d.value !== "link" && l("update:title", h);
@@ -7243,23 +7296,23 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
             distance: 10
           }, {
             menu: S(() => [
-              e.isEdit ? u("", !0) : (t(), i("div", sd, [
+              e.isEdit ? u("", !0) : (t(), i("div", cd, [
                 (t(!0), i(N, null, R(e.links, (O) => (t(), i("div", {
                   key: O.value,
                   class: "flex items-center px-3 py-2 rounded-sm cursor-pointer gap-x-3 text-oc-text-400 hover:bg-gray-50",
-                  onClick: (w) => g(O.value)
+                  onClick: (b) => g(O.value)
                 }, [
                   p(o(T), {
                     width: "20",
                     height: "20",
                     name: O.icon
                   }, null, 8, ["name"]),
-                  W(" " + b(O.label), 1)
-                ], 8, rd))), 128))
+                  W(" " + w(O.label), 1)
+                ], 8, ud))), 128))
               ]))
             ]),
             default: S(() => [
-              n("div", od, [
+              n("div", dd, [
                 m.value.icon ? (t(), y(o(T), {
                   key: 0,
                   width: "20",
@@ -7281,7 +7334,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
       }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "pre-fill", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"])
     ]));
   }
-}, cd = ["disabled", "value", "rows", "placeholder"], ud = "18px", md = {
+}, fd = ["disabled", "value", "rows", "placeholder"], vd = "18px", gd = {
   __name: "OcTextArea",
   props: {
     placeholder: String,
@@ -7315,7 +7368,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
   setup(e, { emit: r }) {
     const a = r, l = M(!1), s = (d) => {
       const c = d.target;
-      c && (c.style.height = ud, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
+      c && (c.style.height = vd, c.style.height = c.scrollHeight + "px", a("update:modelValue", c.value));
     };
     return (d, c) => (t(), y(o(he), {
       label: e.label,
@@ -7339,7 +7392,7 @@ const tt = /* @__PURE__ */ ge(is, [["render", ss]]), rs = { class: "flex" }, ds
           onInput: s,
           onFocus: c[0] || (c[0] = (m) => l.value = !0),
           onBlur: c[1] || (c[1] = (m) => l.value = !1)
-        }, null, 42, cd)
+        }, null, 42, fd)
       ]),
       _: 1
     }, 8, ["label", "error-message", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
@@ -7362,8 +7415,8 @@ var Bt = { exports: {} };
     };
   });
 })(Bt);
-var fd = Bt.exports;
-const Vt = /* @__PURE__ */ We(fd);
+var pd = Bt.exports;
+const Vt = /* @__PURE__ */ We(pd);
 var Ot = { exports: {} };
 (function(e, r) {
   (function(a, l) {
@@ -7376,8 +7429,8 @@ var Ot = { exports: {} };
     };
   });
 })(Ot);
-var vd = Ot.exports;
-const It = /* @__PURE__ */ We(vd);
+var yd = Ot.exports;
+const It = /* @__PURE__ */ We(yd);
 var Tt = { exports: {} };
 (function(e, r) {
   (function(a, l) {
@@ -7390,8 +7443,8 @@ var Tt = { exports: {} };
     };
   });
 })(Tt);
-var gd = Tt.exports;
-const Dt = /* @__PURE__ */ We(gd);
+var xd = Tt.exports;
+const Dt = /* @__PURE__ */ We(xd);
 var At = { exports: {} };
 (function(e, r) {
   (function(a, l) {
@@ -7406,16 +7459,16 @@ var At = { exports: {} };
     }, k = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
       (this.zone || (this.zone = {})).offset = function(B) {
         if (!B || B === "Z") return 0;
-        var O = B.match(/([+-]|\d\d)/g), w = 60 * O[1] + (+O[2] || 0);
-        return w === 0 ? 0 : O[0] === "+" ? -w : w;
+        var O = B.match(/([+-]|\d\d)/g), b = 60 * O[1] + (+O[2] || 0);
+        return b === 0 ? 0 : O[0] === "+" ? -b : b;
       }(h);
     }], A = function(h) {
       var B = f[h];
       return B && (B.indexOf ? B : B.s.concat(B.f));
     }, j = function(h, B) {
-      var O, w = f.meridiem;
-      if (w) {
-        for (var V = 1; V <= 24; V += 1) if (h.indexOf(w(V, 0, B)) > -1) {
+      var O, b = f.meridiem;
+      if (b) {
+        for (var V = 1; V <= 24; V += 1) if (h.indexOf(b(V, 0, B)) > -1) {
           O = V > 12;
           break;
         }
@@ -7435,10 +7488,10 @@ var At = { exports: {} };
       this.milliseconds = +h;
     }], s: [c, g("seconds")], ss: [c, g("seconds")], m: [c, g("minutes")], mm: [c, g("minutes")], H: [c, g("hours")], h: [c, g("hours")], HH: [c, g("hours")], hh: [c, g("hours")], D: [c, g("day")], DD: [d, g("day")], Do: [m, function(h) {
       var B = f.ordinal, O = h.match(/\d+/);
-      if (this.day = O[0], B) for (var w = 1; w <= 31; w += 1) B(w).replace(/\[|\]/g, "") === h && (this.day = w);
+      if (this.day = O[0], B) for (var b = 1; b <= 31; b += 1) B(b).replace(/\[|\]/g, "") === h && (this.day = b);
     }], w: [c, g("week")], ww: [d, g("week")], M: [c, g("month")], MM: [d, g("month")], MMM: [m, function(h) {
-      var B = A("months"), O = (A("monthsShort") || B.map(function(w) {
-        return w.slice(0, 3);
+      var B = A("months"), O = (A("monthsShort") || B.map(function(b) {
+        return b.slice(0, 3);
       })).indexOf(h) + 1;
       if (O < 1) throw new Error();
       this.month = O % 12 || O;
@@ -7452,22 +7505,22 @@ var At = { exports: {} };
     function C(h) {
       var B, O;
       B = h, O = f && f.formats;
-      for (var w = (h = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, K, _) {
+      for (var b = (h = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, G, _) {
         var ee = _ && _.toUpperCase();
-        return K || O[_] || a[_] || O[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, ce, pe) {
+        return G || O[_] || a[_] || O[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, ce, pe) {
           return ce || pe.slice(1);
         });
-      })).match(l), V = w.length, L = 0; L < V; L += 1) {
-        var E = w[L], P = I[E], D = P && P[0], U = P && P[1];
-        w[L] = U ? { regex: D, parser: U } : E.replace(/^\[|\]$/g, "");
+      })).match(l), V = b.length, L = 0; L < V; L += 1) {
+        var E = b[L], P = I[E], D = P && P[0], U = P && P[1];
+        b[L] = U ? { regex: D, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
-        for (var K = {}, _ = 0, ee = 0; _ < V; _ += 1) {
-          var oe = w[_];
+        for (var G = {}, _ = 0, ee = 0; _ < V; _ += 1) {
+          var oe = b[_];
           if (typeof oe == "string") ee += oe.length;
           else {
             var ce = oe.regex, pe = oe.parser, ke = H.slice(ee), $e = ce.exec(ke)[0];
-            pe.call(K, $e), H = H.replace($e, "");
+            pe.call(G, $e), H = H.replace($e, "");
           }
         }
         return function(ye) {
@@ -7476,19 +7529,19 @@ var At = { exports: {} };
             var re = ye.hours;
             Se ? re < 12 && (ye.hours += 12) : re === 12 && (ye.hours = 0), delete ye.afternoon;
           }
-        }(K), K;
+        }(G), G;
       };
     }
     return function(h, B, O) {
       O.p.customParseFormat = !0, h && h.parseTwoDigitYear && (x = h.parseTwoDigitYear);
-      var w = B.prototype, V = w.parse;
-      w.parse = function(L) {
+      var b = B.prototype, V = b.parse;
+      b.parse = function(L) {
         var E = L.date, P = L.utc, D = L.args;
         this.$u = P;
         var U = D[1];
         if (typeof U == "string") {
-          var H = D[2] === !0, K = D[3] === !0, _ = H || K, ee = D[2];
-          K && (ee = D[2]), f = this.$locale(), !H && ee && (f = O.Ls[ee]), this.$d = function(ke, $e, ye, Se) {
+          var H = D[2] === !0, G = D[3] === !0, _ = H || G, ee = D[2];
+          G && (ee = D[2]), f = this.$locale(), !H && ee && (f = O.Ls[ee]), this.$d = function(ke, $e, ye, Se) {
             try {
               if (["x", "X"].indexOf($e) > -1) return new Date(($e === "X" ? 1e3 : 1) * ke);
               var re = C($e)(ke), Be = re.year, Ce = re.month, Q = re.day, Ve = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, ve = re.zone, Me = re.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Be || Ce ? 1 : Ke.getDate()), Xe = Be || Ke.getFullYear(), Ne = 0;
@@ -7513,53 +7566,53 @@ var At = { exports: {} };
     };
   });
 })(At);
-var pd = At.exports;
-const it = /* @__PURE__ */ We(pd);
-var yd = typeof global == "object" && global && global.Object === Object && global, xd = typeof self == "object" && self && self.Object === Object && self, jt = yd || xd || Function("return this")(), qe = jt.Symbol, Mt = Object.prototype, hd = Mt.hasOwnProperty, bd = Mt.toString, Le = qe ? qe.toStringTag : void 0;
-function wd(e) {
-  var r = hd.call(e, Le), a = e[Le];
+var hd = At.exports;
+const it = /* @__PURE__ */ We(hd);
+var bd = typeof global == "object" && global && global.Object === Object && global, wd = typeof self == "object" && self && self.Object === Object && self, jt = bd || wd || Function("return this")(), qe = jt.Symbol, Mt = Object.prototype, kd = Mt.hasOwnProperty, $d = Mt.toString, Le = qe ? qe.toStringTag : void 0;
+function Sd(e) {
+  var r = kd.call(e, Le), a = e[Le];
   try {
     e[Le] = void 0;
     var l = !0;
   } catch {
   }
-  var s = bd.call(e);
+  var s = $d.call(e);
   return l && (r ? e[Le] = a : delete e[Le]), s;
 }
-var kd = Object.prototype, $d = kd.toString;
-function Sd(e) {
-  return $d.call(e);
-}
-var Cd = "[object Null]", Bd = "[object Undefined]", pt = qe ? qe.toStringTag : void 0;
+var Cd = Object.prototype, Bd = Cd.toString;
 function Vd(e) {
-  return e == null ? e === void 0 ? Bd : Cd : pt && pt in Object(e) ? wd(e) : Sd(e);
+  return Bd.call(e);
+}
+var Od = "[object Null]", Id = "[object Undefined]", pt = qe ? qe.toStringTag : void 0;
+function Td(e) {
+  return e == null ? e === void 0 ? Id : Od : pt && pt in Object(e) ? Sd(e) : Vd(e);
 }
-function Od(e) {
+function Dd(e) {
   return e != null && typeof e == "object";
 }
-var Id = "[object Symbol]";
-function Td(e) {
-  return typeof e == "symbol" || Od(e) && Vd(e) == Id;
+var Ad = "[object Symbol]";
+function jd(e) {
+  return typeof e == "symbol" || Dd(e) && Td(e) == Ad;
 }
-var Dd = /\s/;
-function Ad(e) {
-  for (var r = e.length; r-- && Dd.test(e.charAt(r)); )
+var Md = /\s/;
+function Ld(e) {
+  for (var r = e.length; r-- && Md.test(e.charAt(r)); )
     ;
   return r;
 }
-var jd = /^\s+/;
-function Md(e) {
-  return e && e.slice(0, Ad(e) + 1).replace(jd, "");
+var Pd = /^\s+/;
+function Ed(e) {
+  return e && e.slice(0, Ld(e) + 1).replace(Pd, "");
 }
 function lt(e) {
   var r = typeof e;
   return e != null && (r == "object" || r == "function");
 }
-var yt = NaN, Ld = /^[-+]0x[0-9a-f]+$/i, Pd = /^0b[01]+$/i, Ed = /^0o[0-7]+$/i, Nd = parseInt;
+var yt = NaN, Nd = /^[-+]0x[0-9a-f]+$/i, zd = /^0b[01]+$/i, Rd = /^0o[0-7]+$/i, Fd = parseInt;
 function xt(e) {
   if (typeof e == "number")
     return e;
-  if (Td(e))
+  if (jd(e))
     return yt;
   if (lt(e)) {
     var r = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -7567,18 +7620,18 @@ function xt(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Md(e);
-  var a = Pd.test(e);
-  return a || Ed.test(e) ? Nd(e.slice(2), a ? 2 : 8) : Ld.test(e) ? yt : +e;
+  e = Ed(e);
+  var a = zd.test(e);
+  return a || Rd.test(e) ? Fd(e.slice(2), a ? 2 : 8) : Nd.test(e) ? yt : +e;
 }
 var et = function() {
   return jt.Date.now();
-}, zd = "Expected a function", Rd = Math.max, Fd = Math.min;
-function Ud(e, r, a) {
+}, Ud = "Expected a function", qd = Math.max, Hd = Math.min;
+function Yd(e, r, a) {
   var l, s, d, c, m, f, x = 0, g = !1, k = !1, A = !0;
   if (typeof e != "function")
-    throw new TypeError(zd);
-  r = xt(r) || 0, lt(a) && (g = !!a.leading, k = "maxWait" in a, d = k ? Rd(xt(a.maxWait) || 0, r) : d, A = "trailing" in a ? !!a.trailing : A);
+    throw new TypeError(Ud);
+  r = xt(r) || 0, lt(a) && (g = !!a.leading, k = "maxWait" in a, d = k ? qd(xt(a.maxWait) || 0, r) : d, A = "trailing" in a ? !!a.trailing : A);
   function j(E) {
     var P = l, D = s;
     return l = s = void 0, x = E, c = e.apply(D, P), c;
@@ -7588,7 +7641,7 @@ function Ud(e, r, a) {
   }
   function C(E) {
     var P = E - f, D = E - x, U = r - P;
-    return k ? Fd(U, d - D) : U;
+    return k ? Hd(U, d - D) : U;
   }
   function h(E) {
     var P = E - f, D = E - x;
@@ -7603,7 +7656,7 @@ function Ud(e, r, a) {
   function O(E) {
     return m = void 0, A && l ? j(E) : (l = s = void 0, c);
   }
-  function w() {
+  function b() {
     m !== void 0 && clearTimeout(m), x = 0, l = f = s = m = void 0;
   }
   function V() {
@@ -7619,15 +7672,15 @@ function Ud(e, r, a) {
     }
     return m === void 0 && (m = setTimeout(B, r)), c;
   }
-  return L.cancel = w, L.flush = V, L;
+  return L.cancel = b, L.flush = V, L;
 }
-const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex flex-col gap-2 p-3" }, Yd = { class: "flex justify-between items-center" }, Wd = { key: 0 }, Kd = { key: 1 }, Gd = {
+const Wd = { class: "flex items-center justify-between" }, Kd = { class: "flex flex-col gap-2 p-3" }, Gd = { class: "flex justify-between items-center" }, Xd = { key: 0 }, Jd = { key: 1 }, Zd = {
   key: 0,
   class: "grid grid-cols-3 gap-3"
-}, Xd = ["onClick"], Jd = {
+}, Qd = ["onClick"], _d = {
   key: 1,
   class: "grid grid-cols-3 gap-3"
-}, Zd = ["onClick"], Qd = ["onClick", "onMouseover"], _d = { key: 0 }, ec = { class: "flex gap-x-3 justify-end" }, tc = {
+}, ec = ["onClick"], tc = ["onClick", "onMouseover"], lc = { key: 0 }, ac = { class: "flex gap-x-3 justify-end" }, nc = {
   __name: "OcCalendar",
   props: {
     type: {
@@ -7649,7 +7702,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
     modelValue: {
       type: [String, Date, Number, Array],
       default: null,
-      validator: (e) => Array.isArray(e) ? G(e[0]).isSameOrBefore(G(e[1])) : !0
+      validator: (e) => Array.isArray(e) ? X(e[0]).isSameOrBefore(X(e[1])) : !0
     },
     disabledDate: {
       type: Function,
@@ -7666,11 +7719,11 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
   },
   emits: ["update:modelValue", "reset-calendar", "update:isIndefinite"],
   setup(e, { emit: r }) {
-    G.extend(Vt), G.extend(It), G.extend(Dt), G.extend(it);
+    X.extend(Vt), X.extend(It), X.extend(Dt), X.extend(it);
     const a = e, l = r, s = M(), d = M(), c = M(), m = M(), f = M(), x = M(), g = M(), k = M(!1), A = M(!1), j = M(!1), I = M(!1), C = z(() => a.type === "range"), h = z(() => {
       const J = s.value.endOf("month").date();
       return Array.from({ length: J }, (Y, ve) => ve + 1);
-    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), w = z(
+    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), b = z(
       () => j.value ? x.value.format("YYYY") : s.value.format("YYYY")
     ), V = z(() => s.value.format("MMM")), L = z(() => {
       const q = d.value, J = c.value ?? g.value, Y = [q, J];
@@ -7692,7 +7745,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
       }
     ), H = () => {
       g.value = null, s.value = s.value.subtract(1, "month"), d.value && (m.value = D.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null);
-    }, K = () => {
+    }, G = () => {
       g.value = null, s.value = s.value.add(1, "month"), m.value = D.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null;
     }, _ = (q) => {
       g.value = null, s.value = s.value.set("month", q), I.value = !1;
@@ -7714,7 +7767,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
       "[]"
     ) : !1 : m.value && f.value && m.value <= q && f.value >= q, ye = (q) => {
       const J = s.value.date(q);
-      return a.disabledDate(J.toDate()) || a.minDate && J.isBefore(G(a.minDate), "day") || a.maxDate && J.isAfter(G(a.maxDate), "day");
+      return a.disabledDate(J.toDate()) || a.minDate && J.isBefore(X(a.minDate), "day") || a.maxDate && J.isAfter(X(a.maxDate), "day");
     }, Se = () => {
       C.value && (ye(d.value.toDate()) || ye(c.value.toDate())) || (A.value = !1, l(
         "update:modelValue",
@@ -7724,7 +7777,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
       l("update:isIndefinite", q);
     }, Be = (q, J = !0) => {
       if (!C.value) {
-        let ve = G(O.value, "MMMM YYYY").date(q);
+        let ve = X(O.value, "MMMM YYYY").date(q);
         m.value = q, d.value = ve, f.value = null, c.value = null, Se();
         return;
       }
@@ -7734,12 +7787,12 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
         return;
       }
       c.value = Y, f.value = q, J && Se();
-    }, Ce = Ud((q) => {
+    }, Ce = Yd((q) => {
       A.value && Be(q, !1);
     }, 50), Q = () => {
       var J, Y, ve;
       const q = C.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
-      s.value = G(q), x.value = G(q), d.value = q && s.value, m.value = q && d.value.date(), !(!C.value || !q) && (c.value = G((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((ve = c.value) == null ? void 0 : ve.month()) === s.value.month() ? c.value.date() : void 0);
+      s.value = X(q), x.value = X(q), d.value = q && s.value, m.value = q && d.value.date(), !(!C.value || !q) && (c.value = X((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((ve = c.value) == null ? void 0 : ve.month()) === s.value.month() ? c.value.date() : void 0);
     }, Ve = (q) => {
       const J = q + 11, Y = [];
       for (; q <= J; )
@@ -7749,7 +7802,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
     return Q(), (q, J) => (t(), i("div", {
       class: v(["p-6 w-fit rounded flex flex-col gap-y-7", e.position === "floating" ? "shadow-normal bg-white" : ""])
     }, [
-      n("div", qd, [
+      n("div", Wd, [
         p(o(se), {
           modelValue: I.value,
           "onUpdate:modelValue": J[1] || (J[1] = (Y) => I.value = Y),
@@ -7760,9 +7813,9 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
           "popper-options": { strategy: "fixed" }
         }, {
           menu: S(() => [
-            n("div", Hd, [
-              n("div", Yd, [
-                p(o(X), {
+            n("div", Kd, [
+              n("div", Gd, [
+                p(o(K), {
                   "left-icon": "chevron-left",
                   "is-transparent": "",
                   onClick: oe
@@ -7771,30 +7824,30 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
                   class: "cursor-pointer hover:opacity-50 transition",
                   onClick: J[0] || (J[0] = (Y) => j.value = !j.value)
                 }, [
-                  j.value ? (t(), i("div", Wd, b(w.value - 11) + " - " + b(w.value), 1)) : (t(), i("div", Kd, b(w.value), 1))
+                  j.value ? (t(), i("div", Xd, w(b.value - 11) + " - " + w(b.value), 1)) : (t(), i("div", Jd, w(b.value), 1))
                 ]),
-                p(o(X), {
+                p(o(K), {
                   "left-icon": "chevron-right",
                   "is-transparent": "",
                   onClick: ce
                 })
               ]),
-              j.value ? (t(), i("div", Gd, [
-                (t(!0), i(N, null, R(Ve(w.value - 11), (Y) => (t(), i("div", {
+              j.value ? (t(), i("div", Zd, [
+                (t(!0), i(N, null, R(Ve(b.value - 11), (Y) => (t(), i("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": s.value.year() === Y
                   }]),
                   onClick: (ve) => ee(Y)
-                }, b(Y), 11, Xd))), 128))
-              ])) : (t(), i("div", Jd, [
+                }, w(Y), 11, Qd))), 128))
+              ])) : (t(), i("div", _d, [
                 (t(), i(N, null, R(B, (Y, ve) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": V.value === Y
                   }]),
                   onClick: (Me) => _(ve)
-                }, b(Y), 11, Zd)), 64))
+                }, w(Y), 11, ec)), 64))
               ]))
             ])
           ]),
@@ -7802,7 +7855,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
             n("span", {
               class: v([[k.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
               onClick: fe(pe, ["stop"])
-            }, b(O.value), 3)
+            }, w(O.value), 3)
           ]),
           _: 1
         }, 8, ["modelValue"]),
@@ -7817,7 +7870,7 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
           p(o(T), {
             name: "chevron-down",
             class: "-rotate-90 cursor-pointer",
-            onClick: K
+            onClick: G
           })
         ], 2)
       ]),
@@ -7843,11 +7896,11 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
             ]]),
             onClick: (Me) => Be(Y),
             onMouseover: (Me) => o(Ce)(Y)
-          }, b(Y), 43, Qd);
+          }, w(Y), 43, tc);
         }), 128))
       ], 32),
       $(q.$slots, "bottom", {}, () => [
-        e.isIndefinite ? (t(), i("span", _d, [
+        e.isIndefinite ? (t(), i("span", lc, [
           p(o(Te), {
             modelValue: k.value,
             "onUpdate:modelValue": [
@@ -7858,8 +7911,8 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
           }, null, 8, ["modelValue", "label"])
         ])) : u("", !0)
       ]),
-      n("div", ec, [
-        p(o(X), {
+      n("div", ac, [
+        p(o(K), {
           label: "Reset",
           class: "w-[72px]",
           "is-disabled": k.value,
@@ -7869,17 +7922,17 @@ const qd = { class: "flex items-center justify-between" }, Hd = { class: "flex f
     ], 2));
   }
 };
-G.extend(Vt);
-G.extend(It);
-G.extend(Dt);
-G.extend(it);
-const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
+X.extend(Vt);
+X.extend(It);
+X.extend(Dt);
+X.extend(it);
+const ic = { class: "flex flex-col gap-y-2 w-full" }, oc = {
   key: 0,
   class: "flex w-full"
-}, nc = {
+}, sc = {
   key: 1,
   class: "flex flex-wrap cursor-pointer"
-}, ic = { class: "flex items-center gap-x-3" }, oc = ["value"], sc = { class: "flex items-center gap-x-3" }, rc = ["value"], dc = {
+}, rc = { class: "flex items-center gap-x-3" }, dc = ["value"], cc = { class: "flex items-center gap-x-3" }, uc = ["value"], mc = {
   __name: "DatePicker",
   props: {
     modelValue: {
@@ -7968,37 +8021,37 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
   },
   emits: ["update:modelValue", "resetCalendar", "error"],
   setup(e, { emit: r }) {
-    G.extend(it);
+    X.extend(it);
     const a = r, l = e, s = M(!1), d = M(!1), c = M(!1), m = M([]), f = z(() => l.type === "range"), x = z(() => f.value ? l.modelValue && l.modelValue[0] ? [
-      G(l.modelValue[0], l.dateFormat),
-      G(l.modelValue[1], l.dateFormat)
-    ] : ["", ""] : l.modelValue ? G(l.modelValue, l.dateFormat) : ""), g = (h) => {
+      X(l.modelValue[0], l.dateFormat),
+      X(l.modelValue[1], l.dateFormat)
+    ] : ["", ""] : l.modelValue ? X(l.modelValue, l.dateFormat) : ""), g = (h) => {
       l.type === "range" ? a(
         "update:modelValue",
         h ? [
-          G(h.start).format(l.dateFormat),
-          G(h.end).format(l.dateFormat)
+          X(h.start).format(l.dateFormat),
+          X(h.end).format(l.dateFormat)
         ] : []
-      ) : a("update:modelValue", G(h).format(l.dateFormat)), s.value = !1;
+      ) : a("update:modelValue", X(h).format(l.dateFormat)), s.value = !1;
     }, k = () => {
       a("resetCalendar"), a("update:modelValue", f.value ? [] : null), s.value = !1;
     }, A = (h) => {
-      const B = G(h);
-      return ((w) => w.get("month") === G().get("month"))(B);
+      const B = X(h);
+      return ((b) => b.get("month") === X().get("month"))(B);
     }, j = (h) => {
       d.value = h, a("update:modelValue", h ? "Indefinite" : null);
     }, I = (h, B) => {
-      var w;
-      const O = G(h, l.dateFormat, !0);
-      m.value[B] = O.format(l.dateFormat), m.value[B ? 0 : 1] = ((w = l.modelValue) == null ? void 0 : w[B ? 0 : 1]) || G().format(l.dateFormat);
+      var b;
+      const O = X(h, l.dateFormat, !0);
+      m.value[B] = O.format(l.dateFormat), m.value[B ? 0 : 1] = ((b = l.modelValue) == null ? void 0 : b[B ? 0 : 1]) || X().format(l.dateFormat);
     }, C = () => {
       if (m.value.length) {
-        if (c.value = !1, m.value.some((h) => !G(h, l.dateFormat).isValid())) {
+        if (c.value = !1, m.value.some((h) => !X(h, l.dateFormat).isValid())) {
           c.value = !0, m.value = [];
           return;
         }
         l.maxDate && (m.value = m.value.map(
-          (h) => G(h, l.dateFormat).isSameOrBefore(G(l.maxDate)) ? h : G(l.maxDate).format(l.dateFormat)
+          (h) => X(h, l.dateFormat).isSameOrBefore(X(l.maxDate)) ? h : X(l.maxDate).format(l.dateFormat)
         )), a("update:modelValue", m.value), m.value = [];
       }
     };
@@ -8016,12 +8069,12 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           updateCalendar: g,
           resetCalendar: k
         }, () => {
-          var w, V;
+          var b, V;
           return [
-            f.value ? (t(), y(o(um), {
+            f.value ? (t(), y(o(vm), {
               key: 0,
               "model-value": {
-                start: (w = e.modelValue) == null ? void 0 : w[0],
+                start: (b = e.modelValue) == null ? void 0 : b[0],
                 end: (V = e.modelValue) == null ? void 0 : V[1]
               },
               shortcuts: e.shortcuts,
@@ -8032,7 +8085,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               "max-date": e.maxDate,
               masks: { modelValue: e.dateFormat },
               "onUpdate:modelValue": g
-            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && O ? (t(), y(o(tc), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && O ? (t(), y(o(nc), {
               key: 1,
               "model-value": x.value ? x.value.toDate() : /* @__PURE__ */ new Date(),
               "disabled-date": d.value ? A : e.disabledDate,
@@ -8049,8 +8102,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
         })
       ]),
       default: S(() => [
-        n("div", lc, [
-          !e.isSplitInput || !f.value ? (t(), i("div", ac, [
+        n("div", ic, [
+          !e.isSplitInput || !f.value ? (t(), i("div", oc, [
             p(o(xe), {
               "model-value": f.value ? e.modelValue && e.modelValue[0] ? `${x.value[0].format(e.dateFormat)} - ${x.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? x.value.format(e.dateFormat) : "",
               icon: "calendar",
@@ -8061,7 +8114,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               disabled: e.disabled,
               placeholder: e.placeholder
             }, null, 8, ["model-value", "label", "hint", "error-message", "is-required", "disabled", "placeholder"])
-          ])) : (t(), i("div", nc, [
+          ])) : (t(), i("div", sc, [
             p(o(he), {
               "error-message": c.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
               hint: e.hint,
@@ -8079,7 +8132,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   ]]),
                   onClick: B[2] || (B[2] = (O) => s.value ? O.stopPropagation : null)
                 }, [
-                  n("div", ic, [
+                  n("div", rc, [
                     p(o(T), {
                       name: "calendar",
                       class: "text-oc-text-400"
@@ -8091,10 +8144,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                       onInput: B[0] || (B[0] = (O) => I(O.target.value, 0)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
-                    }, null, 40, oc)
+                    }, null, 40, dc)
                   ]),
                   B[4] || (B[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
-                  n("div", sc, [
+                  n("div", cc, [
                     n("input", {
                       placeholder: "End date",
                       value: x.value[1] ? x.value[1].format(e.dateFormat) : "",
@@ -8102,7 +8155,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                       onInput: B[1] || (B[1] = (O) => I(O.target.value, 1)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
-                    }, null, 40, rc),
+                    }, null, 40, uc),
                     p(o(T), {
                       class: v([x.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
                       width: "16",
@@ -8121,10 +8174,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       _: 3
     }, 8, ["modelValue", "is-disabled", "placement"]));
   }
-}, cc = { class: "flex flex-wrap w-full" }, uc = {
+}, fc = { class: "flex flex-wrap w-full" }, vc = {
   key: 0,
   class: "flex items-center w-full mb-2 text-sm font-medium gap-x-3 text-oc-text-400"
-}, mc = { class: "flex items-center gap-x-1" }, fc = ["min", "max", "value"], vc = ["min", "max", "value"], gc = { class: "absolute bottom-0 left-0" }, pc = { class: "absolute bottom-0 right-0" }, yc = { class: "w-[15%] -mt-4 px-2" }, xc = {
+}, gc = { class: "flex items-center gap-x-1" }, pc = ["min", "max", "value"], yc = ["min", "max", "value"], xc = { class: "absolute bottom-0 left-0" }, hc = { class: "absolute bottom-0 right-0" }, bc = { class: "w-[15%] -mt-4 px-2" }, wc = {
   __name: "OcSlider",
   props: {
     maxLimit: {
@@ -8164,10 +8217,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       var C, h, B;
       parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (c.value.value = parseInt((B = d.value) == null ? void 0 : B.value) + l.minGap), A();
     }, A = (C = !1) => {
-      var h, B, O, w;
+      var h, B, O, b;
       f.value = (((h = d.value) == null ? void 0 : h.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, x.value = l.type === "range" ? (((B = c.value) == null ? void 0 : B.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100 : 0, m.value.style.background = l.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${x.value}%, var(--oc-gray-100) ${x.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || s(
         "update:modelValue",
-        l.type === "range" ? [(O = d.value) == null ? void 0 : O.value, (w = c.value) == null ? void 0 : w.value] : d.value.value
+        l.type === "range" ? [(O = d.value) == null ? void 0 : O.value, (b = c.value) == null ? void 0 : b.value] : d.value.value
       );
     }, j = (C) => {
       C.key >= "0" && C.key <= "9" || C.key === "Backspace" || C.preventDefault();
@@ -8177,10 +8230,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     return r({
       updateSlider: I
     }), we(() => I()), (C, h) => {
-      var B, O, w, V;
-      return t(), i("div", cc, [
-        e.label ? (t(), i("label", uc, [
-          n("span", mc, b(e.label), 1)
+      var B, O, b, V;
+      return t(), i("div", fc, [
+        e.label ? (t(), i("label", vc, [
+          n("span", gc, w(e.label), 1)
         ])) : u("", !0),
         n("div", {
           class: v(["relative h-[33px] flex items-center", {
@@ -8201,7 +8254,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             max: e.maxLimit,
             value: e.type === "range" ? (B = e.modelValue) == null ? void 0 : B[0] : e.modelValue,
             onInput: g
-          }, null, 40, fc),
+          }, null, 40, pc),
           e.type === "range" ? (t(), i("input", {
             key: 0,
             ref_key: "sliderTwo",
@@ -8211,29 +8264,29 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             max: e.maxLimit,
             value: (O = e.modelValue) == null ? void 0 : O[1],
             onInput: k
-          }, null, 40, vc)) : u("", !0),
+          }, null, 40, yc)) : u("", !0),
           e.variant === "default" ? (t(), i("div", {
             key: 1,
             class: "group-hover:block absolute top-[1rem] z-[1] -translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
             style: ie(`left: ${f.value}%`)
-          }, b(e.type === "range" ? (w = e.modelValue) == null ? void 0 : w[0] : e.modelValue), 5)) : u("", !0),
+          }, w(e.type === "range" ? (b = e.modelValue) == null ? void 0 : b[0] : e.modelValue), 5)) : u("", !0),
           e.type === "range" ? (t(), i("div", {
             key: 2,
             class: "group-hover:block absolute top-[1rem] z-[1] translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
             style: ie(`right: ${100 - x.value}%`)
-          }, b((V = e.modelValue) == null ? void 0 : V[1]), 5)) : u("", !0),
-          n("span", gc, [
+          }, w((V = e.modelValue) == null ? void 0 : V[1]), 5)) : u("", !0),
+          n("span", xc, [
             $(C.$slots, "min-limit-label", {}, () => [
-              W(b(e.minLimit), 1)
+              W(w(e.minLimit), 1)
             ], !0)
           ]),
-          n("span", pc, [
+          n("span", hc, [
             $(C.$slots, "max-limit-label", {}, () => [
-              W(b(e.maxLimit), 1)
+              W(w(e.maxLimit), 1)
             ], !0)
           ])
         ], 2),
-        n("div", yc, [
+        n("div", bc, [
           e.variant === "right" && e.type === "default" ? (t(), y(o(xe), {
             key: 0,
             "model-value": e.modelValue,
@@ -8245,10 +8298,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       ]);
     };
   }
-}, Lt = /* @__PURE__ */ ge(xc, [["__scopeId", "data-v-90983831"]]), hc = { class: "flex" }, bc = { class: "flex flex-col gap-y-1 flex-1" }, wc = { class: "font-medium gap-x-3 flex items-center" }, kc = { class: "px-2 py-1 text-sm text-oc-text-400" }, $c = {
+}, Lt = /* @__PURE__ */ ge(wc, [["__scopeId", "data-v-90983831"]]), kc = { class: "flex" }, $c = { class: "flex flex-col gap-y-1 flex-1" }, Sc = { class: "font-medium gap-x-3 flex items-center" }, Cc = { class: "px-2 py-1 text-sm text-oc-text-400" }, Bc = {
   key: 1,
   class: "text-sm text-oc-error flex items-center"
-}, Sc = {
+}, Vc = {
   __name: "OcSectionItem",
   props: {
     title: String,
@@ -8274,16 +8327,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const a = e, l = r;
-    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (s, d) => (t(), i("div", hc, [
-      n("div", bc, [
-        n("div", wc, [
-          W(b(e.title) + " ", 1),
+    return a.defaultValue === !0 && (a.modelValue === null || a.modelValue === void 0) && l("update:modelValue", !0), (s, d) => (t(), i("div", kc, [
+      n("div", $c, [
+        n("div", Sc, [
+          W(w(e.title) + " ", 1),
           p(o(ae), {
             position: "top",
             distance: 4
           }, {
             popper: S(() => [
-              n("div", kc, b(e.popperMessage), 1)
+              n("div", Cc, w(e.popperMessage), 1)
             ]),
             default: S(() => [
               e.icon ? (t(), y(o(T), {
@@ -8300,8 +8353,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
         e.description ? (t(), i("span", {
           key: 0,
           class: v(["text-oc-text-400 text-sm", e.descriptionClass])
-        }, b(e.description), 3)) : u("", !0),
-        e.errorMessage ? (t(), i("div", $c, b(e.errorMessage), 1)) : u("", !0)
+        }, w(e.description), 3)) : u("", !0),
+        e.errorMessage ? (t(), i("div", Bc, w(e.errorMessage), 1)) : u("", !0)
       ]),
       $(s.$slots, "actions", {}, () => [
         e.isToggle ? (t(), y(o(wt), F({
@@ -8313,13 +8366,13 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       ])
     ]));
   }
-}, Cc = {
+}, Oc = {
   key: 0,
   class: "flex gap-3 border border-oc-gray-200 p-3 rounded cursor-pointer"
-}, Bc = ["onClick"], Vc = ["src"], Oc = {
+}, Ic = ["onClick"], Tc = ["src"], Dc = {
   key: 0,
   class: "flex text-sm text-oc-text-400 mt-2"
-}, Ic = {
+}, Ac = {
   __name: "OcSelectOptions",
   props: {
     isSmallImage: Boolean,
@@ -8385,7 +8438,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             }
           ]])
         }, [
-          e.optionType === "icon" ? (t(), i("div", Cc, [
+          e.optionType === "icon" ? (t(), i("div", Oc, [
             (t(!0), i(N, null, R(e.options, (f) => (t(), i("div", {
               key: f.value,
               class: v(["p-1", {
@@ -8421,7 +8474,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   "w-[50%] mx-auto": e.isSmallImage
                 }]),
                 src: f.preview
-              }, null, 10, Vc)) : u("", !0),
+              }, null, 10, Tc)) : u("", !0),
               n("div", {
                 class: v(["mt-2", [d.value ? "text-center" : "px-3", e.borderless ? "flex-1" : ""]])
               }, [
@@ -8431,8 +8484,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                     "text-oc-text-400 group-hover:text-oc-text-500": d.value && f.value.toString() !== e.modelValue.toString(),
                     "text-oc-text-500": d.value && f.value.toString() === e.modelValue.toString()
                   }])
-                }, b(f.label), 3),
-                f.description ? (t(), i("div", Oc, b(f.description), 1)) : u("", !0)
+                }, w(f.label), 3),
+                f.description ? (t(), i("div", Dc, w(f.description), 1)) : u("", !0)
               ], 2),
               e.borderless ? (t(), y(o(T), {
                 key: 1,
@@ -8442,16 +8495,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                 class: v(["text-oc-primary", f.value.toString() === e.modelValue.toString() ? "opacity-100" : "opacity-0"])
               }, null, 8, ["class"])) : u("", !0)
             ])
-          ], 10, Bc))), 128))
+          ], 10, Ic))), 128))
         ], 2)
       ]),
       _: 3
     }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Tc = { class: "flex gap-x-3" }, Dc = {
+}, jc = { class: "flex gap-x-3" }, Mc = {
   key: 0,
   class: "border rounded p-3 min-h-[140px] h-full"
-}, Ac = ["accept"], jc = { class: "py-2 flex flex-col" }, Mc = ["src"], Lc = /* @__PURE__ */ Z({
+}, Lc = ["accept"], Pc = { class: "py-2 flex flex-col" }, Ec = ["src"], Nc = /* @__PURE__ */ Z({
   __name: "OcSingleOnlyImageUpload",
   props: {
     accept: {
@@ -8476,12 +8529,12 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     };
     return (x, g) => {
       var k, A;
-      return t(), i("div", Tc, [
+      return t(), i("div", jc, [
         (k = e.uploadedImage) != null && k.fileUrl ? u("", !0) : (t(), i("label", {
           key: 0,
           class: v([{ "flex-1": e.showUploadImageArea }, "relative group overflow-hidden"])
         }, [
-          e.showUploadImageArea ? (t(), i("div", Dc, [
+          e.showUploadImageArea ? (t(), i("div", Mc, [
             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": m.value }])
             }, [
@@ -8505,7 +8558,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             onDragover: g[1] || (g[1] = (j) => m.value = !0),
             onDragleave: g[2] || (g[2] = (j) => m.value = !1),
             onDrop: g[3] || (g[3] = (j) => m.value = !1)
-          }, null, 40, Ac)
+          }, null, 40, Lc)
         ], 2)),
         (A = e.uploadedImage) != null && A.fileUrl ? (t(), i("div", {
           key: 1,
@@ -8518,7 +8571,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             class: "absolute top-2 right-2 z-[1010]"
           }, {
             menu: S(() => [
-              n("div", jc, [
+              n("div", Pc, [
                 n("div", {
                   class: "flex p-3 cursor-pointer items-center gap-x-3",
                   onClick: g[4] || (g[4] = () => {
@@ -8559,7 +8612,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             src: e.uploadedImage.fileUrl,
             alt: "uploaded-image",
             class: "object-contain h-full w-full"
-          }, null, 8, Mc)
+          }, null, 8, Ec)
         ], 2)) : u("", !0),
         (t(), y(Rt, { to: "body" }, [
           d.value ? (t(), y(o(ot), {
@@ -8576,13 +8629,13 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       ]);
     };
   }
-}), Pc = ["accept"], Ec = {
+}), zc = ["accept"], Rc = {
   key: 0,
   class: "py-2 flex flex-col items-center gap-y-4"
-}, Nc = { class: "flex items-baseline gap-x-3 w-full" }, zc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Rc = ["accept"], Fc = {
+}, Fc = { class: "flex items-baseline gap-x-3 w-full" }, Uc = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, qc = ["accept"], Hc = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
-}, Uc = ["src"], qc = ["src"], Hc = { class: "py-2 flex flex-col" }, Yc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Wc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Kc = { class: "uppercase text-[8px] font-bold leading-none block" }, Gc = { class: "flex" }, Xc = { class: "text-sm text-oc-primary" }, Jc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, wf = {
+}, Yc = ["src"], Wc = ["src"], Kc = { class: "py-2 flex flex-col" }, Gc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Xc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Jc = { class: "uppercase text-[8px] font-bold leading-none block" }, Zc = { class: "flex" }, Qc = { class: "text-sm text-oc-primary" }, _c = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, Cf = {
   __name: "OcSingleFileUpload",
   props: {
     format: {
@@ -8670,7 +8723,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       j({ target: { files: D } }, a.format === "object");
     }, O = () => {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
-    }, w = (P) => {
+    }, b = (P) => {
       h.value.fileUrl = P, h.value.fileName = Date.now(), g.value = !1, k.value = "", l("update:modelValue", a.format === "object" ? h.value : [h.value]);
     }, V = async (P) => {
       if (P)
@@ -8695,9 +8748,9 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
         $(P.$slots, "hint")
       ]),
       default: S(() => {
-        var U, H, K, _, ee, oe, ce, pe, ke, $e, ye, Se, re, Be, Ce;
+        var U, H, G, _, ee, oe, ce, pe, ke, $e, ye, Se, re, Be, Ce;
         return [
-          e.isImageOnly ? (t(), y(Lc, {
+          e.isImageOnly ? (t(), y(Nc, {
             key: 0,
             accept: e.accept,
             "uploaded-image": h.value,
@@ -8707,7 +8760,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             onChange: D[0] || (D[0] = (Q) => o(j)(Q, a.format === "object")),
             onDelete: D[1] || (D[1] = (Q) => o(I)(0))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), i(N, { key: 1 }, [
-            p(o(X), F(e.buttonUploadProps, {
+            p(o(K), F(e.buttonUploadProps, {
               onClick: D[2] || (D[2] = (Q) => {
                 var Ve;
                 return (Ve = s.value) == null ? void 0 : Ve.click();
@@ -8720,7 +8773,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               type: "file",
               accept: e.accept,
               onChange: D[3] || (D[3] = (Q) => o(j)(Q, a.format === "object"))
-            }, null, 40, Pc)
+            }, null, 40, zc)
           ], 64)) : (t(), i(N, { key: 2 }, [
             o(A).length ? (t(), i("div", {
               key: 1,
@@ -8729,16 +8782,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                 "!bg-oc-bg-dark": e.isDisabled
               }])
             }, [
-              e.isPreview && ((_ = h.value) == null ? void 0 : _.progress) === 100 ? (t(), i("div", Fc, [
+              e.isPreview && ((_ = h.value) == null ? void 0 : _.progress) === 100 ? (t(), i("div", Hc, [
                 (oe = (ee = h.value) == null ? void 0 : ee.file) != null && oe.type.includes("video") ? (t(), i("video", {
                   key: 0,
                   autoplay: "",
                   loop: "",
                   src: C.value
-                }, null, 8, Uc)) : (t(), i("img", {
+                }, null, 8, Yc)) : (t(), i("img", {
                   key: 1,
                   src: (ce = h.value) == null ? void 0 : ce.fileUrl
-                }, null, 8, qc)),
+                }, null, 8, Wc)),
                 p(o(se), {
                   modelValue: x.value,
                   "onUpdate:modelValue": D[13] || (D[13] = (Q) => x.value = Q),
@@ -8747,7 +8800,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   menu: S(() => {
                     var Q, Ve;
                     return [
-                      n("div", Hc, [
+                      n("div", Kc, [
                         !((Ve = (Q = h.value) == null ? void 0 : Q.file) != null && Ve.type.includes("video")) && e.allowToEdit ? (t(), i("div", {
                           key: 0,
                           class: "flex p-3 cursor-pointer items-center gap-x-3",
@@ -8792,28 +8845,28 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   onClose: D[15] || (D[15] = () => {
                     g.value = !1, k.value = "";
                   }),
-                  onChangeImage: w
+                  onChangeImage: b
                 }, null, 8, ["modelValue", "img"])) : u("", !0)
               ])) : (t(), i(N, { key: 1 }, [
-                n("div", Yc, [
-                  n("div", Wc, [
+                n("div", Gc, [
+                  n("div", Xc, [
                     p(o(T), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Kc, b(($e = h.value) == null ? void 0 : $e.extension), 1)
+                    n("span", Jc, w(($e = h.value) == null ? void 0 : $e.extension), 1)
                   ]),
                   n("div", {
                     class: v([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
-                  }, b((ye = h.value) == null ? void 0 : ye.fileName), 3)
+                  }, w((ye = h.value) == null ? void 0 : ye.fileName), 3)
                 ]),
-                n("div", Gc, [
+                n("div", Zc, [
                   n("div", {
                     class: v([((Se = h.value) == null ? void 0 : Se.progress) === 100 ? "opacity-0" : "", "transition-all duration-500 flex flex-col gap-y-1 items-center"])
                   }, [
-                    n("span", Xc, b(((re = h.value) == null ? void 0 : re.progress) || 0) + "% ", 1),
-                    n("div", Jc, [
+                    n("span", Qc, w(((re = h.value) == null ? void 0 : re.progress) || 0) + "% ", 1),
+                    n("div", _c, [
                       n("div", {
                         class: "h-2 bg-oc-primary transition-all duration-100",
                         style: ie({ width: `${((Be = h.value) == null ? void 0 : Be.progress) || 0}%` })
@@ -8833,8 +8886,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   ]))
                 ])
               ], 64))
-            ], 2)) : (t(), i("div", Ec, [
-              n("div", Nc, [
+            ], 2)) : (t(), i("div", Rc, [
+              n("div", Fc, [
                 e.variant === "url" ? (t(), i(N, { key: 0 }, [
                   p(o(xe), {
                     modelValue: d.value,
@@ -8848,7 +8901,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                     "onUpdate:modelValue": D[6] || (D[6] = (Q) => c.value = Q),
                     placeholder: "Enter file name"
                   }, null, 8, ["modelValue"]),
-                  p(o(X), {
+                  p(o(K), {
                     class: "flex-shrink-0",
                     label: "OK",
                     disabled: "",
@@ -8868,13 +8921,13 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   onDragover: D[10] || (D[10] = fe(() => {
                   }, ["prevent"]))
                 }, [
-                  n("span", zc, b(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
-                  p(o(X), {
+                  n("span", Uc, w(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
+                  p(o(K), {
                     size: "small",
                     "is-disabled": e.isDisabled,
                     variant: ((U = e.uploadButtonOptions) == null ? void 0 : U.variant) ?? "secondary",
                     "left-icon": ((H = e.uploadButtonOptions) == null ? void 0 : H.leftIcon) ?? "upload",
-                    label: ((K = e.uploadButtonOptions) == null ? void 0 : K.label) ?? "Upload",
+                    label: ((G = e.uploadButtonOptions) == null ? void 0 : G.label) ?? "Upload",
                     onClick: D[7] || (D[7] = (Q) => s.value.click())
                   }, null, 8, ["is-disabled", "variant", "left-icon", "label"])
                 ], 34),
@@ -8885,7 +8938,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                   type: "file",
                   accept: e.accept,
                   onChange: D[11] || (D[11] = (Q) => o(j)(Q, a.format === "object"))
-                }, null, 40, Rc)
+                }, null, 40, qc)
               ])
             ]))
           ], 64))
@@ -8894,16 +8947,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       _: 3
     }, 8, ["label", "label-class", "hint", "error-message"]));
   }
-}, Zc = { class: "relative min-h-[100px]" }, Qc = {
+}, eu = { class: "relative min-h-[100px]" }, tu = {
   key: 0,
   class: "absolute"
-}, _c = { 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" }, eu = ["accept", "multiple", "disabled"], tu = ["onClick"], lu = { class: "py-2 flex flex-col" }, au = ["onClick"], nu = ["onClick"], iu = {
+}, lu = { 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" }, au = ["accept", "multiple", "disabled"], nu = ["onClick"], iu = { class: "py-2 flex flex-col" }, ou = ["onClick"], su = ["onClick"], ru = {
   key: 1,
   class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded"
-}, ou = {
+}, du = {
   key: 0,
   class: "cursor-pointer m-auto drag-el"
-}, su = {
+}, cu = {
   __name: "OcSimpleMultipleUpload",
   props: {
     accept: {
@@ -8938,42 +8991,42 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     "invalidFileType"
   ],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = M([]), d = M(!1), c = M(""), m = M({}), f = z(() => a.uploadedImages[c.value].fileUrl), x = M(!1), g = M(""), k = (w) => {
-      x.value = !0, g.value = w;
+    const a = e, l = r, s = M([]), d = M(!1), c = M(""), m = M({}), f = z(() => a.uploadedImages[c.value].fileUrl), x = M(!1), g = M(""), k = (b) => {
+      x.value = !0, g.value = b;
     }, A = M(!1), j = () => {
-      const w = a.uploadedImages.find((V, L) => L === g.value);
-      w.current ? l("onRemoveImage", w) : (l("delete", g.value), A.value = !0, setTimeout(() => {
+      const b = a.uploadedImages.find((V, L) => L === g.value);
+      b.current ? l("onRemoveImage", b) : (l("delete", g.value), A.value = !0, setTimeout(() => {
         A.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
         a.uploadedImages.filter((V, L) => L !== g.value)
       ), x.value = !1;
-    }, I = ({ url: w, cropper: V }) => {
+    }, I = ({ url: b, cropper: V }) => {
       const L = a.uploadedImages[c.value];
-      L.fileUrl = w, L.fileName = Date.now(), l("onEditImage", { ...L, index: c.value, cropper: V }), d.value = !1, c.value = "", m.value = {};
-    }, C = (w) => {
+      L.fileUrl = b, L.fileName = Date.now(), l("onEditImage", { ...L, index: c.value, cropper: V }), d.value = !1, c.value = "", m.value = {};
+    }, C = (b) => {
       let V = a.uploadedImages[c.value];
-      Object.keys(w).forEach((L) => {
-        V[L] = w[L];
+      Object.keys(b).forEach((L) => {
+        V[L] = b[L];
       }), l("update:uploadedImages", a.uploadedImages);
-    }, h = (w) => {
-      let V = a.uploadedImages.length + w.target.files.length > a.maxImages;
+    }, h = (b) => {
+      let V = a.uploadedImages.length + b.target.files.length > a.maxImages;
       if (a.maxImages && V) {
         l("onMaxFileExceed", V);
         return;
       }
-      l("change", w);
+      l("change", b);
     }, B = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), O = (w, V) => {
+    ), O = (b, V) => {
       var L;
-      c.value = w, (L = a.inputOptions) == null || L.forEach((E) => {
+      c.value = b, (L = a.inputOptions) == null || L.forEach((E) => {
         m.value[E] = V[E], E === "caption" && (m.value.caption_variant = V.caption_variant);
-      }), s[w] = !1, d.value = !0;
+      }), s[b] = !1, d.value = !0;
     };
-    return (w, V) => (t(), i("div", Zc, [
-      B.value ? (t(), i("label", Qc, [
-        n("div", _c, [
+    return (b, V) => (t(), i("div", eu, [
+      B.value ? (t(), i("label", tu, [
+        n("div", lu, [
           p(o(T), { name: "plus" })
         ]),
         n("input", {
@@ -8983,16 +9036,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           multiple: a.maxImages !== 1,
           disabled: e.isDisabled || A.value,
           onChange: h
-        }, null, 40, eu)
+        }, null, 40, au)
       ])) : u("", !0),
-      (t(), y(o(mm), {
+      (t(), y(o(gm), {
         key: e.uploadedImages.length,
         "model-value": e.uploadedImages,
         disabled: e.isDisabled,
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: ie(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": V[0] || (V[0] = (L) => e.isDisabled ? null : w.$emit("update:uploadedImages", L))
+        "onUpdate:modelValue": V[0] || (V[0] = (L) => e.isDisabled ? null : b.$emit("update:uploadedImages", L))
       }, {
         default: S(({ list: L }) => [
           (t(!0), i(N, null, R(L, (E, P) => (t(), i("div", {
@@ -9002,7 +9055,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               "col-start-2": P === 0 && B.value
             }]),
             style: ie(`background-image: url(${E.fileUrl})`),
-            onClick: (D) => w.$emit("update:selectedImage", E)
+            onClick: (D) => b.$emit("update:selectedImage", E)
           }, [
             e.isDisabled ? u("", !0) : (t(), y(o(se), {
               key: 0,
@@ -9012,12 +9065,12 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               class: "absolute top-2 right-2 z-[1010] hidden group-hover:flex"
             }, {
               menu: S(() => [
-                $(w.$slots, "action", {
+                $(b.$slots, "action", {
                   item: E,
                   removeItem: k,
                   fileIndex: P
                 }, () => [
-                  n("div", lu, [
+                  n("div", iu, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
                       onClick: (D) => O(P, E)
@@ -9028,7 +9081,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                         name: "pencil"
                       }),
                       V[4] || (V[4] = n("span", null, "Edit Image", -1))
-                    ], 8, au),
+                    ], 8, ou),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                       onClick: () => {
@@ -9041,7 +9094,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                         name: "bin"
                       }),
                       V[5] || (V[5] = n("span", null, "Delete", -1))
-                    ], 8, nu)
+                    ], 8, su)
                   ])
                 ])
               ]),
@@ -9065,15 +9118,15 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                 }, null, 4)
               ], 2)
             ], 2),
-            e.isDisabled ? u("", !0) : (t(), i("div", iu, [
-              a.maxImages !== 1 ? (t(), i("span", ou, [
+            e.isDisabled ? u("", !0) : (t(), i("div", ru, [
+              a.maxImages !== 1 ? (t(), i("span", du, [
                 p(o(T), {
                   name: "arrows",
                   class: "text-oc-accent-1-50"
                 })
               ])) : u("", !0)
             ]))
-          ], 14, tu))), 128))
+          ], 14, nu))), 128))
         ]),
         _: 3
       }, 8, ["model-value", "disabled", "style"])),
@@ -9090,7 +9143,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
         onChangeImage: I,
         "onUpdate:inputOptions": C
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : u("", !0),
-      p(o(Ku), {
+      p(o(Ju), {
         modelValue: x.value,
         "onUpdate:modelValue": V[3] || (V[3] = (L) => x.value = L),
         description: "Do you want to delete this image ?",
@@ -9098,16 +9151,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       }, null, 8, ["modelValue"])
     ]));
   }
-}, ru = { class: "flex flex-col gap-y-2" }, du = ["accept"], cu = { class: "input-file-uploaded flex flex-col gap-y-3" }, uu = { class: "flex items-center gap-x-3" }, mu = { class: "flex flex-col items-center justify-center text-oc-text-300" }, fu = { class: "uppercase text-[8px] font-bold leading-none block" }, vu = { class: "text-oc-text-400 text-sm" }, gu = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, pu = ["accept"], yu = {
+}, uu = { class: "flex flex-col gap-y-2" }, mu = ["accept"], fu = { class: "input-file-uploaded flex flex-col gap-y-3" }, vu = { class: "flex items-center gap-x-3" }, gu = { class: "flex flex-col items-center justify-center text-oc-text-300" }, pu = { class: "uppercase text-[8px] font-bold leading-none block" }, yu = { class: "text-oc-text-400 text-sm" }, xu = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, hu = ["accept"], bu = {
   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"
-}, xu = { key: 0 }, hu = { key: 1 }, bu = {
+}, wu = { key: 0 }, ku = { key: 1 }, $u = {
   key: 2,
   class: "text-center"
-}, wu = {
+}, Su = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, kf = {
+}, Bf = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -9188,7 +9241,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       var I;
       (I = s.value) == null || I.click();
     };
-    return (I, C) => (t(), i("div", ru, [
+    return (I, C) => (t(), i("div", uu, [
       p(o(he), {
         label: e.label,
         hint: e.hint,
@@ -9198,7 +9251,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           $(I.$slots, "hint")
         ]),
         default: S(() => [
-          e.isImageOnly ? (t(), y(su, {
+          e.isImageOnly ? (t(), y(cu, {
             key: 0,
             "uploaded-images": o(f),
             "selected-image": e.selectedImage,
@@ -9227,7 +9280,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "is-disabled", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), i(N, { key: 1 }, [
             $(I.$slots, "button", { triggerInput: j }, () => [
-              p(o(X), F(e.buttonUploadProps, { onClick: j }), null, 16)
+              p(o(K), F(e.buttonUploadProps, { onClick: j }), null, 16)
             ]),
             n("input", {
               id: "my-file",
@@ -9238,7 +9291,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               multiple: "",
               accept: e.accept,
               onChange: k
-            }, null, 40, du)
+            }, null, 40, mu)
           ], 64)) : (t(), i("div", {
             key: 2,
             class: v(["relative border rounded p-3 min-w-[30rem] flex flex-col", [
@@ -9248,27 +9301,27 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
               }
             ]])
           }, [
-            n("div", cu, [
+            n("div", fu, [
               (t(!0), i(N, null, R(o(f), (h, B) => (t(), i("div", {
                 key: `${B}-${h.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
-                n("div", uu, [
-                  n("div", mu, [
+                n("div", vu, [
+                  n("div", gu, [
                     p(o(T), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
                     }),
-                    n("span", fu, b(h.extension), 1)
+                    n("span", pu, w(h.extension), 1)
                   ]),
-                  n("span", vu, b(h == null ? void 0 : h.fileName), 1)
+                  n("span", yu, w(h == null ? void 0 : h.fileName), 1)
                 ]),
                 c.value ? (t(), i("div", {
                   key: 0,
                   class: v(["w-[100px] h-[16px] absolute right-0 flex items-center z-40", { "on-end-loading": h.progress === 100 }])
                 }, [
-                  n("div", gu, [
+                  n("div", xu, [
                     n("div", {
                       style: ie({ width: `${h.progress}%` }),
                       class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
@@ -9310,17 +9363,17 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                 onDragleave: C[6] || (C[6] = (h) => d.value = !1),
                 onDrop: C[7] || (C[7] = (h) => d.value = !1),
                 onChange: k
-              }, null, 40, pu)),
-              o(f).length ? e.isDisabled ? u("", !0) : (t(), i("div", wu, C[9] || (C[9] = [
+              }, null, 40, hu)),
+              o(f).length ? e.isDisabled ? u("", !0) : (t(), i("div", Su, C[9] || (C[9] = [
                 n("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
-              ]))) : (t(), i("div", yu, [
+              ]))) : (t(), i("div", bu, [
                 p(o(T), {
                   name: "upload",
                   class: v(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
-                e.labelUploadArea ? (t(), i("div", xu, b(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", hu, "Upload disabled")) : (t(), i("div", bu, [
+                e.labelUploadArea ? (t(), i("div", wu, w(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", ku, "Upload disabled")) : (t(), i("div", $u, [
                   C[8] || (C[8] = n("div", null, "Select documents or drag here", -1)),
-                  n("div", null, "File max " + b(e.maxSize) + "MB", 1)
+                  n("div", null, "File max " + w(e.maxSize) + "MB", 1)
                 ]))
               ]))
             ], 2)
@@ -9330,7 +9383,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, ku = ["value"], $u = /* @__PURE__ */ Z({
+}, Cu = ["value"], Bu = /* @__PURE__ */ Z({
   __name: "OcNumberInput",
   props: {
     modelValue: {
@@ -9376,7 +9429,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             !e.isDisabled && !e.errorMessage ? "number-input-focus-shadow" : ""
           ]])
         }, [
-          p(o(X), {
+          p(o(K), {
             variant: "secondary",
             class: "w-[28px] shrink-0 aspect-square",
             size: "small",
@@ -9391,8 +9444,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             placeholder: "1",
             onKeydown: c,
             onInput: f[0] || (f[0] = (x) => m.$emit("update:modelValue", x.target.value))
-          }, null, 42, ku),
-          p(o(X), {
+          }, null, 42, Cu),
+          p(o(K), {
             variant: "secondary",
             class: "w-[28px] shrink-0 aspect-square",
             size: "small",
@@ -9406,7 +9459,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       _: 1
     }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
   }
-}), Su = /* @__PURE__ */ ge($u, [["__scopeId", "data-v-5333a0fa"]]), Cu = {
+}), Vu = /* @__PURE__ */ ge(Bu, [["__scopeId", "data-v-5333a0fa"]]), Ou = {
   __name: "OcDropdown",
   props: {
     distance: {
@@ -9448,8 +9501,9 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       s.isAttachToBody && !s.preventClickOutside && d.value.checkElementIsInsidePopper(j.target) || s.modelValue && !s.preventClickOutside && l("update:modelValue", !1);
     }, x = M(), g = M(0);
     ue(() => s.modelValue, async () => {
+      var b;
       const j = window.innerHeight || document.documentElement.clientHeight, I = x.value.getBoundingClientRect().top, C = j - x.value.getBoundingClientRect().bottom, h = Math.max(I, C), O = h - (2 + (h === I ? 2.5 : 0)) * 16;
-      g.value = O > 0 ? O : 0, d.value.popperInstance.update();
+      g.value = O > 0 ? O : 0, (b = d.value.popperInstance) == null || b.update();
     }), r({
       dropdownScroll: c,
       toggleDropdown: m,
@@ -9511,16 +9565,16 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       [o(nt), f]
     ]);
   }
-}, se = /* @__PURE__ */ ge(Cu, [["__scopeId", "data-v-5f40d42b"]]), Bu = { class: "flex items-center justify-between gap-x-3 p-3" }, Vu = { class: "flex items-center gap-x-3" }, Ou = {
+}, se = /* @__PURE__ */ ge(Ou, [["__scopeId", "data-v-43e27395"]]), Iu = { class: "flex items-center justify-between gap-x-3 p-3" }, Tu = { class: "flex items-center gap-x-3" }, Du = {
   key: 0,
   class: "bg-oc-warning-50 text-oc-warning shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
-}, Iu = {
+}, Au = {
   key: 1,
   class: "bg-oc-accent-2-50 text-oc-accent-2 shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
-}, Tu = {
+}, ju = {
   key: 2,
   class: "bg-oc-accent-2-50 text-oc-accent-2 shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
-}, Du = {
+}, Mu = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, be = {
@@ -9547,28 +9601,28 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     return (a, l) => (t(), i("div", {
       class: v(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", r.value[e.variant]])
     }, [
-      n("div", Bu, [
-        n("div", Vu, [
+      n("div", Iu, [
+        n("div", Tu, [
           e.icon ? (t(), y(o(T), F({
             key: 0,
             class: "w-5 h-5",
             name: e.icon
           }, e.iconProps, { class: e.iconClasses }), null, 16, ["name", "class"])) : u("", !0),
-          n("span", null, b(e.text), 1),
+          n("span", null, w(e.text), 1),
           $(a.$slots, "badge")
         ]),
-        e.isBeta ? (t(), i("div", Ou, " BETA ")) : e.isNew ? (t(), i("div", Iu, " NEW ")) : e.isTryIt ? (t(), i("div", Tu, " TRY IT ")) : u("", !0)
+        e.isBeta ? (t(), i("div", Du, " BETA ")) : e.isNew ? (t(), i("div", Au, " NEW ")) : e.isTryIt ? (t(), i("div", ju, " TRY IT ")) : u("", !0)
       ]),
-      e.subText ? (t(), i("div", Du, [
-        n("span", null, b(e.subText), 1)
+      e.subText ? (t(), i("div", Mu, [
+        n("span", null, w(e.subText), 1)
       ])) : u("", !0)
     ], 2));
   }
-}, Au = { class: "oc-tooltip-wrapper" }, ju = {
+}, Lu = { class: "oc-tooltip-wrapper" }, Pu = {
   key: 0,
   class: "oc-arrow",
   "data-popper-arrow": ""
-}, Mu = {
+}, Eu = {
   __name: "OcTooltip",
   props: {
     popperClass: {
@@ -9623,7 +9677,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
   },
   setup(e) {
     const r = e, a = M(!1), l = M(), s = M(), d = M(), c = () => {
-      a.value = !0, d.value.popperInstance.update(), r.hideAfter && setTimeout(() => m(), r.hideAfter);
+      var x;
+      a.value = !0, (x = d.value.popperInstance) == null || x.update(), r.hideAfter && setTimeout(() => m(), r.hideAfter);
     }, m = () => a.value = !1;
     we(() => {
       if (r.trigger === "hover") {
@@ -9643,7 +9698,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     const f = () => {
       a.value && m();
     };
-    return (x, g) => Oe((t(), i("span", Au, [
+    return (x, g) => Oe((t(), i("span", Lu, [
       p(o(bt), {
         ref_key: "popper",
         ref: d,
@@ -9662,7 +9717,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
                 class: v(["oc-tooltip", e.popperClass])
               }, [
                 $(x.$slots, "popper", {}, void 0, !0),
-                e.arrowHidden ? u("", !0) : (t(), i("div", ju))
+                e.arrowHidden ? u("", !0) : (t(), i("div", Pu))
               ], 2), [
                 [Ee, a.value]
               ])
@@ -9685,14 +9740,14 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       [o(nt), f]
     ]);
   }
-}, ae = /* @__PURE__ */ ge(Mu, [["__scopeId", "data-v-a902efc5"]]), Lu = {
+}, ae = /* @__PURE__ */ ge(Eu, [["__scopeId", "data-v-7680cf01"]]), Nu = {
   key: 0,
   id: "modal-overlay-wrapper",
   class: "fixed w-screen z-[1008] top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, Pu = { class: "flex flex-col gap-y-1 overflow-hidden" }, Eu = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Nu = {
+}, zu = { class: "flex flex-col gap-y-1 overflow-hidden" }, Ru = { class: "text-lg font-medium text-ellipsis overflow-hidden whitespace-nowrap" }, Fu = {
   key: 0,
   class: "text-sm text-oc-text-300 text-ellipsis overflow-hidden whitespace-nowrap"
-}, zu = ["id"], Ru = {
+}, Uu = ["id"], qu = {
   __name: "OcModal",
   props: {
     isBorderless: Boolean,
@@ -9789,7 +9844,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     ), Ft(() => {
       var g;
       (g = f.value) == null || g.removeEventListener("scroll", x);
-    }), (g, k) => e.modelValue ? (t(), i("div", Lu, [
+    }), (g, k) => e.modelValue ? (t(), i("div", Nu, [
       n("div", {
         class: "w-full h-full absolute top-0 left-0 z-[1008]",
         onClick: d
@@ -9802,10 +9857,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           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"])
         }, [
           $(g.$slots, "header", {}, () => [
-            n("div", Pu, [
-              n("span", Eu, b(e.title), 1),
+            n("div", zu, [
+              n("span", Ru, w(e.title), 1),
               $(g.$slots, "description", {}, () => [
-                e.description ? (t(), i("span", Nu, b(e.description), 1)) : u("", !0)
+                e.description ? (t(), i("span", Fu, w(e.description), 1)) : u("", !0)
               ])
             ]),
             e.isCloseIcon ? (t(), i("div", {
@@ -9829,7 +9884,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           onScroll: k[1] || (k[1] = (A) => l("content-scroll", A))
         }, [
           $(g.$slots, "default")
-        ], 42, zu),
+        ], 42, Uu),
         e.isFooterVisible ? (t(), i("div", {
           key: 1,
           class: v(["px-5 py-6 border-oc-gray-200 flex gap-x-4", [
@@ -9840,12 +9895,12 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           ]])
         }, [
           $(g.$slots, "footer", {}, () => [
-            p(o(X), F({
+            p(o(K), F({
               label: "Cancel",
               variant: "secondary",
               class: "min-w-[112px]"
             }, e.cancelButtonProps, { onClick: c }), null, 16),
-            p(o(X), F({
+            p(o(K), F({
               label: "OK",
               class: "min-w-[112px]"
             }, e.confirmButtonProps, {
@@ -9856,10 +9911,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       ], 2)
     ])) : u("", !0);
   }
-}, Fu = {
+}, Hu = {
   key: 0,
   class: "fixed w-screen z-[1008] bg-white top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, Uu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, qu = { class: "modal-body p-9" }, $f = {
+}, Yu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Wu = { class: "modal-body p-9" }, Vf = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -9890,8 +9945,8 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
   emits: ["update:modelValue", "back", "click:outside"],
   setup(e, { emit: r }) {
     const a = r;
-    return (l, s) => e.modelValue ? (t(), i("div", Fu, [
-      n("div", Uu, [
+    return (l, s) => e.modelValue ? (t(), i("div", Hu, [
+      n("div", Yu, [
         $(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])
@@ -9901,7 +9956,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             class: "py-3 px-4 rounded cursor-pointer text-oc-gray-400 hover:bg-gray-100 hover:text-oc-text absolute top-5 left-5",
             onClick: s[0] || (s[0] = (d) => a("back"))
           }, [
-            p(o(X), {
+            p(o(K), {
               variant: "secondary",
               "is-transparent": "",
               label: "Back",
@@ -9919,14 +9974,14 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             }),
             s[2] || (s[2] = n("span", null, "Close", -1))
           ]),
-          n("div", qu, [
+          n("div", Wu, [
             $(l.$slots, "default")
           ])
         ], 2)
       ])
     ])) : u("", !0);
   }
-}, Hu = { class: "text-center" }, Yu = ["innerHTML"], Wu = {
+}, Ku = { class: "text-center" }, Gu = ["innerHTML"], Xu = {
   __name: "OcConfirmation",
   props: {
     description: String,
@@ -9965,14 +10020,14 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           name: e.icon ?? r[e.variant]
         }, null, 8, ["name"])
       ], 2)),
-      n("div", Hu, [
+      n("div", Ku, [
         $(l.$slots, "description", {}, () => [
-          n("span", { innerHTML: e.description }, null, 8, Yu)
+          n("span", { innerHTML: e.description }, null, 8, Gu)
         ])
       ])
     ], 2));
   }
-}, Ku = {
+}, Ju = {
   __name: "OcConfirmationModal",
   props: {
     modelValue: {
@@ -10045,7 +10100,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     })), c = (m) => {
       l("update:model-value", m), l("cancel");
     };
-    return (m, f) => (t(), y(o(Ru), {
+    return (m, f) => (t(), y(o(qu), {
       size: "small",
       "model-value": e.modelValue,
       title: e.title,
@@ -10068,7 +10123,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       onCancel: f[1] || (f[1] = (x) => m.$emit("cancel"))
     }, {
       default: S(() => [
-        p(Wu, {
+        p(Xu, {
           "icon-class": e.iconClass,
           variant: e.variant,
           description: e.description,
@@ -10088,10 +10143,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       _: 3
     }, 8, ["model-value", "title", "persistent", "cancel-button-props", "confirm-button-props"]));
   }
-}, Gu = { class: "fixed bottom-[30px] right-[32px]" }, Xu = { class: "relative" }, Ju = {
+}, Zu = { class: "fixed bottom-[30px] right-[32px]" }, Qu = { class: "relative" }, _u = {
   key: 0,
   class: "flex items-center justify-end"
-}, Zu = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, Qu = { class: "min-w-[180px]" }, _u = { class: "p-3" }, em = { class: "uppercase text-oc-text-400 text-xs font-medium" }, Sf = /* @__PURE__ */ Z({
+}, em = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, tm = { class: "min-w-[180px]" }, lm = { class: "p-3" }, am = { class: "uppercase text-oc-text-400 text-xs font-medium" }, Of = /* @__PURE__ */ Z({
   __name: "OcSupportMenu",
   props: {
     modelValue: {
@@ -10129,7 +10184,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     const r = {
       arrowHidden: !0
     };
-    return (a, l) => (t(), i("div", Gu, [
+    return (a, l) => (t(), i("div", Zu, [
       p(o(se), {
         "model-value": e.modelValue,
         "popper-options": r,
@@ -10138,10 +10193,10 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
         "onUpdate:modelValue": l[0] || (l[0] = (s) => a.$emit("update:modelValue", s))
       }, {
         menu: S(() => [
-          n("div", Qu, [
+          n("div", tm, [
             (t(!0), i(N, null, R(e.topMenu, (s, d) => (t(), i(N, { key: d }, [
-              n("div", _u, [
-                n("span", em, b(s.title), 1)
+              n("div", lm, [
+                n("span", am, w(s.title), 1)
               ]),
               (t(!0), i(N, null, R(s.items, (c, m) => (t(), y(o(be), F({
                 key: m,
@@ -10182,11 +10237,11 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
           ])
         ]),
         default: S(() => [
-          n("div", Xu, [
-            e.isPointed ? (t(), i("div", Ju, l[1] || (l[1] = [
+          n("div", Qu, [
+            e.isPointed ? (t(), i("div", _u, l[1] || (l[1] = [
               n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ]))) : u("", !0),
-            n("div", Zu, [
+            n("div", em, [
               p(o(T), {
                 name: "question",
                 width: "33",
@@ -10199,7 +10254,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       }, 8, ["model-value"])
     ]));
   }
-}), tm = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, je = /* @__PURE__ */ Z({
+}), nm = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, je = /* @__PURE__ */ Z({
   __name: "OcCopyTooltip",
   props: {
     value: [String, Blob],
@@ -10229,7 +10284,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       distance: 20
     }, e.tooltipOptions), {
       popper: S(() => [
-        n("div", tm, b(e.tooltipText), 1)
+        n("div", nm, w(e.tooltipText), 1)
       ]),
       default: S(({ isShow: s }) => [
         n("div", {
@@ -10248,7 +10303,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       _: 3
     }, 16));
   }
-}), lm = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, am = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, nm = { class: "flex flex-col gap-y-7 p-5" }, im = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, om = ["src"], sm = { class: "flex text-center flex-col gap-y-3" }, rm = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, dm = { class: "text-oc-text-400" }, cm = { class: "py-6 px-5 flex items-center justify-center" }, Cf = /* @__PURE__ */ Z({
+}), im = { class: "flex justify-center pt-[75px] items-start backdrop-blur-sm" }, om = { class: "bg-white relative z-10 rounded pb-3 max-w-[320px] w-[96vw] shadow" }, sm = { class: "flex flex-col gap-y-7 p-5" }, rm = { class: "min-w-[142px] pt-7 flex justify-center items-center" }, dm = ["src"], cm = { class: "flex text-center flex-col gap-y-3" }, um = { class: "text-lg flex justify-center gap-x-3 items-center font-medium" }, mm = { class: "text-oc-text-400" }, fm = { class: "py-6 px-5 flex items-center justify-center" }, If = /* @__PURE__ */ Z({
   __name: "OcWhiteList",
   props: {
     buttonProps: {
@@ -10264,30 +10319,30 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
     description: String
   },
   setup(e) {
-    return (r, a) => (t(), i("div", lm, [
+    return (r, a) => (t(), i("div", im, [
       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", am, [
-        n("div", nm, [
+      n("div", om, [
+        n("div", sm, [
           $(r.$slots, "logo", {}, () => [
-            n("div", im, [
+            n("div", rm, [
               n("img", {
                 src: e.imagePath,
                 alt: "logo"
-              }, null, 8, om)
+              }, null, 8, dm)
             ])
           ]),
-          n("div", sm, [
-            n("div", rm, [
-              W(b(e.title) + " ", 1),
+          n("div", cm, [
+            n("div", um, [
+              W(w(e.title) + " ", 1),
               e.tagOptions ? (t(), y(o(Ht), me(F({ key: 0 }, e.tagOptions)), null, 16)) : u("", !0)
             ]),
-            n("span", dm, b(e.description), 1)
+            n("span", mm, w(e.description), 1)
           ]),
           $(r.$slots, "bottom")
         ]),
-        n("div", cm, [
+        n("div", fm, [
           $(r.$slots, "footer", {}, () => [
-            p(o(X), F({
+            p(o(K), F({
               label: "Request Access",
               class: "w-fit"
             }, e.buttonProps), null, 16)
@@ -10296,7 +10351,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       ])
     ]));
   }
-}), Bf = {
+}), Tf = {
   __name: "OcFormBuilder",
   props: {
     id: {
@@ -10336,80 +10391,80 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
   },
   emits: ["onUpdate"],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = (w, V) => {
-      l("onUpdate", w, V);
+    const a = e, l = r, s = (b, V) => {
+      l("onUpdate", b, V);
     }, d = {
-      CardInput: fr,
-      CheckboxesGroup: pr,
+      CardInput: pr,
+      CheckboxesGroup: hr,
       Input: xe,
-      NumberInput: Su,
-      LinkInput: dd,
-      Select: ed,
-      TextArea: md,
+      NumberInput: Vu,
+      LinkInput: md,
+      Select: ad,
+      TextArea: gd,
       Toggle: wt,
-      RadioGroup: Fr,
-      TimePicker: fm,
-      DatePicker: dc,
+      RadioGroup: Hr,
+      TimePicker: pm,
+      DatePicker: mc,
       Checkbox: Te,
       Slider: Lt,
-      RangeInput: Yr,
-      PhoneInput: Pr,
-      SectionItem: Sc,
-      SelectOptions: Ic
-    }, c = (w) => d[w] ? d[w] : null, m = z(() => {
-      const w = (L) => L.split(`
+      RangeInput: Gr,
+      PhoneInput: zr,
+      SectionItem: Vc,
+      SelectOptions: Ac
+    }, c = (b) => d[b] ? d[b] : null, m = z(() => {
+      const b = (L) => L.split(`
 `).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), V = {};
       return Object.entries(a.grid).forEach(([L, E]) => {
         Object.entries(E).forEach(([P, D]) => {
-          V[`--grid-${L}-${P}`] = P === "area" ? w(D) : D;
+          V[`--grid-${L}-${P}`] = P === "area" ? b(D) : D;
         });
       }), V;
-    }), f = (w) => typeof w == "object" ? w[0].key : w, x = (w) => `grid-area: ${f(w)}`, g = z(() => a.class), k = M({}), A = M({}), j = M({}), I = (w) => typeof w == "object" ? w[0].key : w, C = (w) => {
+    }), f = (b) => typeof b == "object" ? b[0].key : b, x = (b) => `grid-area: ${f(b)}`, g = z(() => a.class), k = M({}), A = M({}), j = M({}), I = (b) => typeof b == "object" ? b[0].key : b, C = (b) => {
       a.jsonForm.forEach((V) => {
         var L;
         if (typeof V.name == "object") {
           let E = null;
           V.name.forEach((P) => {
-            w[P.key] && (E ? E.push(w[P.key]) : E = [w[P.key]]);
+            b[P.key] && (E ? E.push(b[P.key]) : E = [b[P.key]]);
           }), k.value[I(V.name)] = E, O(V);
         } else
-          (L = V.props) != null && L.parentKey ? (k.value[V.props.parentKey] = w[V.props.parentKey] ?? {}, k.value[V.props.parentKey][V.name] = w[V.props.parentKey][V.name] ?? "") : k.value[V.name] = w[V.name] ?? "", O(V);
+          (L = V.props) != null && L.parentKey ? (k.value[V.props.parentKey] = b[V.props.parentKey] ?? {}, k.value[V.props.parentKey][V.name] = b[V.props.parentKey][V.name] ?? "") : k.value[V.name] = b[V.name] ?? "", O(V);
       });
     }, h = () => {
-      a.jsonForm.forEach((w) => {
-        if (typeof w.name == "object") {
+      a.jsonForm.forEach((b) => {
+        if (typeof b.name == "object") {
           let V = [];
-          w.name.forEach((L) => {
+          b.name.forEach((L) => {
             a.errors[L.key] && V.push(a.errors[L.key]);
-          }), A.value[I(w.name)] = V.join(",");
+          }), A.value[I(b.name)] = V.join(",");
         } else
-          A.value[w.name] = a.errors[w.name] ?? "";
+          A.value[b.name] = a.errors[b.name] ?? "";
       });
     }, B = z(() => ({
       ...a.logicValues,
       ...k.value
-    })), O = (w) => {
-      if (w.show_if || w.show_if_preview) {
-        let V = w.class ? w.class : "";
-        if (w.show_if)
-          if (w.show_if_value !== void 0)
-            if (Array.isArray(w.show_if_value)) {
+    })), O = (b) => {
+      if (b.show_if || b.show_if_preview) {
+        let V = b.class ? b.class : "";
+        if (b.show_if)
+          if (b.show_if_value !== void 0)
+            if (Array.isArray(b.show_if_value)) {
               let L = 0;
-              w.show_if.forEach((E, P) => {
+              b.show_if.forEach((E, P) => {
                 var D;
-                w.show_if_value[P] === "arrayExist" ? (D = B.value[w.show_if[P]]) != null && D.length && (L = L + 1) : w.show_if_value[P] === B.value[w.show_if[P]] && (L = L + 1);
-              }), (w.show_if_one && L < 1 || !w.show_if_one && L < w.show_if.length) && (V = V + " hidden");
-            } else w.show_if_value !== B.value[w.show_if] && (V = V + " hidden");
-          else w.show_if_not !== void 0 ? w.show_if_not === B.value[w.show_if] && (V = V + " hidden") : w.show_if_min !== void 0 && (isNaN(parseInt(B.value[w.show_if])) ? 1 : parseInt(B.value[w.show_if])) < parseInt(w.show_if_min) && (V = V + " hidden");
-        else w.show_if_preview && (w.show_if_preview_only !== void 0 ? w.show_if_preview_only !== a.previewMode && (V = V + " hidden") : w.show_if_preview_not !== void 0 && w.show_if_preview_not === a.previewMode && (V = V + " hidden"));
-        typeof w.name == "object" ? j.value[I(w.name)] = V : j.value[w.name] = V;
+                b.show_if_value[P] === "arrayExist" ? (D = B.value[b.show_if[P]]) != null && D.length && (L = L + 1) : b.show_if_value[P] === B.value[b.show_if[P]] && (L = L + 1);
+              }), (b.show_if_one && L < 1 || !b.show_if_one && L < b.show_if.length) && (V = V + " hidden");
+            } else b.show_if_value !== B.value[b.show_if] && (V = V + " hidden");
+          else b.show_if_not !== void 0 ? b.show_if_not === B.value[b.show_if] && (V = V + " hidden") : b.show_if_min !== void 0 && (isNaN(parseInt(B.value[b.show_if])) ? 1 : parseInt(B.value[b.show_if])) < parseInt(b.show_if_min) && (V = V + " hidden");
+        else b.show_if_preview && (b.show_if_preview_only !== void 0 ? b.show_if_preview_only !== a.previewMode && (V = V + " hidden") : b.show_if_preview_not !== void 0 && b.show_if_preview_not === a.previewMode && (V = V + " hidden"));
+        typeof b.name == "object" ? j.value[I(b.name)] = V : j.value[b.name] = V;
       } else
-        j.value[w.name] = w.class ? w.class : "";
+        j.value[b.name] = b.class ? b.class : "";
     };
     return ue(
       () => a.values,
-      (w) => {
-        C(w);
+      (b) => {
+        C(b);
       },
       {
         deep: !0
@@ -10424,7 +10479,7 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       }
     ), ue(
       () => a.errors,
-      (w) => {
+      (b) => {
         h();
       },
       {
@@ -10437,13 +10492,13 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       }
     ), we(() => {
       C(a.values), h(a.errors);
-    }), (w, V) => Object.values(k.value).length > 0 ? (t(), i("div", {
+    }), (b, V) => Object.values(k.value).length > 0 ? (t(), i("div", {
       key: 0,
       class: v(e.grid ? `responsive-smart-form-grid ${g.value}` : g.value),
       style: ie(e.grid ? m.value : "")
     }, [
       (t(!0), i(N, null, R(e.jsonForm, (L) => {
-        var E, P, D, U, H, K;
+        var E, P, D, U, H, G;
         return t(), i("div", {
           key: f(L.name),
           style: ie(e.grid ? x(L.name) : ""),
@@ -10459,11 +10514,11 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
             "model-value": (E = L.props) != null && E.parentKey ? (D = (P = k.value) == null ? void 0 : P[L.props.parentKey]) == null ? void 0 : D[L.name] : k.value[typeof L.name == "object" ? I(L.name) : L.name],
             "error-message": A.value[typeof L.name == "object" ? I(L.name) : L.name],
             "onUpdate:modelValue": (_) => s(L, _)
-          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : $(w.$slots, L.type, {
+          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : $(b.$slots, L.type, {
             key: 1,
             formId: e.id,
             form: L,
-            value: (U = L.props) != null && U.parentKey ? (K = (H = k.value) == null ? void 0 : H[L.props.parentKey]) == null ? void 0 : K[L.name] : k.value[typeof L.name == "object" ? I(L.name) : L.name],
+            value: (U = L.props) != null && U.parentKey ? (G = (H = k.value) == null ? void 0 : H[L.props.parentKey]) == null ? void 0 : G[L.name] : k.value[typeof L.name == "object" ? I(L.name) : L.name],
             error: A.value[typeof L.name == "object" ? I(L.name) : L.name],
             onUpdate: s
           })
@@ -10471,129 +10526,130 @@ const lc = { class: "flex flex-col gap-y-2 w-full" }, ac = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Vf = de(() => import("./OcDataTable-F7QH2Pc0.js")), Of = de(() => import("./OcFilterSearch-BnvEtimd.js")), If = de(() => import("./OcFilterSearchFor-D6xP7uQz.js")), Tf = de(() => import("./OcFilterForm-Nkw7WcfL.js")), um = de(
-  () => import("./OcComplexCalendar-D54oHLwu.js")
-), Df = de(
-  () => import("./OcComplexDatePicker-DaSJ4HtT.js")
-), ot = de(() => import("./OcModalCropper-B2bB8RzF.js")), Af = de(() => import("./OcCropper-DGEl7bPQ.js")), mm = de(() => import("./OcDraggable-CZT2mJvO.js")), jf = de(() => import("./OcDraggableList-CBZak5bV.js")), Mf = de(() => import("./OcEmojiPicker-DPJdrLIh.js")), Lf = de(
-  () => import("./ThumbnailTheme-2Ow4cKYH.js")
-), Pf = de(
-  () => import("./ThumbnailSection-2snZiwzc.js")
-), Ef = de(() => import("./SubPlanCard-CpBVIWpL.js")), Nf = de(() => import("./OcTimePopup-CXGhaOev.js")), fm = de(() => import("./OcTimePicker-BO33VUwx.js")), zf = de(
-  () => import("./OcAccountSetupProgress-CV9uNxeg.js")
+}, Df = de(() => import("./OcDataTable-CsQHegQT.js")), Af = de(() => import("./OcFilterSearch-D1gAk_Ea.js")), jf = de(() => import("./OcFilterSearchFor-CKrNeOon.js")), Mf = de(() => import("./OcFilterForm-DxNgWEC9.js")), vm = de(
+  () => import("./OcComplexCalendar-CWPFV545.js")
+), Lf = de(
+  () => import("./OcComplexDatePicker-DXg8PEZz.js")
+), ot = de(() => import("./OcModalCropper-DOSQE3NJ.js")), Pf = de(() => import("./OcCropper-BfXmon8i.js")), gm = de(() => import("./OcDraggable-CZT2mJvO.js")), Ef = de(() => import("./OcDraggableList-BMlc5DDP.js")), Nf = de(() => import("./OcEmojiPicker-vNLeufFJ.js")), zf = de(
+  () => import("./ThumbnailTheme-Cb9Ya2ZK.js")
+), Rf = de(
+  () => import("./ThumbnailSection-DvanWXUV.js")
+), Ff = de(() => import("./SubPlanCard-BTqSr2AX.js")), Uf = de(() => import("./OcTimePopup-CXGhaOev.js")), pm = de(() => import("./OcTimePicker-Cjo8eKGB.js")), qf = de(
+  () => import("./OcAccountSetupProgress-g7V1kvOf.js")
 );
 export {
-  Wm as $,
+  Xm as $,
   gn as A,
-  X as B,
+  K as B,
   Te as C,
-  Um as D,
+  Ym as D,
   hl as E,
   $t as F,
   Ue as G,
-  Em as H,
+  Rm as H,
   ct as I,
   ut as J,
-  Lm as K,
-  Pm as L,
+  Nm as K,
+  zm as L,
   rt as M,
-  Su as N,
+  Vu as N,
   Re as O,
   dt as P,
   rl as Q,
   Pe as R,
   Lt as S,
   ul as T,
-  Nm as U,
-  qm as V,
-  Hm as W,
-  Km as X,
+  Fm as U,
+  Wm as V,
+  Km as W,
+  Jm as X,
   Gn as Y,
-  Ym as Z,
+  Gm as Z,
   he as _,
-  fr as a,
-  Gm as a0,
+  pr as a,
+  Zm as a0,
   Qn as a1,
-  df as a2,
+  mf as a2,
   Ko as a3,
-  ff as a4,
-  mf as a5,
-  rf as a6,
-  cf as a7,
-  Xm as a8,
-  Jm as a9,
-  Ru as aA,
-  $f as aB,
-  Sf as aC,
-  ae as aD,
-  Cf as aE,
-  it as aF,
-  um as aG,
-  mm as aH,
-  Nf as aI,
-  Of as aJ,
-  Tf as aK,
-  If as aL,
-  Vf as aM,
+  yf as a4,
+  pf as a5,
+  uf as a6,
+  ff as a7,
+  Qm as a8,
+  _m as a9,
+  be as aA,
+  qu as aB,
+  Vf as aC,
+  Of as aD,
+  ae as aE,
+  If as aF,
+  it as aG,
+  vm as aH,
+  gm as aI,
+  Uf as aJ,
+  Af as aK,
+  Mf as aL,
+  jf as aM,
   Df as aN,
-  ot as aO,
-  Af as aP,
-  jf as aQ,
-  Mf as aR,
-  Lf as aS,
-  Pf as aT,
-  Ef as aU,
-  fm as aV,
-  zf as aW,
-  Zm as aa,
-  Qm as ab,
-  _m as ac,
-  ef as ad,
-  tf as ae,
+  Lf as aO,
+  ot as aP,
+  Pf as aQ,
+  Ef as aR,
+  Nf as aS,
+  zf as aT,
+  Rf as aU,
+  Ff as aV,
+  pm as aW,
+  qf as aX,
+  ef as aa,
+  tf as ab,
+  lf as ac,
+  af as ad,
+  nf as ae,
   qi as af,
   Ei as ag,
-  uf as ah,
-  lf as ai,
-  af as aj,
-  nf as ak,
+  vf as ah,
+  of as ai,
+  sf as aj,
+  rf as ak,
   fo as al,
   wo as am,
   Bo as an,
   To as ao,
-  of as ap,
-  sf as aq,
-  vf as ar,
-  pf as as,
-  ne as at,
-  yf as au,
-  gf as av,
-  Ku as aw,
-  je as ax,
-  se as ay,
-  be as az,
-  pr as b,
-  xf as c,
+  df as ap,
+  cf as aq,
+  gf as ar,
+  xf as as,
+  bf as at,
+  ne as au,
+  wf as av,
+  hf as aw,
+  Ju as ax,
+  je as ay,
+  se as az,
+  hr as b,
+  kf as c,
   xe as d,
-  hf as e,
-  Pr as f,
-  Rr as g,
-  Fr as h,
-  Yr as i,
-  ed as j,
+  $f as e,
+  zr as f,
+  qr as g,
+  Hr as h,
+  Gr as i,
+  ad as j,
   gt as k,
-  bf as l,
-  dd as m,
-  md as n,
-  tc as o,
-  dc as p,
-  Sc as q,
-  Ic as r,
-  wf as s,
-  kf as t,
-  Bf as u,
+  Sf as l,
+  md as m,
+  gd as n,
+  nc as o,
+  mc as p,
+  Vc as q,
+  Ac as r,
+  Cf as s,
+  Bf as t,
+  Tf as u,
   St as v,
-  Fm as w,
-  Rm as x,
+  Hm as w,
+  qm as x,
   De as y,
-  zm as z
+  Um as z
 };