npm - @orchidui/core - Versions diffs - 1.8.1-122 → 1.8.1-126 - Mend

@orchidui/core 1.8.1-122 → 1.8.1-126

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/dist/{index-yXxch8P2.js → index-BuPthmbI.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { computed as z, ref as M, onMounted as $e, createElementBlock as i, openBlock as t, normalizeClass as v, createCommentVNode as u, renderSlot as $, createElementVNode as n, createBlock as x, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as p, resolveDynamicComponent as ot, normalizeProps as fe, mergeProps as F, guardReactiveProps as Ie, withModifiers as ve, defineComponent as Z, normalizeStyle as ie, createSlots as te, useSlots as Bt, onBeforeUnmount as zt, withDirectives as Ve, vShow as Ee, watch as me, onUpdated as Rt, nextTick as Ge, reactive as Ft, Transition as Ae, useAttrs as Ut, withKeys as Ye, Teleport as qt, onUnmounted as Ht, defineAsyncComponent as de } from "vue";
+import { computed as z, ref as M, onMounted as $e, createElementBlock as i, openBlock as t, normalizeClass as v, createCommentVNode as u, renderSlot as $, createElementVNode as n, createBlock as x, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as p, resolveDynamicComponent as ot, normalizeProps as ve, mergeProps as F, guardReactiveProps as Ie, withModifiers as se, defineComponent as Z, normalizeStyle as ie, createSlots as te, withDirectives as Oe, vShow as Ee, onBeforeUnmount as zt, useSlots as Bt, watch as fe, onUpdated as Rt, nextTick as Ge, reactive as Ft, Transition as Ae, useAttrs as Ut, withKeys as Ye, Teleport as qt, onUnmounted as Ht, defineAsyncComponent as ce } from "vue";
 import { S as le } from "./OcSkeleton-Czw65X0i.js";
 import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as T } from "./OcIcon-CBf___w1.js";
 import { clickOutside as st } from "./directives/clickOutside.js";
-import { _ as Ot } from "./OcPopper-BSfMaOoF.js";
+import { _ as Vt } from "./OcPopper-BSfMaOoF.js";
 import X from "dayjs";
 import { _ as ct } from "./OcAvatar-WGEX8Wio.js";
 import "./OcProgressBar-lyqE5LZd.js";
@@ -15,7 +15,7 @@ import "./OcSection-BjyapRr3.js";
 import { _ as Kt } from "./OcTag.vue_vue_type_script_setup_true_lang-CzJFcg8l.js";
 import { preventEventIfNotNumberInput as Gt } from "./composables/helpers.js";
 import { parsePhoneNumber as Xt } from "libphonenumber-js";
-import { T as Vt } from "./OcToggle-DOfA-DZ8.js";
+import { T as Ot } from "./OcToggle-DOfA-DZ8.js";
 import { useUploadFileProgress as It } from "./composables/uploadFileProgress.js";
 import "./OcTheme-B6NTNYtz.js";
 const Jt = {
@@ -60,30 +60,30 @@ const Jt = {
   },
   setup(e, { emit: r }) {
     const a = e, l = r, s = z(() => a.options.isSelectable), d = z(() => a.options.isCursorPointer ?? !0), c = z(() => a.options.fields), m = z(() => a.options.headers), f = z(
-      () => typeof a.rowKey == "function" ? a.rowKey : (V) => V[a.rowKey]
+      () => typeof a.rowKey == "function" ? a.rowKey : (O) => O[a.rowKey]
     ), y = z({
       get() {
         return a.selected || [];
       },
-      set(V) {
-        l("update:selected", V);
+      set(O) {
+        l("update:selected", O);
       }
-    }), g = (V) => {
-      y.value.find((O) => f.value(O) === f.value(V)) ? y.value = y.value.filter(
-        (O) => f.value(O) !== f.value(V)
-      ) : y.value = [...y.value, V];
+    }), g = (O) => {
+      y.value.find((V) => f.value(V) === f.value(O)) ? y.value = y.value.filter(
+        (V) => f.value(V) !== f.value(O)
+      ) : y.value = [...y.value, O];
     }, k = () => {
-      const V = y.value.length === c.value.length;
-      y.value = V ? [] : [...c.value];
-    }, A = z(() => typeof a.rowClass == "function" ? (V, b) => a.rowClass(V, b) : () => a.rowClass), j = (V, b) => {
+      const O = y.value.length === c.value.length;
+      y.value = O ? [] : [...c.value];
+    }, 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: V,
+        field: O,
         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 $e(() => B()), (V, b) => (t(), i("div", {
+    return $e(() => 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", [
@@ -93,15 +93,15 @@ const Jt = {
       ]]),
       onScroll: B
     }, [
-      V.$slots.before ? (t(), i("div", {
+      O.$slots.before ? (t(), i("div", {
         key: 0,
         class: v(["border-b border-oc-gray-200", {
           "sticky left-0": e.isSticky
         }])
       }, [
-        $(V.$slots, "before")
+        $(O.$slots, "before")
       ], 2)) : u("", !0),
-      $(V.$slots, "table-header", {
+      $(O.$slots, "table-header", {
         fields: c.value,
         headers: m.value,
         isSelectable: s.value,
@@ -120,31 +120,31 @@ const Jt = {
             "is-checked": y.value.length === c.value.length && y.value.length > 0,
             onSelectAll: k
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : u("", !0),
-          (t(!0), i(N, null, R(m.value, (O) => (t(), x(o(ut), {
-            key: O.key,
-            text: O.label,
+          (t(!0), i(N, null, R(m.value, (V) => (t(), x(o(ut), {
+            key: V.key,
+            text: V.label,
             "is-loading": e.isLoading,
-            variant: O.headerVariant,
+            variant: V.headerVariant,
             "is-sticky": e.isSticky,
             class: v([[
               e.isSticky || e.isResponsive ? "flex md:min-h-auto" : "hidden md:flex",
-              O.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
-              O.stickyRight ? "right-0" : "",
-              typeof O.class == "function" ? O.class() : O.class,
-              O.stickyLeft || O.stickyRight ? "sticky shrink-0 z-10" : "",
-              O.stickyLeft && !I.value ? "shadow-right-sticky" : "",
-              O.stickyRight && !C.value ? "shadow-left-sticky" : ""
+              V.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
+              V.stickyRight ? "right-0" : "",
+              typeof V.class == "function" ? V.class() : V.class,
+              V.stickyLeft || V.stickyRight ? "sticky shrink-0 z-10" : "",
+              V.stickyLeft && !I.value ? "shadow-right-sticky" : "",
+              V.stickyRight && !C.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"])
           }, {
             default: S(() => [
-              $(V.$slots, `header-${O.key}`)
+              $(O.$slots, `header-${V.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (O) => (t(), i("div", {
-        key: O,
+      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (V) => (t(), i("div", {
+        key: V,
         class: v(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": s.value,
           "border-b": e.isBorderless
@@ -155,13 +155,13 @@ const Jt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : u("", !0),
         (t(!0), i(N, null, R(m.value, (L, E) => (t(), x(o(Re), {
-          key: `${E}-${O}`,
+          key: `${E}-${V}`,
           class: v(L.class),
           "is-loading": "",
-          "is-last": O === e.loadingRows
+          "is-last": V === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), i(N, { key: 2 }, [
-        $(V.$slots, "table-body", {
+        $(O.$slots, "table-body", {
           fields: c.value,
           headers: m.value,
           isScrollOnEnd: C.value,
@@ -173,8 +173,8 @@ const Jt = {
           rowLink: e.rowLink,
           calculateRowClass: A.value
         }, () => [
-          (t(!0), i(N, null, R(c.value, (O, L) => (t(), i("div", {
-            key: `${f.value(O)}-${L}`,
+          (t(!0), i(N, null, R(c.value, (V, L) => (t(), i("div", {
+            key: `${f.value(V)}-${L}`,
             class: v({
               "border-b": c.value.length !== L + 1,
               "w-max": e.isSticky
@@ -187,7 +187,7 @@ const Jt = {
                   "cursor-pointer": d.value
                 },
                 e.isResponsive ? "w-full" : e.isSticky ? "w-max !p-0" : "flex-wrap md:flex-nowrap",
-                A.value(O, L)
+                A.value(V, L)
               ]])
             }, [
               s.value ? (t(), x(o(Re), {
@@ -196,15 +196,15 @@ const Jt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === L + 1,
-                "is-selected": y.value.some((E) => f.value(E) === f.value(O)),
+                "is-selected": y.value.some((E) => f.value(E) === f.value(V)),
                 variant: "checkbox",
-                onSelected: (E) => g(O),
-                "onHover:field": b[0] || (b[0] = (E) => V.$emit("hover:cell", E))
+                onSelected: (E) => g(V),
+                "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(), x(o(Re), {
                 key: `${P}-${L}`,
                 class: v(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(O) : E.class,
+                  typeof E.class == "function" ? E.class(V) : E.class,
                   E.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
                   E.stickyRight ? "right-0" : "",
                   E.stickyLeft || E.stickyRight ? "shrink-0 sticky z-10" : "",
@@ -215,41 +215,41 @@ const Jt = {
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: O[`${E.key}`] ?? "",
+                data: V[`${E.key}`] ?? "",
                 content: {
                   important: E.important ?? !1,
-                  title: O[`${E.title}`],
-                  description: O[`${E.description}`],
-                  href: O[`${E.href}`]
+                  title: V[`${E.title}`],
+                  description: V[`${E.description}`],
+                  href: V[`${E.href}`]
                 },
                 "chip-options": E.chipOptions,
                 "image-class": E.imageClass,
-                link: e.rowLink && O[e.rowLink] && E.key !== "actions" ? O[e.rowLink] : "",
-                onClick: (D) => j(O, E),
-                "onHover:field": b[1] || (b[1] = (D) => V.$emit("hover:cell", D))
+                link: e.rowLink && V[e.rowLink] && E.key !== "actions" ? V[e.rowLink] : "",
+                onClick: (D) => j(V, E),
+                "onHover:field": b[1] || (b[1] = (D) => O.$emit("hover:cell", D))
               }, {
                 default: S(() => [
-                  V.$slots[E.key] ? $(V.$slots, E.key, {
+                  O.$slots[E.key] ? $(O.$slots, E.key, {
                     key: 0,
-                    item: O,
-                    data: O[E.key],
+                    item: V,
+                    data: V[E.key],
                     index: L
                   }) : u("", !0)
                 ]),
                 _: 2
               }, 1032, ["is-last", "variant", "is-copy", "add-description-to-copy-clipboard", "data", "content", "chip-options", "class", "image-class", "link", "onClick"]))), 128))
             ], 2),
-            V.$slots.extra ? (t(), i("div", Jt, [
-              $(V.$slots, "extra", {
-                item: O,
+            O.$slots.extra ? (t(), i("div", Jt, [
+              $(O.$slots, "extra", {
+                item: V,
                 index: L
               })
             ])) : u("", !0)
           ], 2))), 128))
         ]),
-        c.value.length ? u("", !0) : $(V.$slots, "empty", { key: 0 })
+        c.value.length ? u("", !0) : $(O.$slots, "empty", { key: 0 })
       ], 64)),
-      $(V.$slots, "after")
+      $(O.$slots, "after")
     ], 34));
   }
 }, Zt = { class: "mx-auto" }, ut = {
@@ -430,11 +430,11 @@ const Jt = {
                 key: 4,
                 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(), x(o(mt), fe(F({ key: 5 }, e.content)), null, 16)) : e.variant === r.CHIP ? (t(), i("div", {
+              }, null, 8, ["title", "description"])) : e.variant === r.CONTENT ? (t(), x(o(mt), ve(F({ key: 5 }, e.content)), null, 16)) : e.variant === r.CHIP ? (t(), i("div", {
                 key: 6,
                 link: e.link
               }, [
-                p(o(ne), fe(Ie(s.value)), null, 16)
+                p(o(ne), ve(Ie(s.value)), null, 16)
               ], 8, ll)) : e.variant === r.DEFAULT ? (t(), i("div", al, w(e.data), 1)) : (t(), i("div", {
                 key: 8,
                 link: e.link,
@@ -452,7 +452,7 @@ const Jt = {
                 p(o(T), {
                   class: "cursor-pointer w-5 h-5 group-hover/row:opacity-100 md:opacity-0 ml-2",
                   name: "copy",
-                  onClick: f[1] || (f[1] = ve(() => {
+                  onClick: f[1] || (f[1] = se(() => {
                   }, ["prevent"]))
                 })
               ]),
@@ -512,7 +512,7 @@ const Jt = {
       key: 1,
       href: e.link,
       style: { "'pointer-events": "none'" },
-      onClick: a[0] || (a[0] = ve(() => {
+      onClick: a[0] || (a[0] = se(() => {
       }, ["prevent"]))
     }, [
       $(r.$slots, "default")
@@ -1047,7 +1047,7 @@ const Jt = {
 }, $l = {
   key: 0,
   class: "flex flex-col gap-y-3 min-w-[132px]"
-}, Sl = { class: "flex flex-col gap-y-px font-medium overflow-hidden" }, Cl = { class: "flex whitespace-nowrap items-start gap-x-3 text-xs text-oc-text-300" }, Bl = { class: "uppercase" }, Ol = { class: "px-3 bg-white text-center w-[175px] rounded py-2 text-oc-text-400 whitespace-break-spaces font-medium" }, Vl = { class: "flex items-center gap-x-2 overflow-hidden" }, Il = {
+}, Sl = { class: "flex flex-col gap-y-px font-medium overflow-hidden" }, Cl = { class: "flex whitespace-nowrap items-start gap-x-3 text-xs text-oc-text-300" }, Bl = { class: "uppercase" }, Vl = { class: "px-3 bg-white text-center w-[175px] rounded py-2 text-oc-text-400 whitespace-break-spaces font-medium" }, Ol = { class: "flex items-center gap-x-2 overflow-hidden" }, Il = {
   key: 0,
   class: "flex items-center gap-x-3 overflow-hidden"
 }, Tl = { class: "truncate" }, Dl = { class: "flex items-center gap-x-1" }, Al = { class: "text-oc-text-400 text-sm font-medium cursor-default" }, jl = { class: "px-3 bg-white text-center w-[175px] rounded py-2 text-oc-text-400 whitespace-break-spaces font-medium text-sm" }, We = {
@@ -1117,13 +1117,13 @@ const Jt = {
                 e.tooltip ? {
                   name: "popper",
                   fn: S(() => [
-                    n("div", Ol, w(e.tooltip), 1)
+                    n("div", Vl, w(e.tooltip), 1)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1040)
             ]),
-            n("div", Vl, [
+            n("div", Ol, [
               e.isCard ? (t(), x(o(T), {
                 key: 0,
                 width: "35",
@@ -1210,7 +1210,7 @@ const Jt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, s) => {
-      var d, c, m, f, y, g, k, A, j, I, C, h, B, V, b, O, L, E, P;
+      var d, c, m, f, y, 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 }])
       }, [
@@ -1274,8 +1274,8 @@ const Jt = {
                 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) || "",
-                  ((b = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : b.state) || "",
-                  ((L = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : L.postal_code) || "",
+                  ((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() || "-"
               }, null, 8, ["content"]))
@@ -1369,265 +1369,142 @@ const Jt = {
       ])
     ]));
   }
-}, Xl = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:before:top-0 before:h-full before:left-[10px] before:absolute before:border-l" }, Jl = { class: "flex gap-x-7 w-full items-center" }, Zl = { class: "flex flex-1 flex-col gap-y-2" }, Ql = { class: "text-sm text-oc-text-400" }, _l = { class: "flex items-end gap-x-2" }, gt = /* @__PURE__ */ Z({
-  __name: "OcTimeLine",
-  props: {
-    isActive: Boolean,
-    title: String,
-    description: String,
-    icon: String,
-    iconClass: String,
-    iconText: String,
-    iconTextClass: String
-  },
-  setup(e) {
-    return Bt(), (r, a) => (t(), i("div", Xl, [
-      n("div", null, [
-        n("div", {
-          class: v(["w-6 h-6 flex z-[1] relative items-center rounded-full justify-center", e.isActive ? "bg-oc-accent-1-50 shadow" : " bg-transparent"])
-        }, [
-          n("div", {
-            class: v(["w-3 h-3 rounded-full", e.isActive ? "bg-oc-primary-500" : " bg-oc-gray-500"])
-          }, null, 2)
-        ], 2)
-      ]),
-      n("div", Jl, [
-        n("div", Zl, [
-          n("span", null, w(e.title), 1),
-          n("span", Ql, [
-            $(r.$slots, "description", {}, () => [
-              W(w(e.description), 1)
-            ])
-          ])
-        ]),
-        n("div", _l, [
-          e.icon ? (t(), x(o(T), {
-            key: 0,
-            name: e.icon,
-            class: v(e.iconClass)
-          }, null, 8, ["name", "class"])) : u("", !0),
-          n("span", {
-            class: v(["text-lg font-medium", e.iconTextClass])
-          }, [
-            $(r.$slots, "iconText", {}, () => [
-              W(w(e.iconText), 1)
-            ])
-          ], 2)
-        ])
-      ])
-    ]));
-  }
-}), ea = { class: "px-5 py-4 flex flex-col gap-y-5 rounded border border-gray-200 group hover:shadow-normal" }, ta = { class: "flex items-center justify-between" }, la = { class: "flex text-sm text-oc-text-400 items-center gap-x-2" }, aa = {
+}, Xl = {
   key: 0,
-  class: "text-base text-oc-text font-medium"
-}, na = { key: 1 }, ia = {
-  key: 0,
-  class: "flex flex-col gap-y-3"
-}, oa = /* @__PURE__ */ Z({
-  __name: "OcWebhook",
-  props: {
-    urls: {
-      type: Array,
-      default: () => []
-    },
-    title: String,
-    date: String
-  },
-  emits: ["more"],
-  setup(e) {
-    const r = M(!1);
-    return (a, l) => {
-      var s;
-      return t(), i("div", ea, [
-        n("div", ta, [
-          n("div", la, [
-            e.title ? (t(), i("span", aa, w(e.title), 1)) : u("", !0),
-            l[3] || (l[3] = W(" - ")),
-            e.date ? (t(), i("span", na, w(e.date), 1)) : u("", !0)
-          ]),
-          p(o(se), {
-            modelValue: r.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (d) => r.value = d)
-          }, {
-            menu: S(() => [
-              n("div", {
-                onMouseleave: l[1] || (l[1] = (d) => r.value = !1)
-              }, [
-                $(a.$slots, "menu")
-              ], 32)
-            ]),
-            default: S(() => [
-              p(o(T), {
-                name: "dots-vertical",
-                class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
-                onClick: l[0] || (l[0] = (d) => a.$emit("more"))
-              })
-            ]),
-            _: 3
-          }, 8, ["modelValue"])
-        ]),
-        (s = e.urls) != null && s.length ? (t(), i("div", ia, [
-          (t(!0), i(N, null, R(e.urls, (d, c) => (t(), x(o(xn), {
-            key: c,
-            title: d.title,
-            url: d.url
-          }, null, 8, ["title", "url"]))), 128))
-        ])) : u("", !0)
-      ]);
-    };
-  }
-}), sa = { class: "p-5 rounded border border-gray-200 max-w-[156px]" }, ra = ["src", "alt"], da = { class: "text-oc-text-400 mt-4" }, ca = /* @__PURE__ */ Z({
-  __name: "OcLogo",
-  props: {
-    title: String,
-    image: String,
-    imageClass: String
-  },
-  setup(e) {
-    return (r, a) => (t(), i("div", sa, [
-      n("img", {
-        src: e.image,
-        class: v([e.imageClass, "object-contain"]),
-        alt: e.title
-      }, null, 10, ra),
-      n("div", da, w(e.title), 1),
-      $(r.$slots, "default")
-    ]));
-  }
-}), ua = { class: "flex items-center gap-x-5" }, ma = { class: "flex-1 flex items-center gap-x-3 font-medium capitalize" }, fa = { class: "flex flex-col gap-2" }, va = { class: "flex items-center gap-x-3 overflow-hidden" }, ga = { class: "truncate" }, pa = {
+  class: "flex items-center p-3 border-r bg-gray-50"
+}, Jl = { class: "flex items-center gap-x-4 w-full p-5 pl-0 overflow-hidden" }, Zl = { class: "flex flex-col flex-1 gap-y-3 overflow-hidden" }, Ql = { class: "flex items-center justify-between" }, _l = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, ea = {
   key: 0,
-  class: "flex gap-3"
-}, ya = {
+  class: "text-base text-oc-text font-medium truncate"
+}, ta = {
+  key: 1,
+  class: "flex gap-3 shrink-0"
+}, la = {
   key: 0,
-  class: "text-oc-text-400 flex gap-x-2 items-center text-sm font-normal normal-case"
-}, xa = { class: "border opacity-0 group-hover:opacity-100 border-oc-accent-1-100 rounded-sm p-1 flex gap-x-1" }, ha = {
+  class: "flex flex-col gap-3"
+}, aa = { class: "text-oc-text-400 flex gap-x-2 items-center text-sm" }, na = {
   key: 0,
-  class: "flex items-center gap-x-2"
-}, ba = ["alt", "src"], wa = { class: "py-2 px-3 flex gap-x-2 w-full z-10 relative" }, ka = ["alt", "src"], $a = {
-  __name: "OcPayment",
+  class: "flex items-center gap-4 opacity-0 group-hover:opacity-100"
+}, ia = { class: "border border-oc-accent-1-100 rounded-sm p-1 flex gap-x-1" }, oa = { class: "py-5 px-7" }, sa = /* @__PURE__ */ Z({
+  __name: "OcAccordion",
   props: {
-    title: {
-      type: String,
-      default: "Title"
-    },
-    paymentMethods: {
-      type: Array,
-      default: () => []
+    modelValue: {
+      type: Boolean,
+      default: !1
     },
+    title: String,
+    description: String,
     chips: {
       type: Array,
       default: () => []
     },
-    description: String
+    isDisabled: Boolean,
+    hasActions: {
+      type: Boolean,
+      default: !0
+    },
+    isTransparent: Boolean,
+    isDraggable: Boolean,
+    isNoToggleForced: Boolean,
+    isOpenDefault: Boolean
   },
-  emits: ["edit", "delete"],
-  setup(e) {
-    var m;
-    const r = e, a = z(() => {
-      var f;
-      return ((f = r.paymentMethods) == null ? void 0 : f.length) > d.value;
-    }), l = z(
-      () => {
-        var f, y;
-        return (y = r.paymentMethods) == null ? void 0 : y.slice(d.value, (f = r.paymentMethods) == null ? void 0 : f.length);
-      }
-    ), s = M(), d = M((m = r.paymentMethods) == null ? void 0 : m.length), c = () => {
-      var g;
-      const f = s.value.clientWidth - 105 - 32 - 4 * ((g = r.paymentMethods) == null ? void 0 : g.length) - 35, y = 35;
-      d.value = Math.floor(f / y);
+  emits: ["update:modelValue", "edit", "delete"],
+  setup(e, { expose: r, emit: a }) {
+    const l = e, s = a;
+    l.isOpenDefault && !l.modelValue && s("update:modelValue", !0);
+    const d = () => {
+      l.isNoToggleForced || l.isDisabled || s("update:modelValue", !l.modelValue);
     };
-    return $e(() => {
-      c(), window.addEventListener("resize", c);
-    }), zt(() => {
-      window.removeEventListener("resize", c);
-    }), (f, y) => {
-      var g;
-      return t(), i("div", {
-        ref_key: "cardContainer",
-        ref: s,
-        class: "md:px-5 px-3 md:py-4 py-3 flex flex-col gap-y-4 rounded border border-gray-200 group hover:shadow-normal"
+    return r({ toggleAccordion: d }), (c, m) => (t(), i("div", {
+      class: v(["rounded border border-gray-200 group overflow-hidden", {
+        "hover:shadow-normal": !e.isDisabled && !e.isTransparent,
+        "border-none !p-0": e.isTransparent
+      }])
+    }, [
+      n("div", {
+        class: v(["flex gap-4 items-stretch cursor-pointer", { "border-b": e.modelValue, "pl-5": e.isNoToggleForced }]),
+        onClick: d
       }, [
-        n("div", ua, [
-          n("div", ma, [
-            $(f.$slots, "logo"),
-            n("div", fa, [
-              n("div", va, [
-                n("span", ga, w(e.title), 1),
-                e.chips.length ? (t(), i("div", pa, [
-                  (t(!0), i(N, null, R(e.chips, (k, A) => (t(), x(o(ne), F({
-                    key: A,
-                    class: "font-medium"
-                  }, { ref_for: !0 }, k), null, 16))), 128))
+        e.isNoToggleForced ? u("", !0) : (t(), i("div", Xl, [
+          p(o(T), {
+            name: e.modelValue ? "chevron-up" : "chevron-down",
+            width: "20",
+            height: "20",
+            class: "text-oc-text-400"
+          }, null, 8, ["name"])
+        ])),
+        n("div", Jl, [
+          $(c.$slots, "logo"),
+          n("div", Zl, [
+            n("div", Ql, [
+              n("div", _l, [
+                e.title ? (t(), i("span", ea, w(e.title), 1)) : u("", !0),
+                e.chips.length ? (t(), i("div", ta, [
+                  (t(!0), i(N, null, R(e.chips, (f, y) => (t(), x(o(ne), {
+                    key: y,
+                    label: f.label,
+                    variant: f.variant,
+                    icon: f.icon,
+                    "icon-tooltip": f.iconTooltip,
+                    class: "font-medium shrink-0"
+                  }, null, 8, ["label", "variant", "icon", "icon-tooltip"]))), 128))
                 ])) : u("", !0)
-              ]),
-              e.description ? (t(), i("div", ya, w(e.description), 1)) : u("", !0)
+              ])
+            ]),
+            $(c.$slots, "default", {}, () => [
+              e.description ? (t(), i("div", la, [
+                n("div", aa, w(e.description), 1)
+              ])) : u("", !0)
             ])
           ]),
-          $(f.$slots, "right", {}, () => [
-            n("div", xa, [
-              p(o(T), {
-                name: "pencil",
-                class: "cursor-pointer text-oc-text-400 p-2",
-                onClick: y[0] || (y[0] = (k) => f.$emit("edit"))
-              }),
-              y[2] || (y[2] = n("div", { class: "border-r border-gray-200" }, null, -1)),
-              p(o(T), {
-                name: "bin",
-                class: "cursor-pointer text-oc-error p-2",
-                onClick: y[1] || (y[1] = (k) => f.$emit("delete"))
-              })
-            ])
+          $(c.$slots, "right", {
+            isOpen: e.modelValue,
+            toggleAccordion: d
+          }, () => [
+            e.hasActions ? (t(), i("div", na, [
+              n("div", ia, [
+                p(o(T), {
+                  name: "pencil",
+                  class: "cursor-pointer text-oc-text-400 p-2",
+                  onClick: m[0] || (m[0] = se((f) => c.$emit("edit"), ["stop"]))
+                }),
+                m[2] || (m[2] = n("div", { class: "border-r border-gray-200" }, null, -1)),
+                p(o(T), {
+                  name: "bin",
+                  class: "cursor-pointer text-oc-error p-2",
+                  onClick: m[1] || (m[1] = se((f) => c.$emit("delete"), ["stop"]))
+                })
+              ]),
+              e.isDraggable ? (t(), x(o(T), {
+                key: 0,
+                name: "draggable",
+                class: "cursor-grab text-oc-text-400",
+                width: "24",
+                height: "24"
+              })) : u("", !0)
+            ])) : u("", !0)
           ])
-        ]),
-        (g = e.paymentMethods) != null && g.length ? (t(), i("div", ha, [
-          y[3] || (y[3] = n("span", { class: "text-sm font-medium text-oc-text-300 whitespace-nowrap" }, "Payment methods", -1)),
-          (t(!0), i(N, null, R(e.paymentMethods.slice(0, d.value), (k) => (t(), i("img", {
-            key: k.method,
-            width: "35",
-            height: "24",
-            alt: k.method,
-            src: k.svg
-          }, null, 8, ba))), 128)),
-          a.value ? (t(), x(o(ae), {
-            key: 0,
-            position: "top-end",
-            "popper-options": { strategy: "fixed" }
-          }, {
-            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"])
-              }, " + " + w(e.paymentMethods.length - d.value), 3)
-            ]),
-            popper: S(() => [
-              n("div", wa, [
-                (t(!0), i(N, null, R(l.value, (k) => (t(), i("img", {
-                  key: k.method,
-                  width: "35",
-                  height: "24",
-                  alt: k.method,
-                  src: k.svg
-                }, null, 8, ka))), 128))
-              ])
-            ]),
-            _: 1
-          })) : u("", !0)
-        ])) : u("", !0)
-      ], 512);
-    };
+        ])
+      ], 2),
+      Oe(n("div", oa, [
+        $(c.$slots, "content")
+      ], 512), [
+        [Ee, e.modelValue]
+      ])
+    ], 2));
   }
-}, Sa = { class: "flex items-center gap-x-4 w-full" }, Ca = { class: "flex flex-col flex-1 gap-y-3 overflow-hidden" }, Ba = { class: "flex items-center justify-between" }, Oa = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, Va = {
+}), ra = { class: "flex items-center gap-x-4 w-full" }, da = { class: "flex flex-col flex-1 gap-y-3 overflow-hidden" }, ca = { class: "flex items-center justify-between" }, ua = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, ma = {
   key: 0,
   class: "text-base text-oc-text font-medium truncate"
-}, Ia = {
+}, fa = {
   key: 0,
   class: "flex gap-3 shrink-0"
-}, Ta = {
+}, va = {
   key: 0,
   class: "flex flex-col gap-3"
-}, Da = { class: "text-oc-text-400 flex gap-x-2 items-center text-sm" }, Aa = {
+}, ga = { class: "text-oc-text-400 flex gap-x-2 items-center text-sm" }, pa = {
   key: 0,
   class: "flex gap-5"
-}, ja = { class: "font-medium whitespace-nowrap text-oc-text-500 text-sm" }, Ma = /* @__PURE__ */ Z({
+}, ya = { class: "font-medium whitespace-nowrap text-oc-text-500 text-sm" }, xa = /* @__PURE__ */ Z({
   __name: "OcGeneral",
   props: {
     title: String,
@@ -1660,15 +1537,15 @@ const Jt = {
       }]),
       onMouseleave: c[1] || (c[1] = (m) => l.value = !1)
     }, [
-      n("div", Sa, [
+      n("div", ra, [
         $(d.$slots, "logo"),
-        n("div", Ca, [
-          n("div", Ba, [
-            n("div", Oa, [
+        n("div", da, [
+          n("div", ca, [
+            n("div", ua, [
               $(d.$slots, "title", {}, () => [
-                e.title ? (t(), i("span", Va, w(e.title), 1)) : u("", !0)
+                e.title ? (t(), i("span", ma, w(e.title), 1)) : u("", !0)
               ]),
-              e.chips.length ? (t(), i("div", Ia, [
+              e.chips.length ? (t(), i("div", fa, [
                 (t(!0), i(N, null, R(e.chips, (m, f) => (t(), x(o(ne), {
                   key: f,
                   label: m.label,
@@ -1681,7 +1558,7 @@ const Jt = {
               ])) : u("", !0)
             ]),
             $(d.$slots, "actions", {}, () => [
-              e.isDropdownActionsVisible && !e.isDisabled ? (t(), x(o(se), {
+              e.isDropdownActionsVisible && !e.isDisabled ? (t(), x(o(re), {
                 key: 0,
                 modelValue: l.value,
                 "onUpdate:modelValue": c[0] || (c[0] = (m) => l.value = m),
@@ -1694,7 +1571,7 @@ const Jt = {
                   p(o(T), {
                     name: "dots-vertical",
                     class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
-                    onClick: ve(s, ["stop"])
+                    onClick: se(s, ["stop"])
                   })
                 ]),
                 _: 3
@@ -1702,8 +1579,8 @@ const Jt = {
             ])
           ]),
           $(d.$slots, "default", {}, () => [
-            e.descriptionIcon || e.description || e.details.length ? (t(), i("div", Ta, [
-              n("div", Da, [
+            e.descriptionIcon || e.description || e.details.length ? (t(), i("div", va, [
+              n("div", ga, [
                 e.descriptionIcon ? (t(), x(o(T), {
                   key: 0,
                   name: e.descriptionIcon,
@@ -1713,7 +1590,7 @@ const Jt = {
                 }, null, 8, ["name"])) : u("", !0),
                 W(" " + w(e.description), 1)
               ]),
-              e.details.length ? (t(), i("div", Aa, [
+              e.details.length ? (t(), i("div", pa, [
                 (t(!0), i(N, null, R(e.details, (m, f) => (t(), i("div", {
                   key: f,
                   class: "flex items-center gap-2"
@@ -1728,23 +1605,228 @@ const Jt = {
                     height: "16",
                     class: "text-oc-text-400 shrink-0"
                   }, null, 8, ["name"])),
-                  n("div", ja, w(m.label), 1)
+                  n("div", ya, w(m.label), 1)
                 ]))), 128))
               ])) : u("", !0)
             ])) : u("", !0)
           ])
         ]),
-        $(d.$slots, "append")
-      ])
-    ], 34));
+        $(d.$slots, "append")
+      ])
+    ], 34));
+  }
+}), ha = { class: "p-5 rounded border border-gray-200 max-w-[156px]" }, ba = ["src", "alt"], wa = { class: "text-oc-text-400 mt-4" }, ka = /* @__PURE__ */ Z({
+  __name: "OcLogo",
+  props: {
+    title: String,
+    image: String,
+    imageClass: String
+  },
+  setup(e) {
+    return (r, a) => (t(), i("div", ha, [
+      n("img", {
+        src: e.image,
+        class: v([e.imageClass, "object-contain"]),
+        alt: e.title
+      }, null, 10, ba),
+      n("div", wa, w(e.title), 1),
+      $(r.$slots, "default")
+    ]));
+  }
+}), $a = {
+  key: 0,
+  class: "min-w-[100px]"
+}, Sa = { class: "grow pl-3" }, Ca = { class: "flex w-full" }, Ba = { class: "text-lg font-medium" }, Va = { class: "ml-auto" }, Oa = { class: "cursor-pointer flex hover:bg-oc-gray-200 items-center rounded p-2" }, Ia = { class: "line-clamp-2 mb-3 max-w-[80%] text-oc-text-400" }, Ta = { class: "w-full text-sm lg:mt-4 flex flex-wrap items-center" }, Da = { class: "mr-3" }, Aa = { class: "text-oc-text-400 font-medium" }, ja = {
+  __name: "OcPage",
+  props: {
+    page: Object
+  },
+  setup(e) {
+    const r = M(!1), a = (s) => {
+      let d = document.createElement("DIV");
+      return d.innerHTML = s, d.textContent || d.innerText || "";
+    }, l = (s) => s == null ? void 0 : s.replace("generics/medium/", "generics/thumbnail/");
+    return (s, d) => (t(), i("div", {
+      class: "w-full p-5 flex",
+      onMouseleave: d[1] || (d[1] = (c) => r.value = !1)
+    }, [
+      e.page.page_cover_url ? (t(), i("div", $a, [
+        n("div", {
+          class: "w-[100px] h-[100px] rounded !bg-cover",
+          style: ie(`background:url(${l(e.page.page_cover_url)})`)
+        }, null, 4)
+      ])) : u("", !0),
+      n("div", Sa, [
+        n("div", Ca, [
+          n("div", Ba, w(e.page.title), 1),
+          n("div", Va, [
+            p(o(re), {
+              modelValue: r.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
+              placement: "bottom-end"
+            }, {
+              menu: S(() => [
+                $(s.$slots, "menu")
+              ]),
+              default: S(() => [
+                n("div", Oa, [
+                  p(o(T), {
+                    class: "text-oc-text-400",
+                    name: "dots-vertical"
+                  })
+                ])
+              ]),
+              _: 3
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        n("div", Ia, w(a(e.page.description)), 1),
+        n("div", Ta, [
+          n("span", Da, [
+            d[2] || (d[2] = n("span", { class: "text-oc-text-300" }, "Last updated : ", -1)),
+            n("span", Aa, 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(w(e.page.enabled ? "Published" : "Draft"), 1)
+            ]),
+            _: 1
+          }, 8, ["variant"])
+        ])
+      ])
+    ], 32));
+  }
+}, Ma = { class: "flex items-center gap-x-5" }, La = { class: "flex-1 flex items-center gap-x-3 font-medium capitalize" }, Pa = { class: "flex flex-col gap-2" }, Ea = { class: "flex items-center gap-x-3 overflow-hidden" }, Na = { class: "truncate" }, za = {
+  key: 0,
+  class: "flex gap-3"
+}, Ra = {
+  key: 0,
+  class: "text-oc-text-400 flex gap-x-2 items-center text-sm font-normal normal-case"
+}, Fa = { class: "border opacity-0 group-hover:opacity-100 border-oc-accent-1-100 rounded-sm p-1 flex gap-x-1" }, Ua = {
+  key: 0,
+  class: "flex items-center gap-x-2"
+}, qa = ["alt", "src"], Ha = { class: "py-2 px-3 flex gap-x-2 w-full z-10 relative" }, Ya = ["alt", "src"], Wa = {
+  __name: "OcPayment",
+  props: {
+    title: {
+      type: String,
+      default: "Title"
+    },
+    paymentMethods: {
+      type: Array,
+      default: () => []
+    },
+    chips: {
+      type: Array,
+      default: () => []
+    },
+    description: String
+  },
+  emits: ["edit", "delete"],
+  setup(e) {
+    var m;
+    const r = e, a = z(() => {
+      var f;
+      return ((f = r.paymentMethods) == null ? void 0 : f.length) > d.value;
+    }), l = z(
+      () => {
+        var f, y;
+        return (y = r.paymentMethods) == null ? void 0 : y.slice(d.value, (f = r.paymentMethods) == null ? void 0 : f.length);
+      }
+    ), s = M(), d = M((m = r.paymentMethods) == null ? void 0 : m.length), c = () => {
+      var g;
+      const f = s.value.clientWidth - 105 - 32 - 4 * ((g = r.paymentMethods) == null ? void 0 : g.length) - 35, y = 35;
+      d.value = Math.floor(f / y);
+    };
+    return $e(() => {
+      c(), window.addEventListener("resize", c);
+    }), zt(() => {
+      window.removeEventListener("resize", c);
+    }), (f, y) => {
+      var g;
+      return t(), i("div", {
+        ref_key: "cardContainer",
+        ref: s,
+        class: "md:px-5 px-3 md:py-4 py-3 flex flex-col gap-y-4 rounded border border-gray-200 group hover:shadow-normal"
+      }, [
+        n("div", Ma, [
+          n("div", La, [
+            $(f.$slots, "logo"),
+            n("div", Pa, [
+              n("div", Ea, [
+                n("span", Na, w(e.title), 1),
+                e.chips.length ? (t(), i("div", za, [
+                  (t(!0), i(N, null, R(e.chips, (k, A) => (t(), x(o(ne), F({
+                    key: A,
+                    class: "font-medium"
+                  }, { ref_for: !0 }, k), null, 16))), 128))
+                ])) : u("", !0)
+              ]),
+              e.description ? (t(), i("div", Ra, w(e.description), 1)) : u("", !0)
+            ])
+          ]),
+          $(f.$slots, "right", {}, () => [
+            n("div", Fa, [
+              p(o(T), {
+                name: "pencil",
+                class: "cursor-pointer text-oc-text-400 p-2",
+                onClick: y[0] || (y[0] = (k) => f.$emit("edit"))
+              }),
+              y[2] || (y[2] = n("div", { class: "border-r border-gray-200" }, null, -1)),
+              p(o(T), {
+                name: "bin",
+                class: "cursor-pointer text-oc-error p-2",
+                onClick: y[1] || (y[1] = (k) => f.$emit("delete"))
+              })
+            ])
+          ])
+        ]),
+        (g = e.paymentMethods) != null && g.length ? (t(), i("div", Ua, [
+          y[3] || (y[3] = n("span", { class: "text-sm font-medium text-oc-text-300 whitespace-nowrap" }, "Payment methods", -1)),
+          (t(!0), i(N, null, R(e.paymentMethods.slice(0, d.value), (k) => (t(), i("img", {
+            key: k.method,
+            width: "35",
+            height: "24",
+            alt: k.method,
+            src: k.svg
+          }, null, 8, qa))), 128)),
+          a.value ? (t(), x(o(ae), {
+            key: 0,
+            position: "top-end",
+            "popper-options": { strategy: "fixed" }
+          }, {
+            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"])
+              }, " + " + w(e.paymentMethods.length - d.value), 3)
+            ]),
+            popper: S(() => [
+              n("div", Ha, [
+                (t(!0), i(N, null, R(l.value, (k) => (t(), i("img", {
+                  key: k.method,
+                  width: "35",
+                  height: "24",
+                  alt: k.method,
+                  src: k.svg
+                }, null, 8, Ya))), 128))
+              ])
+            ]),
+            _: 1
+          })) : u("", !0)
+        ])) : u("", !0)
+      ], 512);
+    };
   }
-}), La = ["src"], Pa = { class: "flex flex-col gap-y-1 overflow-hidden" }, Ea = { class: "flex items-center justify-between" }, Na = { class: "flex text-sm text-oc-text-400 items-center gap-x-3" }, za = {
+}, Ka = ["src"], Ga = { class: "flex flex-col gap-y-1 overflow-hidden" }, Xa = { class: "flex items-center justify-between" }, Ja = { class: "flex text-sm text-oc-text-400 items-center gap-x-3" }, Za = {
   key: 0,
   class: "text-base text-oc-text font-medium"
-}, Ra = {
+}, Qa = {
   key: 1,
   class: "flex gap-3"
-}, Fa = { class: "flex flex-col gap-4" }, Ua = { class: "text-xs whitespace-nowrap uppercase text-oc-text-300 overflow-hidden text-ellipsis" }, qa = /* @__PURE__ */ Z({
+}, _a = { class: "flex flex-col gap-4" }, en = { class: "text-xs whitespace-nowrap uppercase text-oc-text-300 overflow-hidden text-ellipsis" }, tn = /* @__PURE__ */ Z({
   __name: "OcTerminal",
   props: {
     title: String,
@@ -1781,13 +1863,13 @@ const Jt = {
           src: e.image,
           class: v([e.imageClass, "object-contain h-full w-full"]),
           alt: "terminal"
-        }, null, 10, La)
+        }, null, 10, Ka)
       ], 2),
-      n("div", Pa, [
-        n("div", Ea, [
-          n("div", Na, [
-            e.title ? (t(), i("span", za, w(e.title), 1)) : u("", !0),
-            e.chips.length ? (t(), i("div", Ra, [
+      n("div", Ga, [
+        n("div", Xa, [
+          n("div", Ja, [
+            e.title ? (t(), i("span", Za, w(e.title), 1)) : u("", !0),
+            e.chips.length ? (t(), i("div", Qa, [
               (t(!0), i(N, null, R(e.chips, (s, d) => (t(), x(o(ne), {
                 key: d,
                 label: s.label,
@@ -1797,8 +1879,8 @@ const Jt = {
             ])) : u("", !0)
           ])
         ]),
-        n("div", Fa, [
-          n("div", Ua, w(e.description), 1)
+        n("div", _a, [
+          n("div", en, w(e.description), 1)
         ])
       ]),
       e.buttonProps ? (t(), x(o(K), F({
@@ -1808,193 +1890,112 @@ const Jt = {
       }, e.buttonProps), null, 16)) : u("", !0)
     ], 2));
   }
-}), Ha = {
-  key: 0,
-  class: "min-w-[100px]"
-}, Ya = { class: "grow pl-3" }, Wa = { class: "flex w-full" }, Ka = { class: "text-lg font-medium" }, Ga = { class: "ml-auto" }, Xa = { class: "cursor-pointer flex hover:bg-oc-gray-200 items-center rounded p-2" }, Ja = { class: "line-clamp-2 mb-3 max-w-[80%] text-oc-text-400" }, Za = { class: "w-full text-sm lg:mt-4 flex flex-wrap items-center" }, Qa = { class: "mr-3" }, _a = { class: "text-oc-text-400 font-medium" }, en = {
-  __name: "OcPage",
+}), ln = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:before:top-0 before:h-full before:left-[10px] before:absolute before:border-l" }, an = { class: "flex gap-x-7 w-full items-center" }, nn = { class: "flex flex-1 flex-col gap-y-2" }, on = { class: "text-sm text-oc-text-400" }, sn = { class: "flex items-end gap-x-2" }, gt = /* @__PURE__ */ Z({
+  __name: "OcTimeLine",
   props: {
-    page: Object
+    isActive: Boolean,
+    title: String,
+    description: String,
+    icon: String,
+    iconClass: String,
+    iconText: String,
+    iconTextClass: String
   },
   setup(e) {
-    const r = M(!1), a = (s) => {
-      let d = document.createElement("DIV");
-      return d.innerHTML = s, d.textContent || d.innerText || "";
-    }, l = (s) => s == null ? void 0 : s.replace("generics/medium/", "generics/thumbnail/");
-    return (s, d) => (t(), i("div", {
-      class: "w-full p-5 flex",
-      onMouseleave: d[1] || (d[1] = (c) => r.value = !1)
-    }, [
-      e.page.page_cover_url ? (t(), i("div", Ha, [
+    return Bt(), (r, a) => (t(), i("div", ln, [
+      n("div", null, [
         n("div", {
-          class: "w-[100px] h-[100px] rounded !bg-cover",
-          style: ie(`background:url(${l(e.page.page_cover_url)})`)
-        }, null, 4)
-      ])) : u("", !0),
-      n("div", Ya, [
-        n("div", Wa, [
-          n("div", Ka, w(e.page.title), 1),
-          n("div", Ga, [
-            p(o(se), {
-              modelValue: r.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
-              placement: "bottom-end"
-            }, {
-              menu: S(() => [
-                $(s.$slots, "menu")
-              ]),
-              default: S(() => [
-                n("div", Xa, [
-                  p(o(T), {
-                    class: "text-oc-text-400",
-                    name: "dots-vertical"
-                  })
-                ])
-              ]),
-              _: 3
-            }, 8, ["modelValue"])
+          class: v(["w-6 h-6 flex z-[1] relative items-center rounded-full justify-center", e.isActive ? "bg-oc-accent-1-50 shadow" : " bg-transparent"])
+        }, [
+          n("div", {
+            class: v(["w-3 h-3 rounded-full", e.isActive ? "bg-oc-primary-500" : " bg-oc-gray-500"])
+          }, null, 2)
+        ], 2)
+      ]),
+      n("div", an, [
+        n("div", nn, [
+          n("span", null, w(e.title), 1),
+          n("span", on, [
+            $(r.$slots, "description", {}, () => [
+              W(w(e.description), 1)
+            ])
           ])
         ]),
-        n("div", Ja, w(a(e.page.description)), 1),
-        n("div", Za, [
-          n("span", Qa, [
-            d[2] || (d[2] = n("span", { class: "text-oc-text-300" }, "Last updated : ", -1)),
-            n("span", _a, 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(w(e.page.enabled ? "Published" : "Draft"), 1)
-            ]),
-            _: 1
-          }, 8, ["variant"])
+        n("div", sn, [
+          e.icon ? (t(), x(o(T), {
+            key: 0,
+            name: e.icon,
+            class: v(e.iconClass)
+          }, null, 8, ["name", "class"])) : u("", !0),
+          n("span", {
+            class: v(["text-lg font-medium", e.iconTextClass])
+          }, [
+            $(r.$slots, "iconText", {}, () => [
+              W(w(e.iconText), 1)
+            ])
+          ], 2)
         ])
       ])
-    ], 32));
+    ]));
   }
-}, tn = {
-  key: 0,
-  class: "flex items-center p-3 border-r bg-gray-50 cursor-pointer"
-}, ln = { class: "flex items-center gap-x-4 w-full p-5 pl-0 overflow-hidden" }, an = { class: "flex flex-col flex-1 gap-y-3 overflow-hidden" }, nn = { class: "flex items-center justify-between" }, on = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, sn = {
-  key: 0,
-  class: "text-base text-oc-text font-medium truncate"
-}, rn = {
-  key: 1,
-  class: "flex gap-3 shrink-0"
-}, dn = {
+}), rn = { class: "px-5 py-4 flex flex-col gap-y-5 rounded border border-gray-200 group hover:shadow-normal" }, dn = { class: "flex items-center justify-between" }, cn = { class: "flex text-sm text-oc-text-400 items-center gap-x-2" }, un = {
   key: 0,
-  class: "flex flex-col gap-3"
-}, cn = { class: "text-oc-text-400 flex gap-x-2 items-center text-sm" }, un = {
+  class: "text-base text-oc-text font-medium"
+}, mn = { key: 1 }, fn = {
   key: 0,
-  class: "flex items-center gap-4 opacity-0 group-hover:opacity-100"
-}, mn = { class: "border border-oc-accent-1-100 rounded-sm p-1 flex gap-x-1" }, fn = { class: "py-5 px-7" }, vn = /* @__PURE__ */ Z({
-  __name: "OcAccordion",
+  class: "flex flex-col gap-y-3"
+}, vn = /* @__PURE__ */ Z({
+  __name: "OcWebhook",
   props: {
-    title: String,
-    description: String,
-    chips: {
+    urls: {
       type: Array,
       default: () => []
     },
-    isDisabled: Boolean,
-    hasActions: {
-      type: Boolean,
-      default: !0
-    },
-    isTransparent: Boolean,
-    isDraggable: Boolean,
-    isNoToggleForced: Boolean,
-    isOpenDefault: Boolean
+    title: String,
+    date: String
   },
-  emits: ["edit", "delete"],
-  setup(e, { expose: r, emit: a }) {
-    const l = e, s = M(l.isOpenDefault), d = () => {
-      l.isNoToggleForced || (s.value = !s.value);
-    };
-    return r({
-      toggleAccordion: d
-    }), (c, m) => (t(), i("div", {
-      class: v(["rounded border border-gray-200 group overflow-hidden", {
-        "hover:shadow-normal": !e.isDisabled && !e.isTransparent,
-        "border-none !p-0": e.isTransparent
-      }])
-    }, [
-      n("div", {
-        class: v(["flex gap-4 items-stretch", {
-          "border-b": s.value,
-          "pl-5": e.isNoToggleForced
-        }]),
-        onClick: d
-      }, [
-        e.isNoToggleForced ? u("", !0) : (t(), i("div", tn, [
-          p(o(T), {
-            name: s.value ? "chevron-up" : "chevron-down",
-            width: "20",
-            height: "20",
-            class: "text-oc-text-400"
-          }, null, 8, ["name"])
-        ])),
-        n("div", ln, [
-          $(c.$slots, "logo"),
-          n("div", an, [
-            n("div", nn, [
-              n("div", on, [
-                e.title ? (t(), i("span", sn, w(e.title), 1)) : u("", !0),
-                e.chips.length ? (t(), i("div", rn, [
-                  (t(!0), i(N, null, R(e.chips, (f, y) => (t(), x(o(ne), {
-                    key: y,
-                    label: f.label,
-                    variant: f.variant,
-                    icon: f.icon,
-                    "icon-tooltip": f.iconTooltip,
-                    class: "font-medium shrink-0"
-                  }, null, 8, ["label", "variant", "icon", "icon-tooltip"]))), 128))
-                ])) : u("", !0)
-              ])
-            ]),
-            $(c.$slots, "default", {}, () => [
-              e.description ? (t(), i("div", dn, [
-                n("div", cn, w(e.description), 1)
-              ])) : u("", !0)
-            ])
+  emits: ["more"],
+  setup(e) {
+    const r = M(!1);
+    return (a, l) => {
+      var s;
+      return t(), i("div", rn, [
+        n("div", dn, [
+          n("div", cn, [
+            e.title ? (t(), i("span", un, w(e.title), 1)) : u("", !0),
+            l[3] || (l[3] = W(" - ")),
+            e.date ? (t(), i("span", mn, w(e.date), 1)) : u("", !0)
           ]),
-          $(c.$slots, "right", {
-            isOpen: s.value,
-            toggleAccordion: d
-          }, () => [
-            e.hasActions ? (t(), i("div", un, [
-              n("div", mn, [
-                p(o(T), {
-                  name: "pencil",
-                  class: "cursor-pointer text-oc-text-400 p-2",
-                  onClick: m[0] || (m[0] = (f) => c.$emit("edit"))
-                }),
-                m[2] || (m[2] = n("div", { class: "border-r border-gray-200" }, null, -1)),
-                p(o(T), {
-                  name: "bin",
-                  class: "cursor-pointer text-oc-error p-2",
-                  onClick: m[1] || (m[1] = (f) => c.$emit("delete"))
-                })
-              ]),
-              e.isDraggable ? (t(), x(o(T), {
-                key: 0,
-                name: "draggable",
-                class: "cursor-grab text-oc-text-400",
-                width: "24",
-                height: "24"
-              })) : u("", !0)
-            ])) : u("", !0)
-          ])
-        ])
-      ], 2),
-      Ve(n("div", fn, [
-        $(c.$slots, "content")
-      ], 512), [
-        [Ee, s.value]
-      ])
-    ], 2));
+          p(o(re), {
+            modelValue: r.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (d) => r.value = d)
+          }, {
+            menu: S(() => [
+              n("div", {
+                onMouseleave: l[1] || (l[1] = (d) => r.value = !1)
+              }, [
+                $(a.$slots, "menu")
+              ], 32)
+            ]),
+            default: S(() => [
+              p(o(T), {
+                name: "dots-vertical",
+                class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
+                onClick: l[0] || (l[0] = (d) => a.$emit("more"))
+              })
+            ]),
+            _: 3
+          }, 8, ["modelValue"])
+        ]),
+        (s = e.urls) != null && s.length ? (t(), i("div", fn, [
+          (t(!0), i(N, null, R(e.urls, (d, c) => (t(), x(o(xn), {
+            key: c,
+            title: d.title,
+            url: d.url
+          }, null, 8, ["title", "url"]))), 128))
+        ])) : u("", !0)
+      ]);
+    };
   }
 }), _m = {
   __name: "OcListItem",
@@ -2030,46 +2031,53 @@ const Jt = {
     isDisabled: Boolean,
     isTransparent: Boolean,
     isDraggable: Boolean,
-    isOpenDefault: Boolean
+    isOpenDefault: Boolean,
+    modelValue: Boolean
   },
-  emits: ["more", "edit", "delete", "click:item"],
-  setup(e) {
-    const r = e, a = z(() => {
-      switch (r.type) {
+  emits: [
+    "more",
+    "edit",
+    "delete",
+    "click:item",
+    "update:modelValue"
+  ],
+  setup(e, { emit: r }) {
+    const a = e, l = z(() => {
+      switch (a.type) {
         case "timeLine":
           return gt;
         case "webhook":
-          return oa;
+          return vn;
         case "payment":
-          return $a;
+          return Wa;
         case "general":
-          return Ma;
+          return xa;
         case "terminal":
-          return qa;
+          return tn;
         case "logo":
-          return ca;
+          return ka;
         case "page":
-          return en;
+          return ja;
         case "accordion":
-          return vn;
+          return sa;
         default:
           return gt;
       }
     });
-    return (l, s) => (t(), x(ot(a.value), F(r, {
-      class: { "opacity-50": e.isDisabled },
-      onMore: s[0] || (s[0] = (d) => l.$emit("more")),
-      onEdit: s[1] || (s[1] = (d) => l.$emit("edit")),
-      onDelete: s[2] || (s[2] = (d) => l.$emit("delete")),
-      onClick: s[3] || (s[3] = (d) => l.$emit("click:item"))
+    return (s, d) => (t(), x(ot(l.value), F(a, {
+      onMore: d[0] || (d[0] = (c) => s.$emit("more")),
+      onEdit: d[1] || (d[1] = (c) => s.$emit("edit")),
+      onDelete: d[2] || (d[2] = (c) => s.$emit("delete")),
+      onClick: d[3] || (d[3] = (c) => s.$emit("click:item")),
+      "onUpdate:modelValue": d[4] || (d[4] = (c) => s.$emit("update:modelValue", c))
     }), te({ _: 2 }, [
-      R(l.$slots, (d, c) => ({
-        name: c,
-        fn: S((m) => [
-          $(l.$slots, c, fe(Ie(m)))
+      R(s.$slots, (c, m) => ({
+        name: m,
+        fn: S((f) => [
+          $(s.$slots, m, ve(Ie(f)))
         ])
       }))
-    ]), 1040, ["class"]));
+    ]), 1040));
   }
 }, gn = { class: "flex gap-x-3 text-sm items-center group/url" }, pn = { class: "text-oc-text-400 font-medium shrink-0" }, yn = { class: "break-all" }, xn = /* @__PURE__ */ Z({
   __name: "OcListUrl",
@@ -2225,7 +2233,7 @@ const Jt = {
       ])) : u("", !0)
     ], 2));
   }
-}, $n = { key: 0 }, Sn = { class: "flex border-oc-gray-200 gap-x-9 justify-between p-5 items-start border-b sticky bg-oc-bg-light top-0" }, Cn = { class: "flex flex-col gap-y-1 max-w-[300px]" }, Bn = { class: "text-lg font-medium truncate" }, On = { class: "flex gap-3 items-center" }, Vn = {
+}, $n = { key: 0 }, Sn = { class: "flex border-oc-gray-200 gap-x-9 justify-between p-5 items-start border-b sticky bg-oc-bg-light top-0" }, Cn = { class: "flex flex-col gap-y-1 max-w-[300px]" }, Bn = { class: "text-lg font-medium truncate" }, Vn = { class: "flex gap-3 items-center" }, On = {
   key: 0,
   class: "text-sm text-oc-text-300 truncate"
 }, In = { class: "flex items-center gap-3" }, Tn = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, Dn = { class: "p-2 border-b border-gray-200" }, An = {
@@ -2278,8 +2286,8 @@ const Jt = {
                 ])
               ]),
               $(l.$slots, "description", {}, () => [
-                n("div", On, [
-                  e.description ? (t(), i("span", Vn, w(e.description), 1)) : u("", !0),
+                n("div", Vn, [
+                  e.description ? (t(), i("span", On, w(e.description), 1)) : u("", !0),
                   p(o(je), {
                     value: e.description,
                     "tooltip-options": { strategy: "fixed" }
@@ -2298,7 +2306,7 @@ const Jt = {
               ])
             ]),
             n("div", In, [
-              e.dropdownOptions ? (t(), x(o(se), F({
+              e.dropdownOptions ? (t(), x(o(re), F({
                 key: 0,
                 modelValue: a.value,
                 "onUpdate:modelValue": s[0] || (s[0] = (d) => a.value = d),
@@ -2455,7 +2463,7 @@ const Jt = {
     const r = M(), a = e, l = async (s) => {
       await Ge(), r.value && (r.value.style.maxHeight = s ? "max-content" : "0");
     };
-    return me(() => a.isExpandable, l), Rt(() => {
+    return fe(() => a.isExpandable, l), Rt(() => {
       l(a.isExpandable);
     }), (s, d) => (t(), i("div", {
       class: v(e.isDisabled && "opacity-60")
@@ -2561,7 +2569,7 @@ const Jt = {
     }, s = () => {
       a.value = !a.value, l();
     };
-    return me(() => r.value, l), (d, c) => (t(), i("div", {
+    return fe(() => r.value, l), (d, c) => (t(), i("div", {
       class: v(["hover:bg-oc-gray-50 border overflow-hidden", e.isBorder ? "border-oc-gray-200 rounded" : "border-transparent"])
     }, [
       n("div", {
@@ -2640,7 +2648,7 @@ const Jt = {
     };
     return $e(() => {
       g(), a.isArrows && A();
-    }), me(
+    }), fe(
       () => a.tabs,
       () => {
         g();
@@ -2648,7 +2656,7 @@ const Jt = {
       {
         deep: !0
       }
-    ), me(
+    ), fe(
       () => a.modelValue,
       () => {
         A();
@@ -2675,20 +2683,20 @@ const Jt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: C[0] || (C[0] = ve((h) => k("left"), ["prevent"]))
+          onClick: C[0] || (C[0] = se((h) => k("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : u("", !0),
       n("div", {
         class: v(["flex items-center", { "flex-col": y.value, "w-full": e.isFullWidth }])
       }, [
         (t(!0), i(N, null, R(e.tabs, (h) => {
-          var B, V;
+          var B, O;
           return t(), i("div", {
             key: h.value,
             class: v(["relative cursor-pointer min-w-[48px] gap-x-3 items-center flex justify-center", [
               h.class,
               f.value ? "py-2 px-3 rounded" : "px-4 pb-3 border-b-2 -mb-[1px]",
-              ((B = e.modelValue) == null ? void 0 : B.toString()) === ((V = h.value) == null ? void 0 : V.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
+              ((B = e.modelValue) == null ? void 0 : B.toString()) === ((O = h.value) == null ? void 0 : O.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
               e.isArrows ? "!justify-normal !min-w-[100px]" : "",
               y.value ? "!justify-start w-full py-3 px-5" : "",
               y.value && e.isArrows ? "!min-h-[35px]" : "",
@@ -3012,7 +3020,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
       const f = (m == null ? void 0 : m.target) || d.value[r.menus.indexOf(l.value)];
       s.value.style.width = `${f.offsetWidth}px`, s.value.style.left = `${f.offsetLeft}px`;
     };
-    return me(
+    return fe(
       () => r.modelValue,
       () => c()
     ), $e(() => c()), (m, f) => (t(), i(N, null, [
@@ -3047,7 +3055,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
           class: v([l.value.sidebarClass, "absolute transition-all duration-300 h-9 rounded min-w-[100px] bg-[rgba(0,_0,_0,_0.05)]"])
         }, null, 2)
       ]),
-      p(o(se), {
+      p(o(re), {
         modelValue: a.value,
         "onUpdate:modelValue": f[0] || (f[0] = (y) => a.value = y),
         class: "flex md:hidden"
@@ -3112,7 +3120,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
             class: "w-1/2 h-[20px] rounded"
           })) : (t(), i("span", wi, w(e.title), 1))
         ]),
-        e.chipProps ? (t(), x(o(ne), fe(F({ key: 0 }, e.chipProps)), null, 16)) : u("", !0)
+        e.chipProps ? (t(), x(o(ne), ve(F({ key: 0 }, e.chipProps)), null, 16)) : u("", !0)
       ]),
       e.description || r.$slots.description ? (t(), i("div", ki, [
         $(r.$slots, "description", {}, () => [
@@ -3139,10 +3147,10 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
       ])) : u("", !0)
     ]));
   }
-}, Si = { class: "flex flex-col gap-y-3" }, Ci = { class: "flex items-center justify-between gap-x-3" }, Bi = { class: "text-xl leading-[24px] font-medium" }, Oi = {
+}, Si = { class: "flex flex-col gap-y-3" }, Ci = { class: "flex items-center justify-between gap-x-3" }, Bi = { class: "text-xl leading-[24px] font-medium" }, Vi = {
   key: 0,
   class: "flex gap-x-6 text-sm text-oc-text-400 py-4 whitespace-nowrap items-center"
-}, Vi = { class: "overflow-hidden text-ellipsis" }, Ii = /* @__PURE__ */ Z({
+}, Oi = { class: "overflow-hidden text-ellipsis" }, Ii = /* @__PURE__ */ Z({
   __name: "OcMobilePageTitle",
   props: {
     title: { type: String },
@@ -3161,10 +3169,10 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
           size: "small"
         }, e.primaryButtonProps, { "is-additional-area": "" }), {
           "additional-content": S(() => [
-            p(o(se), {
+            p(o(re), {
               modelValue: r.value,
               "onUpdate:modelValue": l[0] || (l[0] = (s) => r.value = s),
-              onClick: l[1] || (l[1] = ve(() => {
+              onClick: l[1] || (l[1] = se(() => {
               }, ["stop"]))
             }, {
               menu: S(() => {
@@ -3195,8 +3203,8 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
           _: 1
         }, 16)) : u("", !0)
       ]),
-      e.description ? (t(), i("div", Oi, [
-        n("span", Vi, w(e.description), 1),
+      e.description ? (t(), i("div", Vi, [
+        n("span", Oi, w(e.description), 1),
         p(o(je), {
           class: "shrink-0",
           value: e.description
@@ -3403,7 +3411,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
           key: 1,
           class: v(["border-l group-hover:border-oc-accent-1-100", c.value ? "border-oc-gray-200" : "border-transparent"])
         }, null, 2)) : u("", !0),
-        d.value ? (t(), x(o(se), {
+        d.value ? (t(), x(o(re), {
           key: 2,
           modelValue: c.value,
           "onUpdate:modelValue": A[3] || (A[3] = (I) => c.value = I),
@@ -3414,7 +3422,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
             return [
               n("div", Pi, [
                 n("div", Ei, [
-                  (t(!0), i(N, null, R((I = e.primaryActions.dropdownOptions) == null ? void 0 : I.top, (B, V) => (t(), i(N, { key: V }, [
+                  (t(!0), i(N, null, R((I = e.primaryActions.dropdownOptions) == null ? void 0 : I.top, (B, O) => (t(), i(N, { key: O }, [
                     B != null && B.isCopyButton ? (t(), x(o(we), {
                       key: 0,
                       icon: s.value ? "check" : "copy",
@@ -3430,7 +3438,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
                   ], 64))), 128))
                 ]),
                 (C = e.primaryActions.dropdownOptions) != null && C.bottom ? (t(), i("div", Ni, [
-                  (t(!0), i(N, null, R((h = e.primaryActions.dropdownOptions) == null ? void 0 : h.bottom, (B, V) => (t(), i("div", { key: V }, [
+                  (t(!0), i(N, null, R((h = e.primaryActions.dropdownOptions) == null ? void 0 : h.bottom, (B, O) => (t(), i("div", { key: O }, [
                     B != null && B.tooltipText ? (t(), x(o(ae), {
                       key: 0,
                       position: "bottom",
@@ -3503,7 +3511,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
       p(o(le), { class: "w-[100px] h-[36px] rounded" }),
       p(o(le), { class: "w-[100px] h-[36px] rounded" })
     ])) : (t(), i("div", Fi, [
-      e.secondaryButtonProps ? (t(), x(o(se), {
+      e.secondaryButtonProps ? (t(), x(o(re), {
         key: 0,
         modelValue: a.value,
         "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m),
@@ -3824,7 +3832,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
         height: "18",
         class: v([l.value, "cursor-pointer"]),
         name: "filled-x-circle",
-        onClick: d[0] || (d[0] = ve((c) => s.$emit("remove"), ["stop"]))
+        onClick: d[0] || (d[0] = se((c) => s.$emit("remove"), ["stop"]))
       }, null, 8, ["class"])) : u("", !0)
     ], 2));
   }
@@ -3882,11 +3890,11 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
             n("div", to, [
               e.paymentStatus ? (t(), i("div", lo, [
                 a[1] || (a[1] = n("span", { class: "flex-1" }, "Payment", -1)),
-                p(ne, fe(Ie(e.paymentStatus)), null, 16)
+                p(ne, ve(Ie(e.paymentStatus)), null, 16)
               ])) : u("", !0),
               e.paymentStatus ? (t(), i("div", ao, [
                 a[2] || (a[2] = n("span", { class: "flex-1" }, "Payout", -1)),
-                p(ne, fe(Ie(e.payoutStatus)), null, 16)
+                p(ne, ve(Ie(e.payoutStatus)), null, 16)
               ])) : u("", !0)
             ])
           ])
@@ -3989,12 +3997,12 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
     const a = e, l = M(null), s = M(null), d = r, c = () => {
       a.isExpanded || !a.isMenuExpanded || d("close-menu");
     };
-    return me(() => [a.isExpanded, s.value, l.value], () => {
+    return fe(() => [a.isExpanded, s.value, l.value], () => {
       !l.value || !s.value || a.isExpanded || Wt(l.value, s.value, {
         placement: "right-start",
         strategy: "fixed"
       });
-    }), (m, f) => Ve((t(), i("div", yo, [
+    }), (m, f) => Oe((t(), i("div", yo, [
       p(o(ae), {
         position: "right",
         "arrow-hidden": "",
@@ -4056,7 +4064,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
           "grid-rows-[1fr]": e.isMenuExpanded,
           "grid-rows-[0fr]": !e.isMenuExpanded
         }]),
-        onClick: f[0] || (f[0] = ve(() => {
+        onClick: f[0] || (f[0] = se(() => {
         }, ["stop"]))
       }, [
         n("div", $o, [
@@ -4068,7 +4076,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
         ref_key: "menuRef",
         ref: s,
         class: "z-[1007] p-2 flex flex-col gap-y-1 min-w-[162px] shadow-normal bg-white rounded",
-        onClick: f[1] || (f[1] = ve(() => {
+        onClick: f[1] || (f[1] = se(() => {
         }, ["stop"]))
       }, [
         $(m.$slots, "default")
@@ -4080,10 +4088,10 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
 }, Co = { class: "flex-1 whitespace-nowrap" }, Bo = {
   key: 0,
   class: "bg-oc-warning text-white shrink-0 py-1 px-3 rounded-sm uppercase text-xs font-medium"
-}, Oo = {
+}, Vo = {
   key: 1,
   class: "bg-oc-accent-2 text-white shrink-0 py-1 px-3 rounded-sm uppercase text-xs font-medium"
-}, Vo = {
+}, Oo = {
   key: 2,
   class: "bg-oc-accent-2 text-white shrink-0 py-1 px-3 rounded-sm uppercase text-xs font-medium"
 }, Io = {
@@ -4110,8 +4118,8 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
       ]), 2),
       n("div", Co, w(e.label), 1),
       e.isBeta ? (t(), i("div", Bo, " BETA ")) : u("", !0),
-      e.isNew ? (t(), i("div", Oo, " NEW ")) : u("", !0),
-      e.isTryIt ? (t(), i("div", Vo, " TRY IT ")) : u("", !0)
+      e.isNew ? (t(), i("div", Vo, " NEW ")) : u("", !0),
+      e.isTryIt ? (t(), i("div", Oo, " TRY IT ")) : u("", !0)
     ], 2));
   }
 }, To = { class: "pt-4 pb-5 sticky z-[1006] bottom-0 bg-[var(--oc-sidebar-background)] left-0 px-6 shadow-[0_-12px_44px_0_var(--oc-accent-1-50-tr)]" }, Do = { class: "flex flex-col gap-y-3" }, Ao = { key: 0 }, jo = {
@@ -4413,7 +4421,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
         n("div", Wo, [
           n("div", Ko, [
             n("span", Go, w(e.title), 1),
-            e.chipOptions ? (t(), x(o(ne), fe(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
+            e.chipOptions ? (t(), x(o(ne), ve(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
           ]),
           n("span", {
             class: v(["flex gap-x-4 items-center text-xl group-hover:text-oc-text", e.isActive ? "text-oc-text" : "text-oc-text-400"])
@@ -4427,7 +4435,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
             W(" " + w(e.content), 1)
           ], 2)
         ]),
-        e.isDropdown ? (t(), x(o(K), fe(F({ key: 0 }, e.dropdownOptions)), null, 16)) : u("", !0)
+        e.isDropdown ? (t(), x(o(K), ve(F({ key: 0 }, e.dropdownOptions)), null, 16)) : u("", !0)
       ]))
     ], 2));
   }
@@ -4492,7 +4500,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
           key: 3,
           class: "h-[20px] w-[168px] rounded-sm"
         })) : (t(), i("div", as, [
-          p(o(se), F({
+          p(o(re), F({
             modelValue: r.value,
             "onUpdate:modelValue": l[0] || (l[0] = (d) => r.value = d),
             "popper-options": { strategy: "fixed" },
@@ -4852,7 +4860,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         R(r.$slots, (l, s) => ({
           name: s,
           fn: S((d) => [
-            $(r.$slots, s, fe(Ie(d)))
+            $(r.$slots, s, ve(Ie(d)))
           ])
         }))
       ]), 1032, ["boxes", "is-customer", "customer-card-variant", "customer"])
@@ -4867,7 +4875,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
 }, Cs = {
   key: 0,
   class: "flex items-center gap-x-2 max-w-full"
-}, Bs = ["href"], Os = { class: "truncate" }, Vs = { class: "text-oc-text whitespace-nowrap" }, Is = {
+}, Bs = ["href"], Vs = { class: "truncate" }, Os = { class: "text-oc-text whitespace-nowrap" }, Is = {
   key: 1,
   class: "flex items-center h-[30px] gap-x-2 w-full"
 }, $f = {
@@ -4955,8 +4963,8 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
               target: "_blank",
               class: "text-oc-text-400 flex items-center overflow-hidden cursor-pointer"
             }, [
-              n("div", Os, w(e.mainLink), 1),
-              n("div", Vs, w(e.userId), 1)
+              n("div", Vs, w(e.mainLink), 1),
+              n("div", Os, w(e.userId), 1)
             ], 8, Bs),
             p(o(Ri), {
               "primary-actions": e.primaryActions,
@@ -4980,7 +4988,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         R(l.$slots, (d, c) => ({
           name: c,
           fn: S((m) => [
-            $(l.$slots, c, fe(Ie(m)))
+            $(l.$slots, c, ve(Ie(m)))
           ])
         }))
       ]), 1032, ["boxes", "customer-card-variant", "customer", "is-customer", "customer-is-hover", "customer-is-edit", "class"])) : e.variant === "balance" ? (t(), x(ss, {
@@ -5001,7 +5009,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         R(l.$slots, (d, c) => ({
           name: c,
           fn: S((m) => [
-            $(l.$slots, c, fe(Ie(m)))
+            $(l.$slots, c, ve(Ie(m)))
           ])
         }))
       ]), 1032, ["overview-items", "overview-tabs", "secondary-button-props", "more-button-props", "overview-active-tab", "container-class", "payment-methods", "dropdown-items", "dropdown-props", "class", "is-loading"])) : u("", !0)
@@ -5115,7 +5123,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
       })) : u("", !0)
     ]));
   }
-}), Us = { class: "flex flex-col text-center gap-y-3" }, qs = { class: "text-lg font-medium" }, Hs = { class: "text-sm text-oc-text-400" }, Of = /* @__PURE__ */ Z({
+}), Us = { class: "flex flex-col text-center gap-y-3" }, qs = { class: "text-lg font-medium" }, Hs = { class: "text-sm text-oc-text-400" }, Vf = /* @__PURE__ */ Z({
   __name: "OcBox",
   props: {
     icon: String,
@@ -5142,7 +5150,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
       ])
     ], 2));
   }
-}), Vf = /* @__PURE__ */ Z({
+}), Of = /* @__PURE__ */ Z({
   __name: "OcAuthenticationOption",
   props: {
     icon: String,
@@ -5197,7 +5205,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
           $(r.$slots, "title", {}, () => [
             n("span", Ks, w(e.title), 1)
           ]),
-          e.chipOptions ? (t(), x(o(ne), fe(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
+          e.chipOptions ? (t(), x(o(ne), ve(F({ key: 0 }, e.chipOptions)), null, 16)) : u("", !0)
         ]),
         e.isActive ? (t(), x(o(T), {
           key: 0,
@@ -5303,14 +5311,14 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
       warning: "bg-oc-warning-100",
       gray: "bg-oc-gray-200"
     }, d = M(), c = M(), m = z(() => r.size === "small"), f = z(() => r.size === "big");
-    return me(
+    return fe(
       () => r.modelValue,
       async () => {
         await Ge(), c.value = (document.body.clientWidth - d.value.clientWidth) / 2;
       }
     ), (y, g) => (t(), x(Ae, { name: e.transitionName }, {
       default: S(() => [
-        Ve(n("div", {
+        Oe(n("div", {
           ref_key: "snackBar",
           ref: d,
           class: v([[
@@ -5443,7 +5451,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
     });
     return (l, s) => (t(), x(Ae, { name: e.transitionName }, {
       default: S(() => [
-        Ve(n("div", {
+        Oe(n("div", {
           class: v([o(a)[e.color], "border rounded-lg banner relative overflow-hidden"])
         }, [
           n("div", {
@@ -5495,7 +5503,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
     }
   },
   setup(e) {
-    return (r, a) => e.isOnlyIcon ? (t(), x(o(ae), fe(F({ key: 0 }, e.tooltipOptions)), {
+    return (r, a) => e.isOnlyIcon ? (t(), x(o(ae), ve(F({ key: 0 }, e.tooltipOptions)), {
       popper: S(() => [
         n("div", or, w(e.text), 1)
       ]),
@@ -5552,7 +5560,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
           W(w(e.label) + " ", 1),
           e.isRequired ? (t(), i("span", ur, "*")) : u("", !0)
         ]),
-        e.labelIcon ? (t(), x(o(ae), fe(F({ key: 0 }, e.tooltipOptions)), {
+        e.labelIcon ? (t(), x(o(ae), ve(F({ key: 0 }, e.tooltipOptions)), {
           popper: S(() => [
             $(r.$slots, "tooltipText", {}, () => [
               e.tooltipText ? (t(), i("div", mr, w(e.tooltipText), 1)) : u("", !0)
@@ -5673,7 +5681,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
       e.isAdditionalArea && !e.isTransparent ? (t(), i("div", {
         key: 0,
         class: v(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [s.value[e.size], e.variant]]),
-        onClick: j[3] || (j[3] = ve((I) => A.$emit("addition-click"), ["stop"]))
+        onClick: j[3] || (j[3] = se((I) => A.$emit("addition-click"), ["stop"]))
       }, [
         $(A.$slots, "additional-content", {}, () => [
           p(o(T), {
@@ -5916,10 +5924,10 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
 }, Sr = { class: "flex flex-1 items-baseline gap-x-2" }, Cr = {
   key: 0,
   class: "text-oc-text-300"
-}, Br = { class: "flex items-center gap-x-1 w-full" }, Or = {
+}, Br = { class: "flex items-center gap-x-1 w-full" }, Vr = {
   key: 0,
   class: "text-oc-text-300"
-}, Vr = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], Ir = {
+}, Or = ["value", "readonly", "placeholder", "disabled", "autocomplete", "inputmode", "type"], Ir = {
   key: 1,
   class: "flex items-center h-full"
 }, Tr = {
@@ -6077,7 +6085,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
           n("div", Sr, [
             e.isInlineLabel && e.label ? (t(), i("label", Cr, w(e.label) + ": ", 1)) : u("", !0),
             n("div", Br, [
-              e.preFill ? (t(), i("span", Or, w(e.preFill), 1)) : u("", !0),
+              e.preFill ? (t(), i("span", Vr, w(e.preFill), 1)) : u("", !0),
               n("input", F({
                 ref_key: "inputRef",
                 ref: s,
@@ -6098,7 +6106,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                 }),
                 onInput: k[2] || (k[2] = (A) => g.$emit("update:modelValue", A.target.value)),
                 onPaste: k[3] || (k[3] = (A) => g.$emit("paste"))
-              }), null, 16, Vr)
+              }), null, 16, Or)
             ])
           ]),
           g.$slots.leading || y.value ? (t(), i("div", Ir, [
@@ -6106,7 +6114,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
             g.$slots.leading ? u("", !0) : (t(), i("span", {
               key: 1,
               class: "text-oc-text-200",
-              onClick: k[4] || (k[4] = ve((A) => d.value = !d.value, ["prevent"]))
+              onClick: k[4] || (k[4] = se((A) => d.value = !d.value, ["prevent"]))
             }, [
               (t(), x(o(T), {
                 key: d.value,
@@ -6187,7 +6195,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         C != null && C.trim() && (!l.allowDuplicated && ((h = d.value) != null && h.includes(C)) || (d.value.push(C), s("option-added", C)));
       }), I.length && (m.value = "", s("update:modelValue", d.value));
     };
-    return me(
+    return fe(
       () => l.modelValue,
       () => {
         d.value = [...l.modelValue || []];
@@ -6227,8 +6235,8 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                     options: g.value,
                     areAllOptionsVisible: f.value
                   }, () => [
-                    (t(!0), i(N, null, R(g.value, (B, V) => (t(), x(o(ne), {
-                      key: `${B}-${V}`,
+                    (t(!0), i(N, null, R(g.value, (B, O) => (t(), x(o(ne), {
+                      key: `${B}-${O}`,
                       closable: "",
                       label: B,
                       onRemove: (b) => k(B)
@@ -6316,19 +6324,19 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
     const a = e, l = r;
     let s = a.initialCountryCode;
     if (a.modelValue && a.modelValue[0]) {
-      const B = a.countryCodes.find((V) => V.code === a.modelValue[0].toString());
+      const B = a.countryCodes.find((O) => O.code === a.modelValue[0].toString());
       B && (s = B.iso.toLowerCase());
     }
     const d = M(s), c = M(!1), m = M(""), f = z(
-      () => a.countryCodes.filter((B) => B.country.toLowerCase().includes(m.value.toLowerCase())).sort((B, V) => B.country.localeCompare(V.country))
-    ), y = (B) => a.countryCodes.find((V) => V.iso.toLowerCase() === B.toLowerCase()) || null, g = (B) => {
-      var V;
-      return ((V = y(B)) == null ? void 0 : V.code) || "";
+      () => a.countryCodes.filter((B) => B.country.toLowerCase().includes(m.value.toLowerCase())).sort((B, O) => B.country.localeCompare(O.country))
+    ), y = (B) => a.countryCodes.find((O) => O.iso.toLowerCase() === B.toLowerCase()) || null, g = (B) => {
+      var O;
+      return ((O = y(B)) == null ? void 0 : O.code) || "";
     }, k = (B) => {
       l("update:modelValue", [g(d.value), B]);
-    }, A = (B, V, b = null) => {
-      var O;
-      d.value = B.toLowerCase(), l("update:modelValue", [V, b || ((O = a.modelValue) == null ? void 0 : O[1]) || ""]), c.value = !1;
+    }, A = (B, O, b = null) => {
+      var V;
+      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(
@@ -6337,22 +6345,22 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         j.value.scrollTo(0, b - 60, { behavior: "smooth" });
       }, 10);
     }, h = (B) => {
-      let V = B.clipboardData.getData("Text");
+      let O = B.clipboardData.getData("Text");
       try {
-        if (V.search(/[^0-9]/g) < 0)
-          if (V = V.slice(0, 19), V.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: b, countryCallingCode: O, country: L } = Xt(
-              "+" + V.replace("+", "")
+        if (O.search(/[^0-9]/g) < 0)
+          if (O = O.slice(0, 19), O.length > 5 && a.shouldParseCountryCode) {
+            const { nationalNumber: b, countryCallingCode: V, country: L } = Xt(
+              "+" + O.replace("+", "")
             );
-            O && L ? A(L, O, b) : l("update:modelValue", [g(d.value), b]);
+            V && L ? A(L, V, b) : l("update:modelValue", [g(d.value), b]);
           } else
-            l("update:modelValue", [g(d.value), V]);
+            l("update:modelValue", [g(d.value), O]);
       } catch {
-        l("update:modelValue", [g(d.value), V]);
+        l("update:modelValue", [g(d.value), O]);
       }
       B.preventDefault();
     };
-    return (B, V) => {
+    return (B, O) => {
       var b;
       return t(), x(o(xe), {
         "error-message": e.errorMessage,
@@ -6371,10 +6379,10 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         "onUpdate:modelValue": k
       }, {
         trailing: S(() => [
-          p(o(se), {
+          p(o(re), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              V[3] || (V[3] = (O) => c.value = O),
+              O[3] || (O[3] = (V) => c.value = V),
               C
             ],
             distance: 10,
@@ -6389,12 +6397,12 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                 n("div", Nr, [
                   p(o(xe), {
                     modelValue: m.value,
-                    "onUpdate:modelValue": V[0] || (V[0] = (O) => m.value = O),
+                    "onUpdate:modelValue": O[0] || (O[0] = (V) => m.value = V),
                     icon: "search",
                     placeholder: "Search",
-                    onKeydown: V[1] || (V[1] = ve(() => {
+                    onKeydown: O[1] || (O[1] = se(() => {
                     }, ["stop"])),
-                    onClick: V[2] || (V[2] = ve(() => {
+                    onClick: O[2] || (O[2] = se(() => {
                     }, ["stop"]))
                   }, {
                     icon: S(() => [
@@ -6406,22 +6414,22 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), i(N, null, R(f.value, (O, L) => (t(), i("div", {
+                (t(!0), i(N, null, R(f.value, (V, L) => (t(), i("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
                   ref: I,
                   key: L,
                   class: v([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
-                    d.value === O.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                    d.value === V.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
                   ]),
-                  onClick: (E) => A(O.iso, O.code)
+                  onClick: (E) => A(V.iso, V.code)
                 }, [
                   n("div", {
-                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${O.iso.toLowerCase()}`])
+                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${V.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Rr, "+" + w(O.code), 1),
-                  n("span", Fr, w(O.country), 1)
+                  n("span", Rr, "+" + w(V.code), 1),
+                  n("span", Fr, w(V.country), 1)
                 ], 10, zr))), 128))
               ], 512)
             ]),
@@ -6518,7 +6526,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
               class: v({ "text-sm": !e.isButtonVariantWithRadio })
             }, w(e.label), 3)) : u("", !0)
           ]),
-          e.labelIcon ? (t(), x(o(ae), fe(F({ key: 2 }, e.tooltipOptions)), {
+          e.labelIcon ? (t(), x(o(ae), ve(F({ key: 2 }, e.tooltipOptions)), {
             popper: S(() => [
               $(r.$slots, "tooltipText", {}, () => [
                 e.tooltipText ? (t(), i("div", Yr, w(e.tooltipText), 1)) : u("", !0)
@@ -6848,10 +6856,10 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         "update:modelValue",
         j.value.map((P) => P.value)
       ));
-    }, V = M();
-    me(j, () => {
+    }, O = M();
+    fe(j, () => {
       k.value = (/* @__PURE__ */ new Date()).toISOString();
-    }), me(c, (P) => {
+    }), fe(c, (P) => {
       if (!P) {
         s("close");
         return;
@@ -6861,17 +6869,17 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         (D = m.value) == null || D.focus();
       });
     });
-    const b = M("100%"), O = z(() => ({ maxWidth: b.value })), L = () => {
+    const b = M("100%"), V = z(() => ({ maxWidth: b.value })), L = () => {
       var P, D, U, H;
-      s("toggle"), b.value = (D = (P = V.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = V.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
-        var ce, ge, ke;
+      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 ue, ge, ke;
         let G, _;
         if (Array.isArray(l.modelValue) ? G = l.modelValue[0] ?? null : G = l.modelValue, !G) return;
-        j.value.find((be, ue) => {
+        j.value.find((be, me) => {
           if (be.value === G)
-            return _ = ue, !0;
+            return _ = me, !0;
         });
-        const ee = y.value[_], oe = (ce = ee == null ? void 0 : ee.optionItemRef) == null ? void 0 : ce.offsetTop;
+        const ee = y.value[_], oe = (ue = ee == null ? void 0 : ee.optionItemRef) == null ? void 0 : ue.offsetTop;
         (ke = (ge = g.value) == null ? void 0 : ge.parentNode) == null || ke.scrollTo(0, oe - 60, { behavior: "smooth" });
       }, 10);
     }, E = (P) => {
@@ -6884,7 +6892,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
       dropdownRef: f
     }), (P, D) => (t(), x(o(he), {
       ref_key: "baseInput",
-      ref: V,
+      ref: O,
       class: "relative rounded",
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
@@ -6900,7 +6908,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         ])) : u("", !0)
       ]),
       default: S(() => [
-        p(o(se), {
+        p(o(re), {
           ref_key: "dropdownRef",
           ref: f,
           modelValue: c.value,
@@ -6916,7 +6924,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
           distance: 4,
           "popper-class": "w-full",
           placement: "bottom-end",
-          "popper-style": O.value,
+          "popper-style": V.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
           "menu-classes": e.menuClasses,
@@ -7084,7 +7092,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                 width: "16",
                 height: "16",
                 name: "x",
-                onClick: D[3] || (D[3] = ve((U) => s("cleared"), ["stop"]))
+                onClick: D[3] || (D[3] = se((U) => s("cleared"), ["stop"]))
               })) : u("", !0),
               e.hideChevron ? u("", !0) : (t(), x(o(T), {
                 key: 4,
@@ -7239,8 +7247,8 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
     const a = e, l = r, s = M(!1), d = M(a.type ?? ((C = (I = a.links) == null ? void 0 : I[0]) == null ? void 0 : C.value)), c = M(a.title ?? ""), m = z(
       () => a.links.find((h) => h.value === d.value) ?? {}
     ), f = z(() => m.value.preFill ?? ""), y = M(a.modelValue ? a.modelValue.replace(f.value, "") : ""), g = (h) => {
-      var V;
-      const B = (V = a.links.find((b) => b.value === h)) == null ? void 0 : V.preFill;
+      var O;
+      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) => {
       y.value = h, l("update:modelValue", f.value + h), !a.isEdit && d.value !== "link" && l("update:title", h);
@@ -7250,8 +7258,8 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         key: 0,
         modelValue: c.value,
         "onUpdate:modelValue": [
-          B[0] || (B[0] = (V) => c.value = V),
-          B[1] || (B[1] = (V) => h.$emit("update:title", V))
+          B[0] || (B[0] = (O) => c.value = O),
+          B[1] || (B[1] = (O) => h.$emit("update:title", O))
         ],
         class: "mb-3",
         label: "Title",
@@ -7274,24 +7282,24 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         "onUpdate:modelValue": k
       }, {
         trailing: S(() => [
-          p(o(se), {
+          p(o(re), {
             modelValue: s.value,
-            "onUpdate:modelValue": B[2] || (B[2] = (V) => s.value = V),
+            "onUpdate:modelValue": B[2] || (B[2] = (O) => s.value = O),
             distance: 10
           }, {
             menu: S(() => [
               e.isEdit ? u("", !0) : (t(), i("div", fd, [
-                (t(!0), i(N, null, R(e.links, (V) => (t(), i("div", {
-                  key: V.value,
+                (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: (b) => g(V.value)
+                  onClick: (b) => g(O.value)
                 }, [
                   p(o(T), {
                     width: "20",
                     height: "20",
-                    name: V.icon
+                    name: O.icon
                   }, null, 8, ["name"]),
-                  W(" " + w(V.label), 1)
+                  W(" " + w(O.label), 1)
                 ], 8, vd))), 128))
               ]))
             ]),
@@ -7432,14 +7440,14 @@ function Bd() {
     });
   }(qe)), qe.exports;
 }
-var Od = Bd();
-const Lt = /* @__PURE__ */ Xe(Od);
-var He = { exports: {} }, Vd = He.exports, kt;
+var Vd = Bd();
+const Lt = /* @__PURE__ */ Xe(Vd);
+var He = { exports: {} }, Od = He.exports, kt;
 function Id() {
   return kt || (kt = 1, function(e, r) {
     (function(a, l) {
       e.exports = l();
-    })(Vd, function() {
+    })(Od, function() {
       var a = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, l = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, d = /\d\d/, c = /\d\d?/, m = /\d*[^-_:/,()\s\d]+/, f = {}, y = function(h) {
         return (h = +h) + (h > 68 ? 1900 : 2e3);
       }, g = function(h) {
@@ -7449,21 +7457,21 @@ function Id() {
       }, k = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
         (this.zone || (this.zone = {})).offset = function(B) {
           if (!B || B === "Z") return 0;
-          var V = B.match(/([+-]|\d\d)/g), b = 60 * V[1] + (+V[2] || 0);
-          return b === 0 ? 0 : V[0] === "+" ? -b : b;
+          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 V, b = f.meridiem;
+        var O, b = f.meridiem;
         if (b) {
-          for (var O = 1; O <= 24; O += 1) if (h.indexOf(b(O, 0, B)) > -1) {
-            V = O > 12;
+          for (var V = 1; V <= 24; V += 1) if (h.indexOf(b(V, 0, B)) > -1) {
+            O = V > 12;
             break;
           }
-        } else V = h === (B ? "pm" : "PM");
-        return V;
+        } else O = h === (B ? "pm" : "PM");
+        return O;
       }, I = { A: [m, function(h) {
         this.afternoon = j(h, !1);
       }], a: [m, function(h) {
@@ -7477,14 +7485,14 @@ function Id() {
       }], SSS: [/\d{3}/, function(h) {
         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, V = h.match(/\d+/);
-        if (this.day = V[0], B) for (var b = 1; b <= 31; b += 1) B(b).replace(/\[|\]/g, "") === h && (this.day = b);
+        var B = f.ordinal, O = h.match(/\d+/);
+        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"), V = (A("monthsShort") || B.map(function(b) {
+        var B = A("months"), O = (A("monthsShort") || B.map(function(b) {
           return b.slice(0, 3);
         })).indexOf(h) + 1;
-        if (V < 1) throw new Error();
-        this.month = V % 12 || V;
+        if (O < 1) throw new Error();
+        this.month = O % 12 || O;
       }], MMMM: [m, function(h) {
         var B = A("months").indexOf(h) + 1;
         if (B < 1) throw new Error();
@@ -7493,65 +7501,65 @@ function Id() {
         this.year = y(h);
       }], YYYY: [/\d{4}/, g("year")], Z: k, ZZ: k };
       function C(h) {
-        var B, V;
-        B = h, V = f && f.formats;
+        var B, O;
+        B = h, O = f && f.formats;
         for (var b = (h = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, G, _) {
           var ee = _ && _.toUpperCase();
-          return G || V[_] || a[_] || V[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, ce, ge) {
-            return ce || ge.slice(1);
+          return G || O[_] || a[_] || O[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, ue, ge) {
+            return ue || ge.slice(1);
           });
-        })).match(l), O = b.length, L = 0; L < O; L += 1) {
+        })).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 G = {}, _ = 0, ee = 0; _ < O; _ += 1) {
+          for (var G = {}, _ = 0, ee = 0; _ < V; _ += 1) {
             var oe = b[_];
             if (typeof oe == "string") ee += oe.length;
             else {
-              var ce = oe.regex, ge = oe.parser, ke = H.slice(ee), be = ce.exec(ke)[0];
+              var ue = oe.regex, ge = oe.parser, ke = H.slice(ee), be = ue.exec(ke)[0];
               ge.call(G, be), H = H.replace(be, "");
             }
           }
-          return function(ue) {
-            var Se = ue.afternoon;
+          return function(me) {
+            var Se = me.afternoon;
             if (Se !== void 0) {
-              var re = ue.hours;
-              Se ? re < 12 && (ue.hours += 12) : re === 12 && (ue.hours = 0), delete ue.afternoon;
+              var de = me.hours;
+              Se ? de < 12 && (me.hours += 12) : de === 12 && (me.hours = 0), delete me.afternoon;
             }
           }(G), G;
         };
       }
-      return function(h, B, V) {
-        V.p.customParseFormat = !0, h && h.parseTwoDigitYear && (y = h.parseTwoDigitYear);
-        var b = B.prototype, O = b.parse;
+      return function(h, B, O) {
+        O.p.customParseFormat = !0, h && h.parseTwoDigitYear && (y = h.parseTwoDigitYear);
+        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, G = D[3] === !0, _ = H || G, ee = D[2];
-            G && (ee = D[2]), f = this.$locale(), !H && ee && (f = V.Ls[ee]), this.$d = function(ke, be, ue, Se) {
+            G && (ee = D[2]), f = this.$locale(), !H && ee && (f = O.Ls[ee]), this.$d = function(ke, be, me, Se) {
               try {
                 if (["x", "X"].indexOf(be) > -1) return new Date((be === "X" ? 1e3 : 1) * ke);
-                var re = C(be)(ke), Be = re.year, Ce = re.month, Q = re.day, Oe = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, pe = re.zone, Me = re.week, Je = /* @__PURE__ */ new Date(), Ze = Q || (Be || Ce ? 1 : Je.getDate()), Qe = Be || Je.getFullYear(), Ne = 0;
+                var de = C(be)(ke), Be = de.year, Ce = de.month, Q = de.day, Ve = de.hours, q = de.minutes, J = de.seconds, Y = de.milliseconds, pe = de.zone, Me = de.week, Je = /* @__PURE__ */ new Date(), Ze = Q || (Be || Ce ? 1 : Je.getDate()), Qe = Be || Je.getFullYear(), Ne = 0;
                 Be && !Ce || (Ne = Ce > 0 ? Ce - 1 : Je.getMonth());
-                var ze, _e = Oe || 0, et = q || 0, tt = J || 0, lt = Y || 0;
-                return pe ? new Date(Date.UTC(Qe, Ne, Ze, _e, et, tt, lt + 60 * pe.offset * 1e3)) : ue ? new Date(Date.UTC(Qe, Ne, Ze, _e, et, tt, lt)) : (ze = new Date(Qe, Ne, Ze, _e, et, tt, lt), Me && (ze = Se(ze).week(Me).toDate()), ze);
+                var ze, _e = Ve || 0, et = q || 0, tt = J || 0, lt = Y || 0;
+                return pe ? new Date(Date.UTC(Qe, Ne, Ze, _e, et, tt, lt + 60 * pe.offset * 1e3)) : me ? new Date(Date.UTC(Qe, Ne, Ze, _e, et, tt, lt)) : (ze = new Date(Qe, Ne, Ze, _e, et, tt, lt), Me && (ze = Se(ze).week(Me).toDate()), ze);
               } catch {
                 return /* @__PURE__ */ new Date("");
               }
-            }(E, U, P, V), this.init(), ee && ee !== !0 && (this.$L = this.locale(ee).$L), _ && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
-          } else if (U instanceof Array) for (var oe = U.length, ce = 1; ce <= oe; ce += 1) {
-            D[1] = U[ce - 1];
-            var ge = V.apply(this, D);
+            }(E, U, P, O), this.init(), ee && ee !== !0 && (this.$L = this.locale(ee).$L), _ && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
+          } else if (U instanceof Array) for (var oe = U.length, ue = 1; ue <= oe; ue += 1) {
+            D[1] = U[ue - 1];
+            var ge = O.apply(this, D);
             if (ge.isValid()) {
               this.$d = ge.$d, this.$L = ge.$L, this.init();
               break;
             }
-            ce === oe && (this.$d = /* @__PURE__ */ new Date(""));
+            ue === oe && (this.$d = /* @__PURE__ */ new Date(""));
           }
-          else O.call(this, L);
+          else V.call(this, L);
         };
       };
     });
@@ -7641,17 +7649,17 @@ function lc(e, r, a) {
   function B() {
     var E = at();
     if (h(E))
-      return V(E);
+      return O(E);
     m = setTimeout(B, C(E));
   }
-  function V(E) {
+  function O(E) {
     return m = void 0, A && l ? j(E) : (l = s = void 0, c);
   }
   function b() {
     m !== void 0 && clearTimeout(m), y = 0, l = f = s = m = void 0;
   }
-  function O() {
-    return m === void 0 ? c : V(at());
+  function V() {
+    return m === void 0 ? c : O(at());
   }
   function L() {
     var E = at(), P = h(E);
@@ -7663,7 +7671,7 @@ function lc(e, r, a) {
     }
     return m === void 0 && (m = setTimeout(B, r)), c;
   }
-  return L.cancel = b, L.flush = O, L;
+  return L.cancel = b, L.flush = V, L;
 }
 const ac = { class: "flex items-center justify-between" }, nc = { class: "flex flex-col gap-2 p-3" }, ic = { class: "flex justify-between items-center" }, oc = { key: 0 }, sc = { key: 1 }, rc = {
   key: 0,
@@ -7714,9 +7722,9 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
     const a = e, l = r, s = M(), d = M(), c = M(), m = M(), f = M(), y = 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, pe) => pe + 1);
-    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], V = z(() => s.value.format("MMMM YYYY")), b = 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 ? y.value.format("YYYY") : s.value.format("YYYY")
-    ), O = z(() => s.value.format("MMM")), L = z(() => {
+    ), V = z(() => s.value.format("MMM")), L = z(() => {
       const q = d.value, J = c.value ?? g.value, Y = [q, J];
       return J && (q != null && q.isAfter(J)) && Y.reverse(), {
         from: Y[0],
@@ -7744,7 +7752,7 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
       g.value = null, s.value = s.value.set("year", q), j.value = !1;
     }, oe = () => {
       g.value = null, j.value ? y.value = y.value.subtract(11, "year") : s.value = s.value.subtract(1, "year");
-    }, ce = () => {
+    }, ue = () => {
       g.value = null, j.value ? y.value = y.value.add(11, "year") : s.value = s.value.add(1, "year");
     }, ge = () => {
       j.value = !1, I.value = !I.value;
@@ -7756,19 +7764,19 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
       L.value.to,
       null,
       "[]"
-    ) : !1 : m.value && f.value && m.value <= q && f.value >= q, ue = (q) => {
+    ) : !1 : m.value && f.value && m.value <= q && f.value >= q, me = (q) => {
       const J = s.value.date(q);
       return a.disabledDate(J.toDate()) || a.minDate && J.isBefore(X(a.minDate), "day") || a.maxDate && J.isAfter(X(a.maxDate), "day");
     }, Se = () => {
-      C.value && (ue(d.value.toDate()) || ue(c.value.toDate())) || (A.value = !1, l(
+      C.value && (me(d.value.toDate()) || me(c.value.toDate())) || (A.value = !1, l(
         "update:modelValue",
         C.value ? [L.value.from, L.value.to].map((q) => q.toDate()) : d.value.toDate()
       ));
-    }, re = (q) => {
+    }, de = (q) => {
       l("update:isIndefinite", q);
     }, Be = (q, J = !0) => {
       if (!C.value) {
-        let pe = X(V.value, "MMMM YYYY").date(q);
+        let pe = X(O.value, "MMMM YYYY").date(q);
         m.value = q, d.value = pe, f.value = null, c.value = null, Se();
         return;
       }
@@ -7784,7 +7792,7 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
       var J, Y, pe;
       const q = C.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
       s.value = X(q), y.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 = ((pe = c.value) == null ? void 0 : pe.month()) === s.value.month() ? c.value.date() : void 0);
-    }, Oe = (q) => {
+    }, Ve = (q) => {
       const J = q + 11, Y = [];
       for (; q <= J; )
         Y.push(q++);
@@ -7794,7 +7802,7 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
       class: v(["p-6 w-fit rounded flex flex-col gap-y-7", e.position === "floating" ? "shadow-normal bg-white" : ""])
     }, [
       n("div", ac, [
-        p(o(se), {
+        p(o(re), {
           modelValue: I.value,
           "onUpdate:modelValue": J[1] || (J[1] = (Y) => I.value = Y),
           distance: 10,
@@ -7820,11 +7828,11 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
                 p(o(K), {
                   "left-icon": "chevron-right",
                   "is-transparent": "",
-                  onClick: ce
+                  onClick: ue
                 })
               ]),
               j.value ? (t(), i("div", rc, [
-                (t(!0), i(N, null, R(Oe(b.value - 11), (Y) => (t(), i("div", {
+                (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
@@ -7835,7 +7843,7 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
                 (t(), i(N, null, R(B, (Y, pe) => 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": O.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": V.value === Y
                   }]),
                   onClick: (Me) => _(pe)
                 }, w(Y), 11, uc)), 64))
@@ -7845,8 +7853,8 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
           default: S(() => [
             n("span", {
               class: v([[k.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
-              onClick: ve(ge, ["stop"])
-            }, w(V.value), 3)
+              onClick: se(ge, ["stop"])
+            }, w(O.value), 3)
           ]),
           _: 1
         }, 8, ["modelValue"]),
@@ -7875,7 +7883,7 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
             key: Y,
             class: v(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
               ke(Y) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
-              ue(Y) ? "pointer-events-none opacity-[.35]" : "",
+              me(Y) ? "pointer-events-none opacity-[.35]" : "",
               C.value ? {
                 ...be(Y) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
@@ -7896,7 +7904,7 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
             modelValue: k.value,
             "onUpdate:modelValue": [
               J[3] || (J[3] = (Y) => k.value = Y),
-              re
+              de
             ],
             label: e.inDefiniteLabel
           }, null, 8, ["modelValue", "label"])
@@ -8033,8 +8041,8 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       d.value = h, a("update:modelValue", h ? "Indefinite" : null);
     }, I = (h, B) => {
       var b;
-      const V = X(h, l.dateFormat, !0);
-      m.value[B] = V.format(l.dateFormat), m.value[B ? 0 : 1] = ((b = l.modelValue) == null ? void 0 : b[B ? 0 : 1]) || X().format(l.dateFormat);
+      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) => !X(h, l.dateFormat).isValid())) {
@@ -8046,27 +8054,27 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         )), a("update:modelValue", m.value), m.value = [];
       }
     };
-    return (h, B) => (t(), x(o(se), {
+    return (h, B) => (t(), x(o(re), {
       modelValue: s.value,
-      "onUpdate:modelValue": B[3] || (B[3] = (V) => s.value = V),
+      "onUpdate:modelValue": B[3] || (B[3] = (O) => s.value = O),
       "is-disabled": e.disabled,
       placement: e.placement,
       distance: 10,
       class: "w-full"
     }, {
-      menu: S(({ isPopoverOpen: V }) => [
+      menu: S(({ isPopoverOpen: O }) => [
         $(h.$slots, "menu", {
-          isPopoverOpen: V,
+          isPopoverOpen: O,
           updateCalendar: g,
           resetCalendar: k
         }, () => {
-          var b, O;
+          var b, V;
           return [
             f.value ? (t(), x(o(Cm), {
               key: 0,
               "model-value": {
                 start: (b = e.modelValue) == null ? void 0 : b[0],
-                end: (O = e.modelValue) == null ? void 0 : O[1]
+                end: (V = e.modelValue) == null ? void 0 : V[1]
               },
               shortcuts: e.shortcuts,
               "count-calendars": e.countCalendars,
@@ -8076,7 +8084,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
               "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 && V ? (t(), x(o(gc), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && O ? (t(), x(o(gc), {
               key: 1,
               "model-value": y.value ? y.value.toDate() : /* @__PURE__ */ new Date(),
               "disabled-date": d.value ? A : e.disabledDate,
@@ -8121,7 +8129,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       "focused-shadow": s.value && !e.disabled
                     }
                   ]]),
-                  onClick: B[2] || (B[2] = (V) => s.value ? V.stopPropagation : null)
+                  onClick: B[2] || (B[2] = (O) => s.value ? O.stopPropagation : null)
                 }, [
                   n("div", hc, [
                     p(o(T), {
@@ -8132,7 +8140,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       placeholder: "Start date",
                       value: y.value[0] ? y.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: B[0] || (B[0] = (V) => I(V.target.value, 0)),
+                      onInput: B[0] || (B[0] = (O) => I(O.target.value, 0)),
                       onKeydown: Ye(C, ["enter"]),
                       onBlur: C
                     }, null, 40, bc)
@@ -8143,7 +8151,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       placeholder: "End date",
                       value: y.value[1] ? y.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: B[1] || (B[1] = (V) => I(V.target.value, 1)),
+                      onInput: B[1] || (B[1] = (O) => I(O.target.value, 1)),
                       onKeydown: Ye(C, ["enter"]),
                       onBlur: C
                     }, null, 40, kc),
@@ -8152,7 +8160,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       width: "16",
                       height: "16",
                       name: "filled-x-circle",
-                      onClick: ve(k, ["stop"])
+                      onClick: se(k, ["stop"])
                     }, null, 8, ["class"])
                   ])
                 ], 2)
@@ -8168,7 +8176,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
 }, Sc = { class: "flex flex-wrap w-full" }, Cc = {
   key: 0,
   class: "flex items-center w-full mb-2 text-sm font-medium gap-x-3 text-oc-text-400"
-}, Bc = { class: "flex items-center gap-x-1" }, Oc = ["min", "max", "value"], Vc = ["min", "max", "value"], Ic = { class: "absolute bottom-0 left-0" }, Tc = { class: "absolute bottom-0 right-0" }, Dc = { class: "w-[15%] -mt-4 px-2" }, Ac = {
+}, Bc = { class: "flex items-center gap-x-1" }, Vc = ["min", "max", "value"], Oc = ["min", "max", "value"], Ic = { class: "absolute bottom-0 left-0" }, Tc = { class: "absolute bottom-0 right-0" }, Dc = { class: "w-[15%] -mt-4 px-2" }, Ac = {
   __name: "OcSlider",
   props: {
     maxLimit: {
@@ -8208,10 +8216,10 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       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, V, b;
+      var h, B, O, b;
       f.value = (((h = d.value) == null ? void 0 : h.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, y.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) ${y.value}%, var(--oc-gray-100) ${y.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || s(
         "update:modelValue",
-        l.type === "range" ? [(V = d.value) == null ? void 0 : V.value, (b = c.value) == null ? void 0 : b.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();
@@ -8221,7 +8229,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     return r({
       updateSlider: I
     }), $e(() => I()), (C, h) => {
-      var B, V, b, O;
+      var B, O, b, V;
       return t(), i("div", Sc, [
         e.label ? (t(), i("label", Cc, [
           n("span", Bc, w(e.label), 1)
@@ -8245,7 +8253,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             max: e.maxLimit,
             value: e.type === "range" ? (B = e.modelValue) == null ? void 0 : B[0] : e.modelValue,
             onInput: g
-          }, null, 40, Oc),
+          }, null, 40, Vc),
           e.type === "range" ? (t(), i("input", {
             key: 0,
             ref_key: "sliderTwo",
@@ -8253,9 +8261,9 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: (V = e.modelValue) == null ? void 0 : V[1],
+            value: (O = e.modelValue) == null ? void 0 : O[1],
             onInput: k
-          }, null, 40, Vc)) : u("", !0),
+          }, null, 40, Oc)) : 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]",
@@ -8265,7 +8273,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             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 - y.value}%`)
-          }, w((O = e.modelValue) == null ? void 0 : O[1]), 5)) : u("", !0),
+          }, w((V = e.modelValue) == null ? void 0 : V[1]), 5)) : u("", !0),
           n("span", Ic, [
             $(C.$slots, "min-limit-label", {}, () => [
               W(w(e.minLimit), 1)
@@ -8348,7 +8356,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         e.errorMessage ? (t(), i("div", Ec, w(e.errorMessage), 1)) : u("", !0)
       ]),
       $(s.$slots, "actions", {}, () => [
-        e.isToggle ? (t(), x(o(Vt), F({
+        e.isToggle ? (t(), x(o(Ot), F({
           key: 0,
           "model-value": e.modelValue
         }, e.toggleProps, {
@@ -8555,7 +8563,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
           key: 1,
           class: v(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100", e.imageClasses])
         }, [
-          p(o(se), {
+          p(o(re), {
             modelValue: s.value,
             "onUpdate:modelValue": g[6] || (g[6] = (j) => s.value = j),
             placement: "bottom-end",
@@ -8712,11 +8720,11 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       P.preventDefault();
       const D = P.dataTransfer.files;
       j({ target: { files: D } }, a.format === "object");
-    }, V = () => {
+    }, O = () => {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
     }, 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]);
-    }, O = async (P) => {
+    }, V = async (P) => {
       if (P)
         try {
           const D = await fetch(P, { method: "HEAD" });
@@ -8739,7 +8747,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         $(P.$slots, "hint")
       ]),
       default: S(() => {
-        var U, H, G, _, ee, oe, ce, ge, ke, be, ue, Se, re, Be, Ce;
+        var U, H, G, _, ee, oe, ue, ge, ke, be, me, Se, de, Be, Ce;
         return [
           e.isImageOnly ? (t(), x(Xc, {
             key: 0,
@@ -8753,8 +8761,8 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), i(N, { key: 1 }, [
             p(o(K), F(e.buttonUploadProps, {
               onClick: D[2] || (D[2] = (Q) => {
-                var Oe;
-                return (Oe = s.value) == null ? void 0 : Oe.click();
+                var Ve;
+                return (Ve = s.value) == null ? void 0 : Ve.click();
               })
             }), null, 16),
             n("input", {
@@ -8781,18 +8789,18 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                   src: C.value
                 }, null, 8, lu)) : (t(), i("img", {
                   key: 1,
-                  src: (ce = h.value) == null ? void 0 : ce.fileUrl
+                  src: (ue = h.value) == null ? void 0 : ue.fileUrl
                 }, null, 8, au)),
-                p(o(se), {
+                p(o(re), {
                   modelValue: y.value,
                   "onUpdate:modelValue": D[13] || (D[13] = (Q) => y.value = Q),
                   class: "absolute top-3 right-3"
                 }, {
                   menu: S(() => {
-                    var Q, Oe;
+                    var Q, Ve;
                     return [
                       n("div", nu, [
-                        !((Oe = (Q = h.value) == null ? void 0 : Q.file) != null && Oe.type.includes("video")) && e.allowToEdit ? (t(), i("div", {
+                        !((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",
                           onClick: L
@@ -8850,13 +8858,13 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                   ]),
                   n("div", {
                     class: v([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
-                  }, w((ue = h.value) == null ? void 0 : ue.fileName), 3)
+                  }, w((me = h.value) == null ? void 0 : me.fileName), 3)
                 ]),
                 n("div", ru, [
                   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", du, w(((re = h.value) == null ? void 0 : re.progress) || 0) + "% ", 1),
+                    n("span", du, w(((de = h.value) == null ? void 0 : de.progress) || 0) + "% ", 1),
                     n("div", cu, [
                       n("div", {
                         class: "h-2 bg-oc-primary transition-all duration-100",
@@ -8885,7 +8893,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                     "onUpdate:modelValue": D[4] || (D[4] = (Q) => d.value = Q),
                     "error-message": d.value && !m.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: D[5] || (D[5] = (Q) => O(d.value))
+                    onBlur: D[5] || (D[5] = (Q) => V(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   p(o(xe), {
                     modelValue: c.value,
@@ -8896,7 +8904,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                     class: "flex-shrink-0",
                     label: "OK",
                     disabled: "",
-                    onClick: V
+                    onClick: O
                   })
                 ], 64)) : u("", !0),
                 n("div", {
@@ -8909,7 +8917,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                   onDragenter: D[8] || (D[8] = (Q) => f.value = !0),
                   onDragleave: D[9] || (D[9] = (Q) => f.value = !1),
                   onDrop: B,
-                  onDragover: D[10] || (D[10] = ve(() => {
+                  onDragover: D[10] || (D[10] = se(() => {
                   }, ["prevent"]))
                 }, [
                   n("span", _c, w(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
@@ -8985,37 +8993,37 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     const a = e, l = r, s = M([]), d = M(!1), c = M(""), m = M({}), f = z(() => a.uploadedImages[c.value].fileUrl), y = M(!1), g = M(""), k = (b) => {
       y.value = !0, g.value = b;
     }, A = M(!1), j = () => {
-      const b = a.uploadedImages.find((O, L) => L === g.value);
+      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((O, L) => L !== g.value)
+        a.uploadedImages.filter((V, L) => L !== g.value)
       ), y.value = !1;
-    }, I = ({ url: b, cropper: O }) => {
+    }, I = ({ url: b, cropper: V }) => {
       const L = a.uploadedImages[c.value];
-      L.fileUrl = b, L.fileName = Date.now(), l("onEditImage", { ...L, index: c.value, cropper: O }), d.value = !1, c.value = "", m.value = {};
+      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 O = a.uploadedImages[c.value];
+      let V = a.uploadedImages[c.value];
       Object.keys(b).forEach((L) => {
-        O[L] = b[L];
+        V[L] = b[L];
       }), l("update:uploadedImages", a.uploadedImages);
     }, h = (b) => {
-      let O = a.uploadedImages.length + b.target.files.length > a.maxImages;
-      if (a.maxImages && O) {
-        l("onMaxFileExceed", O);
+      let V = a.uploadedImages.length + b.target.files.length > a.maxImages;
+      if (a.maxImages && V) {
+        l("onMaxFileExceed", V);
         return;
       }
       l("change", b);
     }, B = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), V = (b, O) => {
+    ), O = (b, V) => {
       var L;
       c.value = b, (L = a.inputOptions) == null || L.forEach((E) => {
-        m.value[E] = O[E], E === "caption" && (m.value.caption_variant = O.caption_variant);
+        m.value[E] = V[E], E === "caption" && (m.value.caption_variant = V.caption_variant);
       }), s[b] = !1, d.value = !0;
     };
-    return (b, O) => (t(), i("div", uu, [
+    return (b, V) => (t(), i("div", uu, [
       B.value ? (t(), i("label", mu, [
         n("div", fu, [
           p(o(T), { name: "plus" })
@@ -9036,7 +9044,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: ie(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": O[0] || (O[0] = (L) => e.isDisabled ? null : b.$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", {
@@ -9048,7 +9056,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             style: ie(`background-image: url(${E.fileUrl})`),
             onClick: (D) => b.$emit("update:selectedImage", E)
           }, [
-            e.isDisabled ? u("", !0) : (t(), x(o(se), {
+            e.isDisabled ? u("", !0) : (t(), x(o(re), {
               key: 0,
               modelValue: s.value[P],
               "onUpdate:modelValue": (D) => s.value[P] = D,
@@ -9064,14 +9072,14 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                   n("div", pu, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
-                      onClick: (D) => V(P, E)
+                      onClick: (D) => O(P, E)
                     }, [
                       p(o(T), {
                         width: "16",
                         height: "16",
                         name: "pencil"
                       }),
-                      O[4] || (O[4] = n("span", null, "Edit Image", -1))
+                      V[4] || (V[4] = n("span", null, "Edit Image", -1))
                     ], 8, yu),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -9084,7 +9092,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                         height: "16",
                         name: "bin"
                       }),
-                      O[5] || (O[5] = n("span", null, "Delete", -1))
+                      V[5] || (V[5] = n("span", null, "Delete", -1))
                     ], 8, xu)
                   ])
                 ])
@@ -9124,11 +9132,11 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       d.value ? (t(), x(o(dt), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": O[1] || (O[1] = (L) => d.value = L),
+        "onUpdate:modelValue": V[1] || (V[1] = (L) => d.value = L),
         img: f.value,
         "input-options": e.inputOptions,
         "input-option-values": m.value,
-        onClose: O[2] || (O[2] = () => {
+        onClose: V[2] || (V[2] = () => {
           d.value = !1, c.value = "";
         }),
         onChangeImage: I,
@@ -9136,13 +9144,13 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : u("", !0),
       p(o(sm), {
         modelValue: y.value,
-        "onUpdate:modelValue": O[3] || (O[3] = (L) => y.value = L),
+        "onUpdate:modelValue": V[3] || (V[3] = (L) => y.value = L),
         description: "Do you want to delete this image ?",
         onConfirm: j
       }, null, 8, ["modelValue"])
     ]));
   }
-}, ku = { class: "flex flex-col gap-y-2" }, $u = ["accept"], Su = { class: "input-file-uploaded flex flex-col gap-y-3" }, Cu = { class: "flex items-center gap-x-3" }, Bu = { class: "flex flex-col items-center justify-center text-oc-text-300" }, Ou = { class: "uppercase text-[8px] font-bold leading-none block" }, Vu = { class: "text-oc-text-400 text-sm" }, Iu = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, Tu = ["accept"], Du = {
+}, ku = { class: "flex flex-col gap-y-2" }, $u = ["accept"], Su = { class: "input-file-uploaded flex flex-col gap-y-3" }, Cu = { class: "flex items-center gap-x-3" }, Bu = { class: "flex flex-col items-center justify-center text-oc-text-300" }, Vu = { class: "uppercase text-[8px] font-bold leading-none block" }, Ou = { class: "text-oc-text-400 text-sm" }, Iu = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, Tu = ["accept"], Du = {
   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"
 }, Au = { key: 0 }, ju = { key: 1 }, Mu = {
@@ -9304,9 +9312,9 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Ou, w(h.extension), 1)
+                    n("span", Vu, w(h.extension), 1)
                   ]),
-                  n("span", Vu, w(h == null ? void 0 : h.fileName), 1)
+                  n("span", Ou, w(h == null ? void 0 : h.fileName), 1)
                 ]),
                 c.value ? (t(), i("div", {
                   key: 0,
@@ -9328,7 +9336,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                     "on-enable-delete": h.progress === 100 && c.value,
                     "opacity-100": !c.value
                   }]),
-                  onClick: (V) => A(B)
+                  onClick: (O) => A(B)
                 }, null, 8, ["class", "onClick"]))
               ]))), 128))
             ]),
@@ -9491,10 +9499,10 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     }, f = (j) => {
       s.isAttachToBody && !s.preventClickOutside && d.value.checkElementIsInsidePopper(j.target) || s.modelValue && !s.preventClickOutside && l("update:modelValue", !1);
     }, y = M(), g = M(0);
-    me(() => s.modelValue, async () => {
+    fe(() => s.modelValue, async () => {
       var b;
-      const j = window.innerHeight || document.documentElement.clientHeight, I = y.value.getBoundingClientRect().top, C = j - y.value.getBoundingClientRect().bottom, h = Math.max(I, C), V = h - (2 + (h === I ? 2.5 : 0)) * 16;
-      g.value = V > 0 ? V : 0, (b = d.value.popperInstance) == null || b.update();
+      const j = window.innerHeight || document.documentElement.clientHeight, I = y.value.getBoundingClientRect().top, C = j - y.value.getBoundingClientRect().bottom, h = Math.max(I, C), O = h - (2 + (h === I ? 2.5 : 0)) * 16;
+      g.value = O > 0 ? O : 0, (b = d.value.popperInstance) == null || b.update();
     }), r({
       dropdownScroll: c,
       toggleDropdown: m,
@@ -9503,12 +9511,12 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     const A = M(!1);
     return $e(() => {
       y.value.closest("#modal-overlay-wrapper") && (A.value = !0);
-    }), (j, I) => Ve((t(), i("span", {
+    }), (j, I) => Oe((t(), i("span", {
       ref_key: "parentElement",
       ref: y,
       class: "flex w-[inherit]"
     }, [
-      p(o(Ot), {
+      p(o(Vt), {
         ref_key: "popper",
         ref: d,
         placement: e.placement,
@@ -9525,7 +9533,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         popper: S(() => [
           p(Ae, { name: "dropdown-fade" }, {
             default: S(() => [
-              Ve(n("div", {
+              Oe(n("div", {
                 ref_key: "dropdownScroll",
                 ref: c,
                 class: v([e.menuClasses, "rounded bg-oc-bg-light shadow min-w-[162px] overflow-y-auto"]),
@@ -9556,7 +9564,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       [o(st), f]
     ]);
   }
-}, se = /* @__PURE__ */ ye(zu, [["__scopeId", "data-v-43e27395"]]), Ru = { class: "flex items-center justify-between gap-x-3 p-3" }, Fu = { class: "flex items-center gap-x-3" }, Uu = {
+}, re = /* @__PURE__ */ ye(zu, [["__scopeId", "data-v-43e27395"]]), Ru = { class: "flex items-center justify-between gap-x-3 p-3" }, Fu = { class: "flex items-center gap-x-3" }, Uu = {
   key: 0,
   class: "bg-oc-warning-50 text-oc-warning shrink-0 px-2 rounded-sm uppercase text-xs font-medium"
 }, qu = {
@@ -9689,8 +9697,8 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     const f = () => {
       a.value && m();
     };
-    return (y, g) => Ve((t(), i("span", Wu, [
-      p(o(Ot), {
+    return (y, g) => Oe((t(), i("span", Wu, [
+      p(o(Vt), {
         ref_key: "popper",
         ref: d,
         placement: e.position,
@@ -9702,7 +9710,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         popper: S(() => [
           p(Ae, { name: e.transitionName }, {
             default: S(() => [
-              Ve(n("div", {
+              Oe(n("div", {
                 ref_key: "popperBodyEl",
                 ref: s,
                 class: v(["oc-tooltip", e.popperClass])
@@ -9824,7 +9832,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       var k;
       (k = f.value) == null || k.click();
     };
-    return me(
+    return fe(
       () => a.modelValue,
       () => {
         setTimeout(() => {
@@ -10176,7 +10184,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       arrowHidden: !0
     };
     return (a, l) => (t(), i("div", rm, [
-      p(o(se), {
+      p(o(re), {
         "model-value": e.modelValue,
         "popper-options": r,
         placement: "top-end",
@@ -10323,7 +10331,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
           n("div", wm, [
             n("div", km, [
               W(w(e.title) + " ", 1),
-              e.tagOptions ? (t(), x(o(Kt), fe(F({ key: 0 }, e.tagOptions)), null, 16)) : u("", !0)
+              e.tagOptions ? (t(), x(o(Kt), ve(F({ key: 0 }, e.tagOptions)), null, 16)) : u("", !0)
             ]),
             n("span", $m, w(e.description), 1)
           ]),
@@ -10380,8 +10388,8 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
   },
   emits: ["onUpdate"],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = (b, O) => {
-      l("onUpdate", b, O);
+    const a = e, l = r, s = (b, V) => {
+      l("onUpdate", b, V);
     }, d = {
       CardInput: hr,
       CheckboxesGroup: kr,
@@ -10390,9 +10398,9 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       LinkInput: gd,
       Select: od,
       TextArea: xd,
-      Toggle: Vt,
+      Toggle: Ot,
       RadioGroup: Kr,
-      TimePicker: Om,
+      TimePicker: Vm,
       DatePicker: $c,
       Checkbox: Te,
       Slider: Nt,
@@ -10402,39 +10410,39 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       SelectOptions: qc
     }, c = (b) => d[b] ? d[b] : null, m = z(() => {
       const b = (L) => L.split(`
-`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), O = {};
+`).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]) => {
-          O[`--grid-${L}-${P}`] = P === "area" ? b(D) : D;
+          V[`--grid-${L}-${P}`] = P === "area" ? b(D) : D;
         });
-      }), O;
+      }), V;
     }), f = (b) => typeof b == "object" ? b[0].key : b, y = (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((O) => {
+      a.jsonForm.forEach((V) => {
         var L;
-        if (typeof O.name == "object") {
+        if (typeof V.name == "object") {
           let E = null;
-          O.name.forEach((P) => {
+          V.name.forEach((P) => {
             b[P.key] && (E ? E.push(b[P.key]) : E = [b[P.key]]);
-          }), k.value[I(O.name)] = E, V(O);
+          }), k.value[I(V.name)] = E, O(V);
         } else
-          (L = O.props) != null && L.parentKey ? (k.value[O.props.parentKey] = b[O.props.parentKey] ?? {}, k.value[O.props.parentKey][O.name] = b[O.props.parentKey][O.name] ?? "") : k.value[O.name] = b[O.name] ?? "", V(O);
+          (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((b) => {
         if (typeof b.name == "object") {
-          let O = [];
+          let V = [];
           b.name.forEach((L) => {
-            a.errors[L.key] && O.push(a.errors[L.key]);
-          }), A.value[I(b.name)] = O.join(",");
+            a.errors[L.key] && V.push(a.errors[L.key]);
+          }), A.value[I(b.name)] = V.join(",");
         } else
           A.value[b.name] = a.errors[b.name] ?? "";
       });
     }, B = z(() => ({
       ...a.logicValues,
       ...k.value
-    })), V = (b) => {
+    })), O = (b) => {
       if (b.show_if || b.show_if_preview) {
-        let O = b.class ? b.class : "";
+        let V = b.class ? b.class : "";
         if (b.show_if)
           if (b.show_if_value !== void 0)
             if (Array.isArray(b.show_if_value)) {
@@ -10442,15 +10450,15 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
               b.show_if.forEach((E, P) => {
                 var D;
                 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) && (O = O + " hidden");
-            } else b.show_if_value !== B.value[b.show_if] && (O = O + " hidden");
-          else b.show_if_not !== void 0 ? b.show_if_not === B.value[b.show_if] && (O = O + " 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) && (O = O + " hidden");
-        else b.show_if_preview && (b.show_if_preview_only !== void 0 ? b.show_if_preview_only !== a.previewMode && (O = O + " hidden") : b.show_if_preview_not !== void 0 && b.show_if_preview_not === a.previewMode && (O = O + " hidden"));
-        typeof b.name == "object" ? j.value[I(b.name)] = O : j.value[b.name] = O;
+              }), (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[b.name] = b.class ? b.class : "";
     };
-    return me(
+    return fe(
       () => a.values,
       (b) => {
         C(b);
@@ -10458,7 +10466,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       {
         deep: !0
       }
-    ), me(
+    ), fe(
       () => a.logicValues,
       () => {
         C(a.values);
@@ -10466,7 +10474,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       {
         deep: !0
       }
-    ), me(
+    ), fe(
       () => a.errors,
       (b) => {
         h();
@@ -10474,14 +10482,14 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       {
         deep: !0
       }
-    ), me(
+    ), fe(
       () => a.previewMode,
       () => {
         C(a.values);
       }
     ), $e(() => {
       C(a.values), h(a.errors);
-    }), (b, O) => 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 : "")
@@ -10515,16 +10523,16 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Uf = de(() => import("./OcDataTable-BOOcW2gH.js")), qf = de(() => import("./OcFilterSearch-D6Oh4Vbd.js")), Hf = de(() => import("./OcFilterSearchFor-CknteDrO.js")), Yf = de(() => import("./OcFilterForm-Btc9rP4W.js")), Cm = de(
-  () => import("./OcComplexCalendar-Bpz_E3x5.js")
-), Wf = de(
-  () => import("./OcComplexDatePicker-VrfzzlYs.js")
-), dt = de(() => import("./OcModalCropper-BRNZvi4Y.js")), Kf = de(() => import("./OcCropper-CCf97Pam.js")), Bm = de(() => import("./OcDraggable-DRsp4j4e.js")), Gf = de(() => import("./OcDraggableList-BC7Fe18o.js")), Xf = de(() => import("./OcEmojiPicker-C0k4r440.js")), Jf = de(
-  () => import("./ThumbnailTheme-CH0h_y_S.js")
-), Zf = de(
-  () => import("./ThumbnailSection-Z9lFGL_L.js")
-), Qf = de(() => import("./SubPlanCard-JktUvdQq.js")), _f = de(() => import("./OcTimePopup-CrwbZ_Nx.js")), Om = de(() => import("./OcTimePicker-DECsVh0p.js")), ev = de(
-  () => import("./OcAccountSetupProgress-D48JsFoN.js")
+}, Uf = ce(() => import("./OcDataTable-Ba2vClWe.js")), qf = ce(() => import("./OcFilterSearch-B02WMHub.js")), Hf = ce(() => import("./OcFilterSearchFor-B1Pil-K3.js")), Yf = ce(() => import("./OcFilterForm-DlHESBlu.js")), Cm = ce(
+  () => import("./OcComplexCalendar-DBx25a5-.js")
+), Wf = ce(
+  () => import("./OcComplexDatePicker-CRf6MxOX.js")
+), dt = ce(() => import("./OcModalCropper-B8cE2SqY.js")), Kf = ce(() => import("./OcCropper-D1hXuCbl.js")), Bm = ce(() => import("./OcDraggable-DRsp4j4e.js")), Gf = ce(() => import("./OcDraggableList-Bri7Yu2u.js")), Xf = ce(() => import("./OcEmojiPicker-BgTqBYCH.js")), Jf = ce(
+  () => import("./ThumbnailTheme-DlrWURkb.js")
+), Zf = ce(
+  () => import("./ThumbnailSection-O8OoYcHD.js")
+), Qf = ce(() => import("./SubPlanCard-vq-CzZj9.js")), _f = ce(() => import("./OcTimePopup-CrwbZ_Nx.js")), Vm = ce(() => import("./OcTimePicker-CvHr6hRx.js")), ev = ce(
+  () => import("./OcAccountSetupProgress-B8tR1mDq.js")
 );
 export {
   sf as $,
@@ -10560,8 +10568,8 @@ export {
   ti as a1,
   $f as a2,
   Jo as a3,
-  Vf as a4,
-  Of as a5,
+  Of as a4,
+  Vf as a5,
   kf as a6,
   Sf as a7,
   cf as a8,
@@ -10588,7 +10596,7 @@ export {
   Jf as aT,
   Zf as aU,
   Qf as aV,
-  Om as aW,
+  Vm as aW,
   ev as aX,
   mf as aa,
   ff as ab,
@@ -10615,7 +10623,7 @@ export {
   Tf as aw,
   sm as ax,
   je as ay,
-  se as az,
+  re as az,
   kr as b,
   jf as c,
   xe as d,