@orchidui/core 1.1.31-3 → 1.1.31-5

package/dist/{index-x2_0E7ER.js → index-CJLQFkQk.js}

@@ -1,6 +1,6 @@
 import { computed as z, ref as M, onMounted as Ce, openBlock as t, createElementBlock as s, normalizeClass as f, renderSlot as S, createCommentVNode as m, createElementVNode as n, createBlock as p, unref as i, Fragment as L, renderList as R, withCtx as w, createTextVNode as W, toDisplayString as $, createVNode as x, mergeProps as F, normalizeProps as ue, guardReactiveProps as Ie, withModifiers as ye, defineComponent as Z, normalizeStyle as re, createSlots as te, useSlots as ht, onBeforeUnmount as zt, withDirectives as Te, vShow as ze, resolveDynamicComponent as bt, watch as ve, onUpdated as Nt, nextTick as Ye, reactive as Rt, Transition as je, useAttrs as Ft, withKeys as Ue, Teleport as Ut, onUnmounted as qt, defineAsyncComponent as de } from "vue";
 import { S as Se } from "./OcSkeleton-CvdpGSQR.js";
-import { _ as T } from "./OcIcon-CJgBICxh.js";
+import { _ as I } from "./OcIcon-CJgBICxh.js";
 import { clickOutside as wt } from "./directives/clickOutside.js";
 import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as $t } from "./OcPopper-C11OgQAj.js";
@@ -55,8 +55,7 @@ const Gt = {
   emits: {
     "click:row": [],
     "update:selected": [],
-    "hover:cell": [],
-    "click:row-meta": []
+    "hover:cell": []
   },
   setup(e, { emit: r }) {
     const a = e, l = r, o = z(() => a.options.isSelectable), d = z(() => a.options.isCursorPointer ?? !0), c = z(() => a.options.fields), u = z(() => a.options.headers), v = z(
@@ -69,30 +68,21 @@ const Gt = {
         l("update:selected", g);
       }
     }), y = (g) => {
-      b.value.find((C) => v.value(C) === v.value(g)) ? b.value = b.value.filter(
-        (C) => v.value(C) !== v.value(g)
+      b.value.find((V) => v.value(V) === v.value(g)) ? b.value = b.value.filter(
+        (V) => v.value(V) !== v.value(g)
       ) : b.value = [...b.value, g];
     }, h = () => {
       const g = b.value.length === c.value.length;
       b.value = g ? [] : [...c.value];
-    }, O = z(() => typeof a.rowClass == "function" ? (g, I) => a.rowClass(g, I) : () => a.rowClass), D = (g, I, C) => {
-      if (!I.disableClickRow && I.key !== "actions") {
-        if (C.metaKey) {
-          l("click:row-meta", {
-            field: g,
-            header: I
-          });
-          return;
-        }
-        l("click:row", {
-          field: g,
-          header: I
-        });
-      }
-    }, V = M(!0), j = M(!0), k = M(), B = () => {
-      a.isSticky && (V.value = k.value.scrollLeft === 0, j.value = k.value.scrollLeft + k.value.clientWidth === k.value.scrollWidth);
+    }, O = z(() => typeof a.rowClass == "function" ? (g, T) => a.rowClass(g, T) : () => a.rowClass), D = (g, T) => {
+      !T.disableClickRow && T.key !== "actions" && l("click:row", {
+        field: g,
+        header: T
+      });
+    }, C = M(!0), j = M(!0), k = M(), B = () => {
+      a.isSticky && (C.value = k.value.scrollLeft === 0, j.value = k.value.scrollLeft + k.value.clientWidth === k.value.scrollWidth);
     };
-    return Ce(() => B()), (g, I) => (t(), s("div", {
+    return Ce(() => B()), (g, T) => (t(), s("div", {
       ref_key: "scrollTable",
       ref: k,
       class: f(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -129,31 +119,31 @@ const Gt = {
             "is-checked": b.value.length === c.value.length && b.value.length > 0,
             onSelectAll: h
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : m("", !0),
-          (t(!0), s(L, null, R(u.value, (C) => (t(), p(i(st), {
-            key: C.key,
-            text: C.label,
+          (t(!0), s(L, null, R(u.value, (V) => (t(), p(i(st), {
+            key: V.key,
+            text: V.label,
             "is-loading": e.isLoading,
-            variant: C.headerVariant,
+            variant: V.headerVariant,
             "is-sticky": e.isSticky,
             class: f([[
               e.isSticky || e.isResponsive ? "flex md:min-h-auto" : "hidden md:flex",
-              C.stickyLeft && o.value ? "left-[40px] md:left-[32px]" : "left-0",
-              C.stickyRight ? "right-0" : "",
-              typeof C.class == "function" ? C.class() : C.class,
-              C.stickyLeft || C.stickyRight ? "sticky shrink-0 z-10" : "",
-              C.stickyLeft && !V.value ? "shadow-right-sticky" : "",
-              C.stickyRight && !j.value ? "shadow-left-sticky" : ""
+              V.stickyLeft && o.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 && !C.value ? "shadow-right-sticky" : "",
+              V.stickyRight && !j.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"])
           }, {
             default: w(() => [
-              S(g.$slots, `header-${C.key}`)
+              S(g.$slots, `header-${V.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), s(L, { key: 1 }, R(e.loadingRows, (C) => (t(), s("div", {
-        key: C,
+      e.isLoading ? (t(!0), s(L, { key: 1 }, R(e.loadingRows, (V) => (t(), s("div", {
+        key: V,
         class: f(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": o.value,
           "border-b": e.isBorderless
@@ -164,10 +154,10 @@ const Gt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : m("", !0),
         (t(!0), s(L, null, R(u.value, (N, E) => (t(), p(i(Fe), {
-          key: `${E}-${C}`,
+          key: `${E}-${V}`,
           class: f(N.class),
           "is-loading": "",
-          "is-last": C === e.loadingRows
+          "is-last": V === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), s(L, { key: 2 }, [
         S(g.$slots, "table-body", {
@@ -182,8 +172,8 @@ const Gt = {
           rowLink: e.rowLink,
           calculateRowClass: O.value
         }, () => [
-          (t(!0), s(L, null, R(c.value, (C, N) => (t(), s("div", {
-            key: `${v.value(C)}-${N}`,
+          (t(!0), s(L, null, R(c.value, (V, N) => (t(), s("div", {
+            key: `${v.value(V)}-${N}`,
             class: f({
               "border-b": c.value.length !== N + 1,
               "w-max": e.isSticky
@@ -196,7 +186,7 @@ const Gt = {
                   "cursor-pointer": d.value
                 },
                 e.isResponsive ? "w-full" : e.isSticky ? "w-max !p-0" : "flex-wrap md:flex-nowrap",
-                O.value(C, N)
+                O.value(V, N)
               ]])
             }, [
               o.value ? (t(), p(i(Fe), {
@@ -205,43 +195,43 @@ const Gt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === N + 1,
-                "is-selected": b.value.some((E) => v.value(E) === v.value(C)),
+                "is-selected": b.value.some((E) => v.value(E) === v.value(V)),
                 variant: "checkbox",
-                onSelected: (E) => y(C),
-                "onHover:field": I[0] || (I[0] = (E) => g.$emit("hover:cell", E))
+                onSelected: (E) => y(V),
+                "onHover:field": T[0] || (T[0] = (E) => g.$emit("hover:cell", E))
               }, null, 8, ["is-last", "is-selected", "class", "onSelected"])) : m("", !0),
               (t(!0), s(L, null, R(u.value, (E, P) => (t(), p(i(Fe), {
                 key: `${P}-${N}`,
                 class: f(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(C) : E.class,
+                  typeof E.class == "function" ? E.class(V) : E.class,
                   E.stickyLeft && o.value ? "left-[40px] md:left-[32px]" : "left-0",
                   E.stickyRight ? "right-0" : "",
                   E.stickyLeft || E.stickyRight ? "shrink-0 sticky z-10" : "",
-                  E.stickyLeft && !V.value ? "shadow-right-sticky" : "",
+                  E.stickyLeft && !C.value ? "shadow-right-sticky" : "",
                   E.stickyRight && !j.value ? "shadow-left-sticky" : ""
                 ]]),
                 "is-last": c.value.length === N + 1,
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: C[`${E.key}`] ?? "",
+                data: V[`${E.key}`] ?? "",
                 content: {
                   important: E.important ?? !1,
-                  title: C[`${E.title}`],
-                  description: C[`${E.description}`],
-                  href: C[`${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 && C[e.rowLink] ? C[e.rowLink] : "",
-                onClick: (A) => D(C, E, A),
-                "onHover:field": I[1] || (I[1] = (A) => g.$emit("hover:cell", A))
+                link: e.rowLink && V[e.rowLink] ? V[e.rowLink] : "",
+                onClick: (A) => D(V, E),
+                "onHover:field": T[1] || (T[1] = (A) => g.$emit("hover:cell", A))
               }, {
                 default: w(() => [
                   g.$slots[E.key] ? S(g.$slots, E.key, {
                     key: 0,
-                    item: C,
-                    data: C[E.key],
+                    item: V,
+                    data: V[E.key],
                     index: N
                   }) : m("", !0)
                 ]),
@@ -250,7 +240,7 @@ const Gt = {
             ], 2),
             g.$slots.extra ? (t(), s("div", Gt, [
               S(g.$slots, "extra", {
-                item: C,
+                item: V,
                 index: N
               })
             ])) : m("", !0)
@@ -401,7 +391,7 @@ const Gt = {
               "model-value": e.isSelected,
               class: f(["m-auto justify-center items-center", e.isSelected ? "flex" : e.isSimple ? "" : "md:hidden group-hover/row:flex"]),
               "onUpdate:modelValue": u[0] || (u[0] = (b) => c.$emit("selected"))
-            }, null, 8, ["model-value", "class"])) : e.variant === r.ICON ? (t(), p(i(T), {
+            }, null, 8, ["model-value", "class"])) : e.variant === r.ICON ? (t(), p(i(I), {
               key: 1,
               class: "w-6 h-6 mx-auto",
               name: e.data
@@ -425,7 +415,7 @@ const Gt = {
                 class: "h-[42px] mx-auto w-[42px] bg-oc-bg-dark flex items-center justify-center rounded"
               }, {
                 default: w(() => [
-                  x(i(T), {
+                  x(i(I), {
                     width: "20",
                     height: "20",
                     name: "image"
@@ -483,7 +473,7 @@ const Gt = {
             }
           }, {
             default: w(() => [
-              x(i(T), {
+              x(i(I), {
                 class: "cursor-pointer w-5 h-5 group-hover/row:opacity-100 md:opacity-0 ml-2",
                 name: "copy"
               })
@@ -607,7 +597,7 @@ const Gt = {
             class: "w-9",
             onClick: c
           }, [
-            (b = e.row.children) != null && b.length ? (t(), p(i(T), {
+            (b = e.row.children) != null && b.length ? (t(), p(i(I), {
               key: 0,
               name: "chevron-down",
               width: "16",
@@ -632,9 +622,9 @@ const Gt = {
                 data: (D = e.row) == null ? void 0 : D[h == null ? void 0 : h.key],
                 item: e.row
               }, () => {
-                var V, j;
+                var C, j;
                 return [
-                  (V = d.value) != null && V[O] ? (t(), p(i(le), {
+                  (C = d.value) != null && C[O] ? (t(), p(i(le), {
                     key: 0,
                     class: "overflow-hidden w-[-webkit-fill-available]",
                     "arrow-hidden": "",
@@ -670,7 +660,7 @@ const Gt = {
                   n("div", al, $(e.row.infoText), 1)
                 ]),
                 default: w(() => [
-                  e.row.infoText ? (t(), p(i(T), {
+                  e.row.infoText ? (t(), p(i(I), {
                     key: 0,
                     name: "information",
                     width: "16",
@@ -707,10 +697,10 @@ const Gt = {
             value: e.value[h.key],
             depth: e.depth + 1
           }, te({ _: 2 }, [
-            R(u.$slots, (D, V) => ({
-              name: V,
+            R(u.$slots, (D, C) => ({
+              name: C,
               fn: w((j) => [
-                S(u.$slots, V, F({ ref_for: !0 }, j))
+                S(u.$slots, C, F({ ref_for: !0 }, j))
               ])
             }))
           ]), 1032, ["row", "important", "is-alternative", "is-loading", "headers", "value", "depth"]))), 128))
@@ -935,7 +925,7 @@ const Gt = {
         e.isNext ? "flex-row-reverse" : ""
       ]])
     }, [
-      x(i(T), {
+      x(i(I), {
         width: "14",
         height: "14",
         class: f(e.isNext ? "-rotate-90" : "rotate-90"),
@@ -1040,7 +1030,7 @@ const Gt = {
     return (a, l) => (t(), s("div", {
       class: f(["rounded-full p-3 flex items-center justify-center aspect-square", r.value[e.variant]])
     }, [
-      x(i(T), {
+      x(i(I), {
         name: e.icon,
         width: e.width,
         height: e.height
@@ -1106,7 +1096,7 @@ const Gt = {
                 "popper-class": "rounded-sm"
               }, te({
                 default: w(() => [
-                  e.info ? (t(), p(i(T), {
+                  e.info ? (t(), p(i(I), {
                     key: 0,
                     width: "16",
                     height: "16",
@@ -1126,7 +1116,7 @@ const Gt = {
               ]), 1024)
             ]),
             n("div", wl, [
-              e.isCard ? (t(), p(i(T), {
+              e.isCard ? (t(), p(i(I), {
                 key: 0,
                 width: "35",
                 name: "payment-methods/visa"
@@ -1146,7 +1136,7 @@ const Gt = {
                     }, te({
                       default: w(() => [
                         n("div", Sl, [
-                          x(i(T), {
+                          x(i(I), {
                             name: e.percentValue >= 0 ? "triangle-up" : "triangle-down",
                             class: f(e.percentValue >= 0 ? "text-oc-success-500" : "text-oc-error-500"),
                             width: "10",
@@ -1212,7 +1202,7 @@ const Gt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, o) => {
-      var d, c, u, v, b, y, h, O, D, V, j, k, B, g, I, C, N, E, P;
+      var d, c, u, v, b, y, h, O, D, C, j, k, B, g, T, V, N, E, P;
       return t(), s("div", {
         class: f(["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 }])
       }, [
@@ -1229,7 +1219,7 @@ const Gt = {
               onClick: o[0] || (o[0] = (A) => l.$emit("editCustomer", e.customer))
             })
           ], 2)) : m("", !0),
-          e.isClosable ? (t(), p(i(T), {
+          e.isClosable ? (t(), p(i(I), {
             key: 1,
             class: "absolute -right-1.5 -top-1.5 border-1 border-white rounded-full text-gray-500 cursor-pointer transition-all duration-300 hover:text-oc-error",
             name: "filled-x-circle",
@@ -1271,10 +1261,10 @@ const Gt = {
                 key: 2,
                 label: "Address",
                 content: [
-                  ((j = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : j.street) || "",
+                  ((j = (C = e.customer) == null ? void 0 : C.address) == null ? void 0 : j.street) || "",
                   ((B = (k = e.customer) == null ? void 0 : k.address) == null ? void 0 : B.city) || "",
-                  ((I = (g = e.customer) == null ? void 0 : g.address) == null ? void 0 : I.state) || "",
-                  ((N = (C = e.customer) == null ? void 0 : C.address) == null ? void 0 : N.postal_code) || "",
+                  ((T = (g = e.customer) == null ? void 0 : g.address) == null ? void 0 : T.state) || "",
+                  ((N = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : N.postal_code) || "",
                   ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
@@ -1283,7 +1273,7 @@ const Gt = {
             n("div", Ll, [
               x(i(it), { size: 32 }, {
                 default: w(() => [
-                  x(i(T), {
+                  x(i(I), {
                     name: "user-add",
                     width: "16",
                     height: "16"
@@ -1400,7 +1390,7 @@ const Gt = {
           ])
         ]),
         n("div", Yl, [
-          e.icon ? (t(), p(i(T), {
+          e.icon ? (t(), p(i(I), {
             key: 0,
             name: e.icon,
             class: f(e.iconClass)
@@ -1456,7 +1446,7 @@ const Gt = {
               ], 32)
             ]),
             default: w(() => [
-              x(i(T), {
+              x(i(I), {
                 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"))
@@ -1565,13 +1555,13 @@ const Gt = {
           ]),
           S(v.$slots, "right", {}, () => [
             n("div", ca, [
-              x(i(T), {
+              x(i(I), {
                 name: "pencil",
                 class: "cursor-pointer text-oc-text-400 p-2",
                 onClick: b[0] || (b[0] = (h) => v.$emit("edit"))
               }),
               b[2] || (b[2] = n("div", { class: "border-r border-gray-200" }, null, -1)),
-              x(i(T), {
+              x(i(I), {
                 name: "bin",
                 class: "cursor-pointer text-oc-error p-2",
                 onClick: b[1] || (b[1] = (h) => v.$emit("delete"))
@@ -1691,7 +1681,7 @@ const Gt = {
                   S(d.$slots, "menu")
                 ]),
                 default: w(() => [
-                  x(i(T), {
+                  x(i(I), {
                     name: "dots-vertical",
                     class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
                     onClick: ye(o, ["stop"])
@@ -1704,7 +1694,7 @@ const Gt = {
           S(d.$slots, "default", {}, () => [
             e.descriptionIcon || e.description || e.details.length ? (t(), s("div", $a, [
               n("div", ka, [
-                e.descriptionIcon ? (t(), p(i(T), {
+                e.descriptionIcon ? (t(), p(i(I), {
                   key: 0,
                   name: e.descriptionIcon,
                   width: "16",
@@ -1721,7 +1711,7 @@ const Gt = {
                   u.country ? (t(), s("div", {
                     key: 0,
                     class: f(["fi w-[15px] h-[15px] shadow", "fi-" + u.country])
-                  }, null, 2)) : (t(), p(i(T), {
+                  }, null, 2)) : (t(), p(i(I), {
                     key: 1,
                     name: u.icon,
                     width: "16",
@@ -1845,7 +1835,7 @@ const Gt = {
               ]),
               default: w(() => [
                 n("div", Fa, [
-                  x(i(T), {
+                  x(i(I), {
                     class: "text-oc-text-400",
                     name: "dots-vertical"
                   })
@@ -1928,7 +1918,7 @@ const Gt = {
           class: "flex items-center p-3 border-r bg-gray-50 cursor-pointer",
           onClick: d
         }, [
-          x(i(T), {
+          x(i(I), {
             name: o.value ? "chevron-up" : "chevron-down",
             width: "20",
             height: "20",
@@ -1965,19 +1955,19 @@ const Gt = {
           }, () => [
             e.hasActions ? (t(), s("div", tn, [
               n("div", ln, [
-                x(i(T), {
+                x(i(I), {
                   name: "pencil",
                   class: "cursor-pointer text-oc-text-400 p-2",
                   onClick: u[0] || (u[0] = (v) => c.$emit("edit"))
                 }),
                 u[2] || (u[2] = n("div", { class: "border-r border-gray-200" }, null, -1)),
-                x(i(T), {
+                x(i(I), {
                   name: "bin",
                   class: "cursor-pointer text-oc-error p-2",
                   onClick: u[1] || (u[1] = (v) => c.$emit("delete"))
                 })
               ]),
-              e.isDraggable ? (t(), p(i(T), {
+              e.isDraggable ? (t(), p(i(I), {
                 key: 0,
                 name: "draggable",
                 class: "cursor-grab text-oc-text-400",
@@ -2088,7 +2078,7 @@ const Gt = {
         value: e.url
       }, {
         default: w(({ isShow: l }) => [
-          x(i(T), {
+          x(i(I), {
             width: "14",
             height: "14",
             class: f(["cursor-pointer transition-all duration-500 group-hover/url:opacity-100", l ? "opacity-100" : "md:opacity-0"]),
@@ -2139,7 +2129,7 @@ const Gt = {
           value: e.content
         }, {
           default: w(({ isShow: d }) => [
-            x(i(T), {
+            x(i(I), {
               width: "14",
               height: "14",
               class: f(["cursor-pointer transition-all duration-500 group-hover:opacity-100", d ? "opacity-100" : "opacity-0"]),
@@ -2198,7 +2188,7 @@ const Gt = {
             n("div", un, $(e.titleIconTooltip), 1)
           ]),
           default: w(() => [
-            x(i(T), {
+            x(i(I), {
               class: "ml-[3px]",
               name: e.titleIcon,
               width: "16",
@@ -2214,7 +2204,7 @@ const Gt = {
       ]),
       S(l.$slots, "footer"),
       e.isLoading ? (t(), s("div", fn, [
-        x(i(T), {
+        x(i(I), {
           name: "loading-2",
           width: "32",
           height: "32",
@@ -2283,7 +2273,7 @@ const Gt = {
                     "tooltip-options": { strategy: "fixed" }
                   }, {
                     default: w(({ isShow: d }) => [
-                      x(i(T), {
+                      x(i(I), {
                         width: "14",
                         height: "14",
                         class: "cursor-pointer text-oc-text-400",
@@ -2320,7 +2310,7 @@ const Gt = {
                 ]),
                 default: w(() => [
                   n("div", wn, [
-                    x(i(T), {
+                    x(i(I), {
                       name: "dots-vertical",
                       width: "20",
                       height: "20"
@@ -2334,7 +2324,7 @@ const Gt = {
                 class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text",
                 onClick: o[1] || (o[1] = (d) => l.$emit("update:model-value", !1))
               }, [
-                x(i(T), {
+                x(i(I), {
                   name: "x",
                   width: "20",
                   height: "20"
@@ -2388,13 +2378,13 @@ const Gt = {
     return (r, a) => (t(), s("div", Sn, [
       n("div", Cn, [
         e.status === "completed" ? (t(), s("div", Vn, [
-          x(i(T), {
+          x(i(I), {
             name: "check-2",
             width: "12",
             height: "12"
           })
         ])) : e.status === "pending" ? (t(), s("div", On, [
-          x(i(T), {
+          x(i(I), {
             name: "time-filled",
             width: "18",
             height: "18"
@@ -2475,7 +2465,7 @@ const Gt = {
           S(o.$slots, "header", {}, () => [
             W($(e.header), 1)
           ]),
-          e.showIcon ? (t(), p(i(T), {
+          e.showIcon ? (t(), p(i(I), {
             key: 0,
             name: e.icon,
             class: f(["text-oc-text-400 w-4 h-4 shrink-0", [e.isExpandable && "-rotate-180", e.isAnimated && "transition-all duration-300"]])
@@ -2528,7 +2518,7 @@ const Gt = {
     return (c, u) => (t(), s("div", {
       class: f(["rounded-full w-7 h-7 flex items-center justify-center", o[e.variant]])
     }, [
-      a.value ? S(c.$slots, "default", { key: 0 }) : (t(), p(i(T), {
+      a.value ? S(c.$slots, "default", { key: 0 }) : (t(), p(i(I), {
         key: 1,
         width: d[e.variant],
         height: d[e.variant],
@@ -2580,7 +2570,7 @@ const Gt = {
           ])
         ]),
         S(d.$slots, "button-group"),
-        x(i(T), {
+        x(i(I), {
           name: "chevron-down",
           class: f(["text-oc-text-400 transition duration-300", a.value ? "rotate-180" : ""])
         }, null, 8, ["class"])
@@ -2623,16 +2613,16 @@ const Gt = {
       b.value ? o.value = Math.round(d.value.clientHeight / ft) : o.value = Math.round(d.value.clientWidth / mt);
     }, h = (D) => {
       var k;
-      const V = D === "left" ? --u.value : ++u.value, j = (k = a.tabs[V]) == null ? void 0 : k.value;
+      const C = D === "left" ? --u.value : ++u.value, j = (k = a.tabs[C]) == null ? void 0 : k.value;
       j !== void 0 && c("update:modelValue", j);
     }, O = () => {
-      const D = a.tabs.findIndex((V) => V.value === a.modelValue);
+      const D = a.tabs.findIndex((C) => C.value === a.modelValue);
       D > -1 && Ye(() => {
         var j;
         y(), l.value = D;
-        const V = {};
-        b.value ? V.top = D * ft : V.left = D * mt, (j = d.value) == null || j.scroll({
-          ...V,
+        const C = {};
+        b.value ? C.top = D * ft : C.left = D * mt, (j = d.value) == null || j.scroll({
+          ...C,
           behavior: "smooth"
         });
       });
@@ -2652,7 +2642,7 @@ const Gt = {
       () => {
         O();
       }
-    ), (D, V) => (t(), s("div", {
+    ), (D, C) => (t(), s("div", {
       id: "test",
       ref_key: "tabsContainer",
       ref: d,
@@ -2668,12 +2658,12 @@ const Gt = {
         key: 0,
         class: f(["sticky top-0 bottom-0 left-0 z-[1] flex items-center bg-white", { "pb-4": !v.value, "justify-center": b.value }])
       }, [
-        x(i(T), {
+        x(i(I), {
           name: b.value ? "chevron-up" : "chevron-left",
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: V[0] || (V[0] = ye((j) => h("left"), ["prevent"]))
+          onClick: C[0] || (C[0] = ye((j) => h("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : m("", !0),
       n("div", {
@@ -2709,12 +2699,12 @@ const Gt = {
           "justify-center": b.value
         }])
       }, [
-        x(i(T), {
+        x(i(I), {
           name: b.value ? "chevron-down" : "chevron-right",
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: V[1] || (V[1] = (j) => h("right"))
+          onClick: C[1] || (C[1] = (j) => h("right"))
         }, null, 8, ["name"])
       ], 2)) : m("", !0)
     ], 2));
@@ -2777,7 +2767,7 @@ const Gt = {
           e.isCurrent ? "border-oc-gray-800" : ""
         ]])
       }, [
-        e.isCompleted ? (t(), p(i(T), {
+        e.isCompleted ? (t(), p(i(I), {
           key: 0,
           name: "check-2",
           width: "12",
@@ -2884,7 +2874,7 @@ const Gt = {
       ])
     }, [
       n("div", Yn, [
-        e.icon ? (t(), p(i(T), F({
+        e.icon ? (t(), p(i(I), F({
           key: 0,
           width: "18",
           height: "18",
@@ -2935,7 +2925,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           class: "text-oc-text-100 flex items-center cursor-pointer",
           onClick: a[0] || (a[0] = (l) => r.$emit("back"))
         }, [
-          x(i(T), {
+          x(i(I), {
             name: "chevron-down",
             class: "rotate-90"
           }),
@@ -3048,7 +3038,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         default: w(() => [
           n("div", ro, [
             W($(l.value.label) + " ", 1),
-            x(i(T), {
+            x(i(I), {
               name: "chevron-down",
               width: "20",
               height: "20"
@@ -3090,7 +3080,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           "tooltip-options": e.tooltipOptions
         }, {
           default: w(({ isShow: l }) => [
-            x(i(T), {
+            x(i(I), {
               width: "16",
               height: "16",
               class: f(["cursor-pointer transition-all duration-500 group-hover:opacity-100", l ? "opacity-100" : "opacity-0"]),
@@ -3145,7 +3135,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 ];
               }),
               default: w(() => [
-                x(i(T), {
+                x(i(I), {
                   width: "16",
                   height: "16",
                   class: "mx-auto",
@@ -3165,7 +3155,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           value: e.description
         }, {
           default: w(() => [
-            x(i(T), {
+            x(i(I), {
               width: "16",
               height: "16",
               class: "cursor-pointer",
@@ -3309,19 +3299,19 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           distance: 7
         }, {
           popper: w(() => {
-            var V, j;
+            var C, j;
             return [
-              n("div", Co, $((j = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : j.tooltipContent), 1)
+              n("div", Co, $((j = (C = e.primaryActions) == null ? void 0 : C.mainLinkAction) == null ? void 0 : j.tooltipContent), 1)
             ];
           }),
           default: w(() => {
-            var V, j;
+            var C, j;
             return [
               n("a", {
-                href: (j = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : j.url,
+                href: (j = (C = e.primaryActions) == null ? void 0 : C.mainLinkAction) == null ? void 0 : j.url,
                 target: "_blank"
               }, [
-                x(i(T), {
+                x(i(I), {
                   class: "p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr",
                   name: "external-link"
                 })
@@ -3330,7 +3320,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           }),
           _: 1
         })) : m("", !0),
-        (t(!0), s(L, null, R(e.primaryActions.actions, (V, j) => {
+        (t(!0), s(L, null, R(e.primaryActions.actions, (C, j) => {
           var k;
           return t(), s(L, { key: j }, [
             (k = e.primaryActions) != null && k.mainLinkAction || j > 0 ? (t(), s("div", Vo)) : m("", !0),
@@ -3340,19 +3330,19 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
               distance: 7
             }, {
               popper: w(() => [
-                n("div", Oo, $(V != null && V.isCopyButton ? o.value ? b.value : v.value : V.tooltipContent), 1)
+                n("div", Oo, $(C != null && C.isCopyButton ? o.value ? b.value : v.value : C.tooltipContent), 1)
               ]),
               default: w(() => [
-                V != null && V.isCopyButton ? (t(), p(i(T), {
+                C != null && C.isCopyButton ? (t(), p(i(I), {
                   key: 0,
                   class: f(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", o.value ? "!text-oc-success" : ""]),
                   name: o.value ? "check" : "copy",
                   onClick: u
-                }, null, 8, ["name", "class"])) : (t(), p(i(T), {
+                }, null, 8, ["name", "class"])) : (t(), p(i(I), {
                   key: 1,
-                  class: f(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", V.class ?? ""]),
-                  name: V.icon,
-                  onClick: V.onClick
+                  class: f(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", C.class ?? ""]),
+                  name: C.icon,
+                  onClick: C.onClick
                 }, null, 8, ["name", "class", "onClick"]))
               ]),
               _: 2
@@ -3366,15 +3356,15 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         d.value ? (t(), p(i(ne), {
           key: 2,
           modelValue: c.value,
-          "onUpdate:modelValue": O[3] || (O[3] = (V) => c.value = V),
+          "onUpdate:modelValue": O[3] || (O[3] = (C) => c.value = C),
           distance: 6
         }, {
           menu: w(() => {
-            var V, j, k;
+            var C, j, k;
             return [
               n("div", Bo, [
                 n("div", Io, [
-                  (t(!0), s(L, null, R((V = e.primaryActions.dropdownOptions) == null ? void 0 : V.top, (B, g) => (t(), s(L, { key: g }, [
+                  (t(!0), s(L, null, R((C = e.primaryActions.dropdownOptions) == null ? void 0 : C.top, (B, g) => (t(), s(L, { key: g }, [
                     B != null && B.isCopyButton ? (t(), p(i(pe), {
                       key: 0,
                       icon: o.value ? "check" : "copy",
@@ -3385,7 +3375,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                       key: 1,
                       ref_for: !0
                     }, B, {
-                      onClick: O[0] || (O[0] = (I) => c.value = !1)
+                      onClick: O[0] || (O[0] = (T) => c.value = !1)
                     }), null, 16))
                   ], 64))), 128))
                 ]),
@@ -3402,7 +3392,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                       ]),
                       default: w(() => [
                         x(i(pe), F({ ref_for: !0 }, B, {
-                          onClick: O[1] || (O[1] = (I) => c.value = !1)
+                          onClick: O[1] || (O[1] = (T) => c.value = !1)
                         }), null, 16)
                       ]),
                       _: 2
@@ -3410,7 +3400,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                       key: 1,
                       ref_for: !0
                     }, B, {
-                      onClick: O[2] || (O[2] = (I) => c.value = !1)
+                      onClick: O[2] || (O[2] = (T) => c.value = !1)
                     }), null, 16))
                   ]))), 128))
                 ])) : m("", !0)
@@ -3427,7 +3417,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 n("div", { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, " More actions ", -1)
               ])),
               default: w(() => [
-                x(i(T), {
+                x(i(I), {
                   class: "p-2 cursor-pointer rounded-sm hover:bg-oc-accent-1-50-tr",
                   name: "dots-vertical"
                 })
@@ -3559,9 +3549,9 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 "px-5 py-3": e.isExpanded,
                 "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": O.active
               }]),
-              onClick: (V) => c(O.name)
+              onClick: (C) => c(O.name)
             }, [
-              e.isExpanded ? (t(), p(i(T), {
+              e.isExpanded ? (t(), p(i(I), {
                 key: 0,
                 width: "22",
                 height: "22",
@@ -3573,7 +3563,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
               }, null, 8, ["class", "name"])) : (t(), p(i(ne), {
                 key: 1,
                 modelValue: o.value[O.name + "-" + D],
-                "onUpdate:modelValue": (V) => o.value[O.name + "-" + D] = V,
+                "onUpdate:modelValue": (C) => o.value[O.name + "-" + D] = C,
                 placement: "right-start"
               }, {
                 menu: w(() => [
@@ -3594,10 +3584,10 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                       menu: O,
                       "is-expanded": ""
                     }, {
-                      label: w(({ submenu: V }) => [
+                      label: w(({ submenu: C }) => [
                         S(v.$slots, "submenu_label", {
                           menu: O,
-                          submenu: V
+                          submenu: C
                         })
                       ]),
                       _: 2
@@ -3611,7 +3601,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                       "p-4": !e.isExpanded
                     })
                   }, [
-                    x(i(T), {
+                    x(i(I), {
                       width: "22",
                       height: "22",
                       class: f({
@@ -3619,7 +3609,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                         "text-[var(--oc-sidebar-menu-active-icon-active)]": O.active
                       }),
                       name: O.icon,
-                      onClick: (V) => v.$emit("click:sidebar-icon", O)
+                      onClick: (C) => v.$emit("click:sidebar-icon", O)
                     }, null, 8, ["class", "name", "onClick"])
                   ], 2)
                 ]),
@@ -3639,10 +3629,10 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 "is-expanded-sidebar": e.isExpanded,
                 "is-expanded": d.expanded.includes(O.name)
               }, {
-                label: w(({ submenu: V }) => [
+                label: w(({ submenu: C }) => [
                   S(v.$slots, "submenu_label", {
                     menu: O,
-                    submenu: V,
+                    submenu: C,
                     isExpanded: e.isExpanded
                   })
                 ]),
@@ -3680,7 +3670,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": l.active
         }])
       }, [
-        e.isExpandedSidebar ? (t(), p(i(T), {
+        e.isExpandedSidebar ? (t(), p(i(I), {
           key: 0,
           width: "22",
           height: "22",
@@ -3795,14 +3785,14 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
               n("div", Ho, $(e.iconTooltip), 1)
             ]),
             default: w(() => [
-              x(i(T), F({
+              x(i(I), F({
                 width: "18",
                 height: "18",
                 name: e.icon
               }, e.iconProps), null, 16, ["name"])
             ]),
             _: 1
-          })) : e.icon ? (t(), p(i(T), {
+          })) : e.icon ? (t(), p(i(I), {
             key: 1,
             width: e.iconSize ?? 18,
             height: e.iconSize ?? 18,
@@ -3815,7 +3805,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           }, $(e.label), 3)
         ])
       ]),
-      e.closable ? (t(), p(i(T), {
+      e.closable ? (t(), p(i(I), {
         key: 0,
         width: "18",
         height: "18",
@@ -3866,7 +3856,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         e.isPending ? (t(), s(L, { key: 0 }, [
           n("div", Wo, [
             n("div", Ko, [
-              x(T, {
+              x(I, {
                 name: "alert",
                 width: "20",
                 height: "20",
@@ -3904,7 +3894,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         ], 64))
       ])) : (t(), s("div", li, [
         e.isPending ? (t(), s("div", ai, [
-          x(T, {
+          x(I, {
             name: "alert",
             width: "20",
             height: "20",
@@ -3954,7 +3944,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         class: "py-4 gap-x-3 whitespace-nowrap cursor-pointer flex font-medium items-center",
         onClick: a[0] || (a[0] = (l) => r.$emit("titleClick"))
       }, [
-        x(i(T), {
+        x(i(I), {
           name: "chevron-down",
           class: "rotate-90 shrink-0",
           width: "20",
@@ -4079,13 +4069,13 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             r.value[e.size].icon.container
           ]])
         }, [
-          x(i(T), {
+          x(i(I), {
             name: e.icon,
             width: r.value[e.size].icon.size,
             height: r.value[e.size].icon.size
           }, null, 8, ["name", "width", "height"])
         ], 2),
-        !e.isUpgrade && !e.hideBadge ? (t(), p(i(T), {
+        !e.isUpgrade && !e.hideBadge ? (t(), p(i(I), {
           key: 0,
           name: "exclamation",
           width: r.value[e.size].badge.size,
@@ -4154,7 +4144,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             class: f(["flex gap-x-4 items-center text-xl group-hover:text-oc-text", e.isActive ? "text-oc-text" : "text-oc-text-400"])
           }, [
             e.countryIso ? (t(), s("div", pi, [
-              x(i(T), {
+              x(i(I), {
                 class: "!rounded-[1px]",
                 name: `flags/${e.countryIso.toUpperCase()}`
               }, null, 8, ["name"])
@@ -4404,7 +4394,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     ];
                   }),
                   default: w(() => [
-                    x(i(T), {
+                    x(i(I), {
                       width: "16",
                       height: "16",
                       class: "!w-[20px] !h-[20px] text-oc-text-300",
@@ -4543,7 +4533,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   ])
                 ]),
                 default: w(() => [
-                  x(i(T), {
+                  x(i(I), {
                     width: "16",
                     height: "16",
                     class: "!w-[20px] !h-[20px] text-oc-text-300",
@@ -4765,7 +4755,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 label: "Coming soon",
                 class: "absolute top-3 left-3"
               })) : m("", !0),
-              x(i(T), {
+              x(i(I), {
                 name: o.icon,
                 height: "56",
                 width: "56"
@@ -4840,7 +4830,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     return (r, a) => (t(), s("div", {
       class: f(["relative border rounded gap-x-3 flex justify-center items-center py-6 px-5 bg-oc-bg-light shadow-sm cursor-pointer hover:border-oc-primary duration-500", e.isActive ? "border-oc-primary" : "border-oc-gray-200"])
     }, [
-      e.icon ? (t(), p(i(T), {
+      e.icon ? (t(), p(i(I), {
         key: 0,
         name: e.icon,
         width: e.width,
@@ -4882,7 +4872,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           ]),
           e.chipOptions ? (t(), p(i(ae), ue(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
         ]),
-        e.isActive ? (t(), p(i(T), {
+        e.isActive ? (t(), p(i(I), {
           key: 0,
           class: "shrink-0 text-oc-primary",
           name: e.icon,
@@ -5014,12 +5004,12 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               key: 0,
               class: f([o[e.color], "w-[48px] flex shrink-0 items-center justify-center h-[48px] rounded-full"])
             }, [
-              x(i(T), {
+              x(i(I), {
                 name: e.icon,
                 class: "shrink-0",
                 width: "24"
               }, null, 8, ["name"])
-            ], 2)) : (t(), p(i(T), {
+            ], 2)) : (t(), p(i(I), {
               key: 1,
               name: e.icon,
               class: "shrink-0",
@@ -5060,7 +5050,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             class: "cursor-pointer absolute top-4 right-4 text-oc-gray-800 opacity-25 hover:opacity-50",
             onClick: y[0] || (y[0] = (h) => b.$emit("update:modelValue", !1))
           }, [
-            x(i(T), {
+            x(i(I), {
               name: "x-circle-filled",
               width: "20",
               height: "20"
@@ -5133,7 +5123,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             class: f(["flex flex-1 items-center justify-between gap-3 min-h-[34px] px-4 text-sm", i(r)[e.color]])
           }, [
             n("div", ys, [
-              e.showIcon ? (t(), p(i(T), {
+              e.showIcon ? (t(), p(i(I), {
                 key: 0,
                 name: e.icon,
                 class: "shrink-0",
@@ -5184,7 +5174,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       ]),
       default: w(() => [
         n("div", ws, [
-          x(i(T), {
+          x(i(I), {
             name: e.icon,
             width: "20",
             height: "20"
@@ -5193,7 +5183,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       ]),
       _: 1
     }, 16)) : (t(), s("div", ks, [
-      x(i(T), {
+      x(i(I), {
         name: e.icon,
         width: "20",
         height: "20"
@@ -5242,7 +5232,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             ])
           ]),
           default: w(() => [
-            x(i(T), {
+            x(i(I), {
               width: "16",
               height: "16",
               name: e.labelIcon
@@ -5326,18 +5316,18 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           e.isAdditionalArea ? "rounded-l-[inherit]" : "rounded-[inherit]"
         ]]),
         disabled: e.isDisabled || e.isLoading,
-        onMousedown: D[0] || (D[0] = (V) => a.value = !0),
-        onMouseup: D[1] || (D[1] = (V) => a.value = !1),
-        onMouseleave: D[2] || (D[2] = (V) => a.value = !1)
+        onMousedown: D[0] || (D[0] = (C) => a.value = !0),
+        onMouseup: D[1] || (D[1] = (C) => a.value = !1),
+        onMouseleave: D[2] || (D[2] = (C) => a.value = !1)
       }, [
-        e.isLoading ? (t(), p(i(T), {
+        e.isLoading ? (t(), p(i(I), {
           key: 0,
           width: h.value[e.size],
           height: h.value[e.size],
           class: "animate-spin",
           name: "loading-2"
         }, null, 8, ["width", "height"])) : m("", !0),
-        e.leftIcon && !e.isLoading ? (t(), p(i(T), {
+        e.leftIcon && !e.isLoading ? (t(), p(i(I), {
           key: 1,
           width: h.value[e.size],
           class: f(e.iconClass),
@@ -5345,7 +5335,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           name: e.leftIcon
         }, null, 8, ["width", "class", "height", "name"])) : m("", !0),
         e.label ? (t(), s("span", As, $(e.label), 1)) : S(O.$slots, "default", { key: 3 }, void 0, !0),
-        e.rightIcon ? (t(), p(i(T), {
+        e.rightIcon ? (t(), p(i(I), {
           key: 4,
           width: h.value[e.size],
           height: h.value[e.size],
@@ -5356,10 +5346,10 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       e.isAdditionalArea && !e.isTransparent ? (t(), s("div", {
         key: 0,
         class: f(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [o.value[e.size], e.variant]]),
-        onClick: D[3] || (D[3] = ye((V) => O.$emit("addition-click"), ["stop"]))
+        onClick: D[3] || (D[3] = ye((C) => O.$emit("addition-click"), ["stop"]))
       }, [
         S(O.$slots, "additional-content", {}, () => [
-          x(i(T), {
+          x(i(I), {
             name: e.additionalAreaIcon,
             class: f(c.value[e.size])
           }, null, 8, ["name", "class"])
@@ -5415,7 +5405,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     }, {
       icon: w(() => [
         n("div", Ms, [
-          x(i(T), {
+          x(i(I), {
             name: `payment-methods/${e.cardType}`,
             width: "20",
             height: "12"
@@ -5464,7 +5454,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           n("div", {
             class: f(["w-5 h-5 shrink-0 border flex items-center justify-center rounded-sm transition-all duration-300", o.value])
           }, [
-            e.isPartial || e.modelValue ? (t(), p(i(T), {
+            e.isPartial || e.modelValue ? (t(), p(i(I), {
               key: 0,
               class: f([
                 "w-4 h-4",
@@ -5563,7 +5553,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             class: f({ "!w-fit": !e.isBlock }),
             "model-value": d(O.value),
             "is-button-variant": e.isButtonVariant,
-            "onUpdate:modelValue": (V) => c(O.value)
+            "onUpdate:modelValue": (C) => c(O.value)
           }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
         ], 2)
       ]),
@@ -5584,7 +5574,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           e.modelValue ? "bg-oc-success border-oc-success" : "border-oc-primary-100 bg-oc-primary-50"
         ])
       }, [
-        e.modelValue ? (t(), p(i(T), {
+        e.modelValue ? (t(), p(i(I), {
           key: 0,
           name: "check-2",
           class: "w-[10px] h-[10px] text-oc-text-100"
@@ -5741,7 +5731,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             S(y.$slots, "trailing")
           ])) : m("", !0),
           S(y.$slots, "icon", {}, () => [
-            e.icon ? (t(), p(i(T), F({
+            e.icon ? (t(), p(i(I), F({
               key: 0,
               class: "w-5 h-5 text-oc-text-400",
               name: e.icon
@@ -5785,7 +5775,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               class: "text-oc-text-200",
               onClick: h[4] || (h[4] = ye((O) => d.value = !d.value, ["prevent"]))
             }, [
-              (t(), p(i(T), {
+              (t(), p(i(I), {
                 key: d.value,
                 name: d.value ? "eye-open" : "eye-close",
                 width: "16",
@@ -5854,15 +5844,15 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
   },
   setup(e, { expose: r, emit: a }) {
     const l = e, o = a, d = M([]), c = M(), u = M(""), v = M(!1), b = M(!1), y = z(() => v.value ? d.value : d.value.slice(0, l.maxVisibleOptions)), h = (D) => {
-      d.value = d.value.filter((V) => V !== D), o("option-removed", D), o("update:modelValue", d.value);
+      d.value = d.value.filter((C) => C !== D), o("option-removed", D), o("update:modelValue", d.value);
     }, O = (D) => {
       if (!(D != null && D.trim()))
         return;
-      const V = (D == null ? void 0 : D.split(",")) || [];
-      V.forEach((j) => {
+      const C = (D == null ? void 0 : D.split(",")) || [];
+      C.forEach((j) => {
         var k;
         j != null && j.trim() && (!l.allowDuplicated && ((k = d.value) != null && k.includes(j)) || (d.value.push(j), o("option-added", j)));
-      }), V.length && (u.value = "", o("update:modelValue", d.value));
+      }), C.length && (u.value = "", o("update:modelValue", d.value));
     };
     return ve(
       () => l.modelValue,
@@ -5875,7 +5865,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       }
     ), r({
       focus: () => c.value.focus()
-    }), (D, V) => (t(), p(i(ge), {
+    }), (D, C) => (t(), p(i(ge), {
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -5891,7 +5881,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             e.isInlineLabel && e.label ? (t(), s("label", Ws, $(e.label) + ": ", 1)) : m("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
-              onClick: V[4] || (V[4] = (B) => c.value.focus())
+              onClick: C[4] || (C[4] = (B) => c.value.focus())
             }, [
               n("div", {
                 class: f(["border min-h-[36px] py-3 w-full px-3 flex justify-between items-center cursor-pointer gap-x-3 rounded", {
@@ -5908,15 +5898,15 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                       key: `${B}-${g}`,
                       closable: "",
                       label: B,
-                      onRemove: (I) => h(B)
+                      onRemove: (T) => h(B)
                     }, null, 8, ["label", "onRemove"]))), 128)),
                     d.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
                       key: 0,
                       variant: "gray",
-                      onClick: V[0] || (V[0] = (B) => v.value = !v.value)
+                      onClick: C[0] || (C[0] = (B) => v.value = !v.value)
                     }, {
                       default: w(() => [
-                        v.value ? (t(), p(i(T), {
+                        v.value ? (t(), p(i(I), {
                           key: 0,
                           name: "minus",
                           width: "12",
@@ -5935,11 +5925,11 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     placeholder: ((j = y.value) == null ? void 0 : j.length) === 0 ? e.placeholder : "",
                     disabled: e.isDisabled,
                     class: f(["h-7 flex-1 outline-none text-oc-text disabled:bg-transparent placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light", ((k = y.value) == null ? void 0 : k.length) === 0 ? "min-w-full" : "min-w-[80px]"]),
-                    onFocus: V[1] || (V[1] = (B) => b.value = !0),
-                    onBlur: V[2] || (V[2] = (B) => {
+                    onFocus: C[1] || (C[1] = (B) => b.value = !0),
+                    onBlur: C[2] || (C[2] = (B) => {
                       console.log("$event: ", B), b.value = !1, D.$emit("blur", B);
                     }),
-                    onKeyup: V[3] || (V[3] = Ue((B) => O(B.target.value), ["enter"]))
+                    onKeyup: C[3] || (C[3] = Ue((B) => O(B.target.value), ["enter"]))
                   }, null, 42, Xs)
                 ])
               ], 2)
@@ -6003,25 +5993,25 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       return ((g = b(B)) == null ? void 0 : g.code) || "";
     }, h = (B) => {
       l("update:modelValue", [y(d.value), B]);
-    }, O = (B, g, I = null) => {
-      var C;
-      d.value = B.toLowerCase(), l("update:modelValue", [g, I || ((C = a.modelValue) == null ? void 0 : C[1]) || ""]), c.value = !1;
-    }, D = M(null), V = M([]), j = () => {
+    }, O = (B, g, T = null) => {
+      var V;
+      d.value = B.toLowerCase(), l("update:modelValue", [g, T || ((V = a.modelValue) == null ? void 0 : V[1]) || ""]), c.value = !1;
+    }, D = M(null), C = M([]), j = () => {
       setTimeout(() => {
         const B = v.value.indexOf(
           b(d.value)
-        ), I = V.value[B].offsetTop;
-        D.value.scrollTo(0, I - 60, { behavior: "smooth" });
+        ), T = C.value[B].offsetTop;
+        D.value.scrollTo(0, T - 60, { behavior: "smooth" });
       }, 10);
     }, k = (B) => {
       let g = B.clipboardData.getData("Text");
       try {
         if (g.search(/[^0-9]/g) < 0)
           if (g = g.slice(0, 19), g.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: I, countryCallingCode: C, country: N } = Kt(
+            const { nationalNumber: T, countryCallingCode: V, country: N } = Kt(
               "+" + g.replace("+", "")
             );
-            C && N ? O(N, C, I) : l("update:modelValue", [y(d.value), I]);
+            V && N ? O(N, V, T) : l("update:modelValue", [y(d.value), T]);
           } else
             l("update:modelValue", [y(d.value), g]);
       } catch {
@@ -6030,10 +6020,10 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       B.preventDefault();
     };
     return (B, g) => {
-      var I;
+      var T;
       return t(), p(i(xe), {
         "error-message": e.errorMessage,
-        "model-value": ((I = e.modelValue) == null ? void 0 : I[1]) || "",
+        "model-value": ((T = e.modelValue) == null ? void 0 : T[1]) || "",
         placeholder: e.placeholder,
         label: e.label,
         "is-inline-label": e.isInlineLabel,
@@ -6051,7 +6041,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           x(i(ne), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              g[3] || (g[3] = (C) => c.value = C),
+              g[3] || (g[3] = (V) => c.value = V),
               j
             ],
             distance: 10,
@@ -6066,7 +6056,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 n("div", Qs, [
                   x(i(xe), {
                     modelValue: u.value,
-                    "onUpdate:modelValue": g[0] || (g[0] = (C) => u.value = C),
+                    "onUpdate:modelValue": g[0] || (g[0] = (V) => u.value = V),
                     icon: "search",
                     placeholder: "Search",
                     onKeydown: g[1] || (g[1] = ye(() => {
@@ -6075,7 +6065,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     }, ["stop"]))
                   }, {
                     icon: w(() => [
-                      x(i(T), {
+                      x(i(I), {
                         class: "w-5 h-5 text-oc-text-400",
                         name: "search"
                       })
@@ -6083,22 +6073,22 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), s(L, null, R(v.value, (C, N) => (t(), s("div", {
+                (t(!0), s(L, null, R(v.value, (V, N) => (t(), s("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
-                  ref: V,
+                  ref: C,
                   key: N,
                   class: f([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
-                    d.value === C.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                    d.value === V.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
                   ]),
-                  onClick: (E) => O(C.iso, C.code)
+                  onClick: (E) => O(V.iso, V.code)
                 }, [
                   n("div", {
-                    class: f(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${C.iso.toLowerCase()}`])
+                    class: f(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${V.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", er, "+" + $(C.code), 1),
-                  n("span", tr, $(C.country), 1)
+                  n("span", er, "+" + $(V.code), 1),
+                  n("span", tr, $(V.country), 1)
                 ], 10, _s))), 128))
               ], 512)
             ]),
@@ -6108,7 +6098,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   class: f(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${d.value}`])
                 }, null, 2),
                 n("span", Zs, " +" + $(y(d.value)), 1),
-                x(i(T), {
+                x(i(I), {
                   width: "16",
                   height: "16",
                   class: "text-oc-text-400",
@@ -6182,7 +6172,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               e.errorMessage ? "!border-oc-error" : "border-oc-primary-200"
             ]])
           }, null, 2)) : m("", !0),
-          e.icon ? (t(), p(i(T), {
+          e.icon ? (t(), p(i(I), {
             key: 1,
             class: f(["w-5 h-5 text-oc-text-500", { "!text-oc-text-300": e.isDisabled }]),
             name: e.icon
@@ -6200,7 +6190,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               ])
             ]),
             default: w(() => [
-              x(i(T), {
+              x(i(I), {
                 width: "16",
                 height: "16",
                 name: e.labelIcon,
@@ -6484,7 +6474,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         } else
           ((A = H.label) != null && A.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && P.push(H);
       return P;
-    }), V = z(() => {
+    }), C = z(() => {
       if (l.multiple) {
         let P = [];
         if (l.modelValue)
@@ -6506,7 +6496,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       let A;
       if (l.multiple) {
         const H = (l.modelValue || []).find((X) => X === P.value);
-        if (!H && l.maxOptionAllowed && ((U = V.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
+        if (!H && l.maxOptionAllowed && ((U = C.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
           o("max-option-allowed-set");
           return;
         }
@@ -6537,9 +6527,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         (A = u.value) == null || A.focus();
       });
     });
-    const I = M("100%"), C = z(() => ({ maxWidth: I.value })), N = () => {
+    const T = M("100%"), V = z(() => ({ maxWidth: T.value })), N = () => {
       var P, A, U, H;
-      o("toggle"), I.value = (A = (P = g.value) == null ? void 0 : P.$el) != null && A.offsetWidth ? `${(H = (U = g.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
+      o("toggle"), T.value = (A = (P = g.value) == null ? void 0 : P.$el) != null && A.offsetWidth ? `${(H = (U = g.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var se;
         let X, ee;
         if (Array.isArray(l.modelValue) ? X = l.modelValue[0] ?? null : X = l.modelValue, !X) return;
@@ -6590,7 +6580,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           distance: 4,
           "popper-class": "w-full",
           placement: "bottom-end",
-          "popper-style": C.value,
+          "popper-style": V.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
           "menu-classes": e.menuClasses,
@@ -6604,7 +6594,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 ref: y,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && V.value ? (t(), s("div", xr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (t(), s("div", xr, [
                   x(i(xe), {
                     ref_key: "searchInputRef",
                     ref: u,
@@ -6617,7 +6607,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     placeholder: e.inlineSearchPlaceholder
                   }, {
                     icon: w(() => [
-                      x(i(T), {
+                      x(i(I), {
                         class: "w-5 h-5 text-oc-text-400",
                         name: "search"
                       })
@@ -6626,7 +6616,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   }, 8, ["modelValue", "placeholder"])
                 ])) : m("", !0),
                 n("div", {
-                  class: f(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !V.value }])
+                  class: f(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !C.value }])
                 }, [
                   e.isCheckboxes && e.isSelectAll && D.value.length && e.multiple ? (t(), p(i(gt), {
                     key: 0,
@@ -6670,7 +6660,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   onClick: A[6] || (A[6] = (H) => P.$emit("addNew"))
                 }, {
                   default: w(() => [
-                    x(i(T), {
+                    x(i(I), {
                       class: "w-5 h-5",
                       name: "plus"
                     }),
@@ -6693,7 +6683,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             }, [
               e.multiple ? (t(), s("div", mr, [
                 S(P.$slots, "selection", {}, () => [
-                  (t(!0), s(L, null, R(e.maxVisibleOptions ? V.value.slice(0, e.maxVisibleOptions) : V.value, (U) => (t(), p(i(ae), F({
+                  (t(!0), s(L, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), p(i(ae), F({
                     key: U.value,
                     closable: "",
                     variant: U.variant,
@@ -6703,14 +6693,14 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     "should-truncate-chip": "",
                     onRemove: (H) => k(U.value)
                   }), null, 16, ["variant", "label", "onRemove"]))), 128)),
-                  e.maxVisibleOptions && V.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
+                  e.maxVisibleOptions && C.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
                     key: 0,
-                    label: `+${V.value.length - e.maxVisibleOptions}`
+                    label: `+${C.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                V.value.length === 0 ? (t(), s("span", fr, $(e.placeholder), 1)) : m("", !0)
+                C.value.length === 0 ? (t(), s("span", fr, $(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
-              e.isInlineSearch && e.isFilterable && !V.value ? (t(), p(i(xe), {
+              e.isInlineSearch && e.isFilterable && !C.value ? (t(), p(i(xe), {
                 key: 1,
                 modelValue: d.value,
                 "onUpdate:modelValue": [
@@ -6725,7 +6715,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 c.value ? {
                   name: "icon",
                   fn: w(() => [
-                    x(i(T), {
+                    x(i(I), {
                       class: "w-5 h-5 text-oc-text-400",
                       name: "search"
                     })
@@ -6733,16 +6723,16 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   key: "0"
                 } : void 0
               ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), s("span", vr, [
-                e.icon ? (t(), p(i(T), {
+                e.icon ? (t(), p(i(I), {
                   key: 0,
                   name: e.icon,
                   width: "16",
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
                 e.isInlineLabel && e.label ? (t(), s("span", gr, $(e.label) + ": ", 1)) : m("", !0),
-                V.value ? (t(), s("span", pr, $(V.value.label), 1)) : (t(), s("span", yr, $(e.placeholder), 1))
+                C.value ? (t(), s("span", pr, $(C.value.label), 1)) : (t(), s("span", yr, $(e.placeholder), 1))
               ])),
-              e.modelValue && e.isClearable ? (t(), p(i(T), {
+              e.modelValue && e.isClearable ? (t(), p(i(I), {
                 key: 3,
                 class: "text-oc-text-400 ml-auto transition-all shrink-0 duration-500 hover:rotate-90",
                 width: "16",
@@ -6750,7 +6740,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 name: "x",
                 onClick: A[3] || (A[3] = ye((U) => o("cleared"), ["stop"]))
               })) : m("", !0),
-              e.hideChevron ? m("", !0) : (t(), p(i(T), {
+              e.hideChevron ? m("", !0) : (t(), p(i(I), {
                 key: 4,
                 class: f(["w-5 h-5 text-oc-text-400 transition-all shrink-0 duration-500", c.value && "-rotate-180"]),
                 name: "chevron-down"
@@ -6821,13 +6811,13 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           ], 2),
           S(l.$slots, "leading")
         ]),
-        e.isSelected && !e.isCheckboxes ? (t(), p(i(T), {
+        e.isSelected && !e.isCheckboxes ? (t(), p(i(I), {
           key: 1,
           class: "w-5 h-5 text-oc-primary",
           name: "check-2"
         })) : m("", !0)
       ], 2),
-      e.hasChildren ? (t(), p(i(T), {
+      e.hasChildren ? (t(), p(i(I), {
         key: 0,
         class: f(["w-6 h-6 absolute right-[10px] top-[8px] cursor-pointer", e.showChildren ? "rotate-180" : ""]),
         name: "chevron-down",
@@ -6890,12 +6880,12 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     "update:title": []
   },
   setup(e, { emit: r }) {
-    var V, j;
-    const a = e, l = r, o = M(!1), d = M(a.type ?? ((j = (V = a.links) == null ? void 0 : V[0]) == null ? void 0 : j.value)), c = M(a.title ?? ""), u = z(
+    var C, j;
+    const a = e, l = r, o = M(!1), d = M(a.type ?? ((j = (C = a.links) == null ? void 0 : C[0]) == null ? void 0 : j.value)), c = M(a.title ?? ""), u = z(
       () => a.links.find((k) => k.value === d.value) ?? {}
     ), v = z(() => u.value.preFill ?? ""), b = M(a.modelValue ? a.modelValue.replace(v.value, "") : ""), y = (k) => {
       var g;
-      const B = (g = a.links.find((I) => I.value === k)) == null ? void 0 : g.preFill;
+      const B = (g = a.links.find((T) => T.value === k)) == null ? void 0 : g.preFill;
       l("update:modelValue", a.modelValue.replace(v.value, B)), d.value = k, l("update:type", k), o.value = !1;
     }, h = (k) => {
       b.value = k, l("update:modelValue", v.value + k), !a.isEdit && d.value !== "link" && l("update:title", k);
@@ -6939,9 +6929,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 (t(!0), s(L, null, R(e.links, (g) => (t(), s("div", {
                   key: g.value,
                   class: "flex rounded-sm items-center px-3 py-2 gap-x-3 cursor-pointer text-oc-text-400 hover:bg-gray-50",
-                  onClick: (I) => y(g.value)
+                  onClick: (T) => y(g.value)
                 }, [
-                  x(i(T), {
+                  x(i(I), {
                     width: "20",
                     height: "20",
                     name: g.icon
@@ -6952,13 +6942,13 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             ]),
             default: w(() => [
               n("div", Vr, [
-                u.value.icon ? (t(), p(i(T), {
+                u.value.icon ? (t(), p(i(I), {
                   key: 0,
                   width: "20",
                   height: "20",
                   name: u.value.icon
                 }, null, 8, ["name"])) : m("", !0),
-                x(i(T), {
+                x(i(I), {
                   width: "16",
                   height: "16",
                   class: f(["transition duration-300", o.value ? "-rotate-180" : ""]),
@@ -7098,22 +7088,22 @@ var Pt = { exports: {} };
     }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(k) {
       (this.zone || (this.zone = {})).offset = function(B) {
         if (!B || B === "Z") return 0;
-        var g = B.match(/([+-]|\d\d)/g), I = 60 * g[1] + (+g[2] || 0);
-        return I === 0 ? 0 : g[0] === "+" ? -I : I;
+        var g = B.match(/([+-]|\d\d)/g), T = 60 * g[1] + (+g[2] || 0);
+        return T === 0 ? 0 : g[0] === "+" ? -T : T;
       }(k);
     }], O = function(k) {
       var B = v[k];
       return B && (B.indexOf ? B : B.s.concat(B.f));
     }, D = function(k, B) {
-      var g, I = v.meridiem;
-      if (I) {
-        for (var C = 1; C <= 24; C += 1) if (k.indexOf(I(C, 0, B)) > -1) {
-          g = C > 12;
+      var g, T = v.meridiem;
+      if (T) {
+        for (var V = 1; V <= 24; V += 1) if (k.indexOf(T(V, 0, B)) > -1) {
+          g = V > 12;
           break;
         }
       } else g = k === (B ? "pm" : "PM");
       return g;
-    }, V = { A: [u, function(k) {
+    }, C = { A: [u, function(k) {
       this.afternoon = D(k, !1);
     }], a: [u, function(k) {
       this.afternoon = D(k, !0);
@@ -7127,10 +7117,10 @@ var Pt = { exports: {} };
       this.milliseconds = +k;
     }], s: [c, y("seconds")], ss: [c, y("seconds")], m: [c, y("minutes")], mm: [c, y("minutes")], H: [c, y("hours")], h: [c, y("hours")], HH: [c, y("hours")], hh: [c, y("hours")], D: [c, y("day")], DD: [d, y("day")], Do: [u, function(k) {
       var B = v.ordinal, g = k.match(/\d+/);
-      if (this.day = g[0], B) for (var I = 1; I <= 31; I += 1) B(I).replace(/\[|\]/g, "") === k && (this.day = I);
+      if (this.day = g[0], B) for (var T = 1; T <= 31; T += 1) B(T).replace(/\[|\]/g, "") === k && (this.day = T);
     }], w: [c, y("week")], ww: [d, y("week")], M: [c, y("month")], MM: [d, y("month")], MMM: [u, function(k) {
-      var B = O("months"), g = (O("monthsShort") || B.map(function(I) {
-        return I.slice(0, 3);
+      var B = O("months"), g = (O("monthsShort") || B.map(function(T) {
+        return T.slice(0, 3);
       })).indexOf(k) + 1;
       if (g < 1) throw new Error();
       this.month = g % 12 || g;
@@ -7144,18 +7134,18 @@ var Pt = { exports: {} };
     function j(k) {
       var B, g;
       B = k, g = v && v.formats;
-      for (var I = (k = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, X, ee) {
+      for (var T = (k = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, X, ee) {
         var _ = ee && ee.toUpperCase();
         return X || g[ee] || a[ee] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, se, me) {
           return se || me.slice(1);
         });
-      })).match(l), C = I.length, N = 0; N < C; N += 1) {
-        var E = I[N], P = V[E], A = P && P[0], U = P && P[1];
-        I[N] = U ? { regex: A, parser: U } : E.replace(/^\[|\]$/g, "");
+      })).match(l), V = T.length, N = 0; N < V; N += 1) {
+        var E = T[N], P = C[E], A = P && P[0], U = P && P[1];
+        T[N] = U ? { regex: A, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
-        for (var X = {}, ee = 0, _ = 0; ee < C; ee += 1) {
-          var oe = I[ee];
+        for (var X = {}, ee = 0, _ = 0; ee < V; ee += 1) {
+          var oe = T[ee];
           if (typeof oe == "string") _ += oe.length;
           else {
             var se = oe.regex, me = oe.parser, be = H.slice(_), we = se.exec(be)[0];
@@ -7173,8 +7163,8 @@ var Pt = { exports: {} };
     }
     return function(k, B, g) {
       g.p.customParseFormat = !0, k && k.parseTwoDigitYear && (b = k.parseTwoDigitYear);
-      var I = B.prototype, C = I.parse;
-      I.parse = function(N) {
+      var T = B.prototype, V = T.parse;
+      T.parse = function(N) {
         var E = N.date, P = N.utc, A = N.args;
         this.$u = P;
         var U = A[1];
@@ -7200,7 +7190,7 @@ var Pt = { exports: {} };
           }
           se === oe && (this.$d = /* @__PURE__ */ new Date(""));
         }
-        else C.call(this, N);
+        else V.call(this, N);
       };
     };
   });
@@ -7275,7 +7265,7 @@ function rd(e, r, a) {
     var P = l, A = o;
     return l = o = void 0, b = E, c = e.apply(A, P), c;
   }
-  function V(E) {
+  function C(E) {
     return b = E, u = setTimeout(B, r), y ? D(E) : c;
   }
   function j(E) {
@@ -7295,23 +7285,23 @@ function rd(e, r, a) {
   function g(E) {
     return u = void 0, O && l ? D(E) : (l = o = void 0, c);
   }
-  function I() {
+  function T() {
     u !== void 0 && clearTimeout(u), b = 0, l = v = o = u = void 0;
   }
-  function C() {
+  function V() {
     return u === void 0 ? c : g(tt());
   }
   function N() {
     var E = tt(), P = k(E);
     if (l = arguments, o = this, v = E, P) {
       if (u === void 0)
-        return V(v);
+        return C(v);
       if (h)
         return clearTimeout(u), u = setTimeout(B, r), D(v);
     }
     return u === void 0 && (u = setTimeout(B, r)), c;
   }
-  return N.cancel = I, N.flush = C, N;
+  return N.cancel = T, N.flush = V, N;
 }
 const dd = { class: "flex items-center justify-between" }, cd = { class: "flex flex-col gap-2 p-3" }, ud = { class: "flex justify-between items-center" }, md = { key: 0 }, fd = { key: 1 }, vd = {
   key: 0,
@@ -7359,12 +7349,12 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
   emits: ["update:modelValue", "reset-calendar", "update:isIndefinite"],
   setup(e, { emit: r }) {
     K.extend(Tt), K.extend(At), K.extend(Mt), K.extend(nt);
-    const a = e, l = r, o = M(), d = M(), c = M(), u = M(), v = M(), b = M(), y = M(), h = M(!1), O = M(!1), D = M(!1), V = M(!1), j = z(() => a.type === "range"), k = z(() => {
+    const a = e, l = r, o = M(), d = M(), c = M(), u = M(), v = M(), b = M(), y = M(), h = M(!1), O = M(!1), D = M(!1), C = M(!1), j = z(() => a.type === "range"), k = z(() => {
       const J = o.value.endOf("month").date();
       return Array.from({ length: J }, (Y, ce) => ce + 1);
-    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = z(() => o.value.format("MMMM YYYY")), I = z(
+    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = z(() => o.value.format("MMMM YYYY")), T = z(
       () => D.value ? b.value.format("YYYY") : o.value.format("YYYY")
-    ), C = z(() => o.value.format("MMM")), N = z(() => {
+    ), V = z(() => o.value.format("MMM")), N = z(() => {
       const q = d.value, J = c.value ?? y.value, Y = [q, J];
       return J && (q != null && q.isAfter(J)) && Y.reverse(), {
         from: Y[0],
@@ -7387,7 +7377,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
     }, X = () => {
       y.value = null, o.value = o.value.add(1, "month"), u.value = A.value ? d.value.date() : null, v.value = U.value ? c.value.date() : null;
     }, ee = (q) => {
-      y.value = null, o.value = o.value.set("month", q), V.value = !1;
+      y.value = null, o.value = o.value.set("month", q), C.value = !1;
     }, _ = (q) => {
       y.value = null, o.value = o.value.set("year", q), D.value = !1;
     }, oe = () => {
@@ -7395,7 +7385,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
     }, se = () => {
       y.value = null, D.value ? b.value = b.value.add(11, "year") : o.value = o.value.add(1, "year");
     }, me = () => {
-      D.value = !1, V.value = !V.value;
+      D.value = !1, C.value = !C.value;
     }, be = (q) => {
       const J = o.value.date(q);
       return Object.values(N.value).filter(Boolean).find((Y) => Y.isSame(J));
@@ -7443,8 +7433,8 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
     }, [
       n("div", dd, [
         x(i(ne), {
-          modelValue: V.value,
-          "onUpdate:modelValue": J[1] || (J[1] = (Y) => V.value = Y),
+          modelValue: C.value,
+          "onUpdate:modelValue": J[1] || (J[1] = (Y) => C.value = Y),
           distance: 10,
           position: "bottom",
           "is-popover": "",
@@ -7463,7 +7453,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                   class: "cursor-pointer hover:opacity-50 transition",
                   onClick: J[0] || (J[0] = (Y) => D.value = !D.value)
                 }, [
-                  D.value ? (t(), s("div", md, $(I.value - 11) + " - " + $(I.value), 1)) : (t(), s("div", fd, $(I.value), 1))
+                  D.value ? (t(), s("div", md, $(T.value - 11) + " - " + $(T.value), 1)) : (t(), s("div", fd, $(T.value), 1))
                 ]),
                 x(i(G), {
                   "left-icon": "chevron-right",
@@ -7472,7 +7462,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                 })
               ]),
               D.value ? (t(), s("div", vd, [
-                (t(!0), s(L, null, R(Oe(I.value - 11), (Y) => (t(), s("div", {
+                (t(!0), s(L, null, R(Oe(T.value - 11), (Y) => (t(), s("div", {
                   key: Y,
                   class: f(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": o.value.year() === Y
@@ -7483,7 +7473,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                 (t(), s(L, null, R(B, (Y, ce) => n("div", {
                   key: Y,
                   class: f(["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": C.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": V.value === Y
                   }]),
                   onClick: (Pe) => ee(ce)
                 }, $(Y), 11, yd)), 64))
@@ -7501,12 +7491,12 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
         n("div", {
           class: f(["flex gap-x-3", [h.value ? "pointer-events-none opacity-[.35]" : ""]])
         }, [
-          x(i(T), {
+          x(i(I), {
             name: "chevron-down",
             class: "rotate-90 cursor-pointer",
             onClick: H
           }),
-          x(i(T), {
+          x(i(I), {
             name: "chevron-down",
             class: "-rotate-90 cursor-pointer",
             onClick: X
@@ -7672,13 +7662,13 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       a("resetCalendar"), a("update:modelValue", v.value ? [] : null), o.value = !1;
     }, O = (k) => {
       const B = K(k);
-      return ((I) => I.get("month") === K().get("month"))(B);
+      return ((T) => T.get("month") === K().get("month"))(B);
     }, D = (k) => {
       d.value = k, a("update:modelValue", k ? "Indefinite" : null);
-    }, V = (k, B) => {
-      var I;
+    }, C = (k, B) => {
+      var T;
       const g = K(k, l.dateFormat, !0);
-      u.value[B] = g.format(l.dateFormat), u.value[B ? 0 : 1] = ((I = l.modelValue) == null ? void 0 : I[B ? 0 : 1]) || K().format(l.dateFormat);
+      u.value[B] = g.format(l.dateFormat), u.value[B ? 0 : 1] = ((T = l.modelValue) == null ? void 0 : T[B ? 0 : 1]) || K().format(l.dateFormat);
     }, j = () => {
       if (u.value.length) {
         if (c.value = !1, u.value.some((k) => !K(k, l.dateFormat).isValid())) {
@@ -7704,13 +7694,13 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           updateCalendar: y,
           resetCalendar: h
         }, () => {
-          var I, C;
+          var T, V;
           return [
             v.value ? (t(), p(i(hu), {
               key: 0,
               "model-value": {
-                start: (I = e.modelValue) == null ? void 0 : I[0],
-                end: (C = e.modelValue) == null ? void 0 : C[1]
+                start: (T = e.modelValue) == null ? void 0 : T[0],
+                end: (V = e.modelValue) == null ? void 0 : V[1]
               },
               shortcuts: e.shortcuts,
               "count-calendars": e.countCalendars,
@@ -7770,7 +7760,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   onClick: B[2] || (B[2] = (g) => o.value ? g.stopPropagation : null)
                 }, [
                   n("div", Vd, [
-                    x(i(T), {
+                    x(i(I), {
                       name: "calendar",
                       class: "text-oc-text-400"
                     }),
@@ -7778,7 +7768,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                       placeholder: "Start date",
                       value: b.value[0] ? b.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: B[0] || (B[0] = (g) => V(g.target.value, 0)),
+                      onInput: B[0] || (B[0] = (g) => C(g.target.value, 0)),
                       onKeydown: Ue(j, ["enter"]),
                       onBlur: j
                     }, null, 40, Od)
@@ -7789,11 +7779,11 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                       placeholder: "End date",
                       value: b.value[1] ? b.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: B[1] || (B[1] = (g) => V(g.target.value, 1)),
+                      onInput: B[1] || (B[1] = (g) => C(g.target.value, 1)),
                       onKeydown: Ue(j, ["enter"]),
                       onBlur: j
                     }, null, 40, Id),
-                    x(i(T), {
+                    x(i(I), {
                       class: f([b.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
                       width: "16",
                       height: "16",
@@ -7852,7 +7842,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               n("div", Md, $(e.popperMessage), 1)
             ]),
             default: w(() => [
-              e.icon ? (t(), p(i(T), {
+              e.icon ? (t(), p(i(I), {
                 key: 0,
                 width: "16",
                 height: "16",
@@ -7957,7 +7947,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 "bg-oc-gray-200 rounded-sm": v.value.toString() === e.modelValue.toString()
               }])
             }, [
-              x(i(T), {
+              x(i(I), {
                 name: v.icon_name,
                 onClick: (b) => o(v.value)
               }, null, 8, ["name", "onClick"])
@@ -7997,7 +7987,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 }, $(v.label), 3),
                 v.description ? (t(), s("div", Rd, $(v.description), 1)) : m("", !0)
               ], 2),
-              e.borderless ? (t(), p(i(T), {
+              e.borderless ? (t(), p(i(I), {
                 key: 1,
                 width: "16",
                 height: "16",
@@ -8048,7 +8038,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             n("div", {
               class: f(["w-full text-oc-text-300 text-sm h-full flex flex-col justify-center items-center transition-all border border-transparent border-dashed group-hover:border-oc-primary rounded-sm cursor-pointer", { "!border-oc-primary": u.value }])
             }, [
-              x(i(T), {
+              x(i(I), {
                 name: "upload",
                 class: "text-oc-accent-1"
               }),
@@ -8058,7 +8048,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             key: 1,
             class: f(["w-[100px] group-hover:bg-oc-primary-50 cursor-pointer bg-oc-accent-1-50 text-oc-accent-1 rounded aspect-square flex items-center justify-center", e.imageClasses])
           }, [
-            x(i(T), { name: "plus" })
+            x(i(I), { name: "plus" })
           ], 2)),
           n("input", {
             class: "w-full h-full absolute opacity-0 cursor-pointer top-0",
@@ -8088,7 +8078,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     c.value = e.uploadedImage.fileUrl, o.value = !1, d.value = !0;
                   })
                 }, [
-                  x(i(T), {
+                  x(i(I), {
                     width: "16",
                     height: "16",
                     name: "pencil"
@@ -8101,7 +8091,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     b.$emit("delete"), o.value = !1;
                   })
                 }, [
-                  x(i(T), {
+                  x(i(I), {
                     width: "16",
                     height: "16",
                     name: "bin"
@@ -8111,7 +8101,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               ])
             ]),
             default: w(() => [
-              x(i(T), {
+              x(i(I), {
                 name: "dots-vertical",
                 class: "hidden group-hover:flex absolute right-0 cursor-pointer bg-black/[.45] rounded-full w-[32px] h-[32px] items-center justify-center text-oc-bg-light"
               })
@@ -8198,7 +8188,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     "invalidFileType"
   ],
   setup(e, { emit: r }) {
-    const a = e, l = r, o = M(), d = M(""), c = M(""), u = M(!0), v = M(!1), b = M(!1), y = M(!1), h = M(""), { currentFiles: O, onChangeFile: D, onDeleteFile: V } = Ct(
+    const a = e, l = r, o = M(), d = M(""), c = M(""), u = M(!0), v = M(!1), b = M(!1), y = M(!1), h = M(""), { currentFiles: O, onChangeFile: D, onDeleteFile: C } = Ct(
       a.maxSize,
       l,
       a.accept,
@@ -8233,9 +8223,9 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       D({ target: { files: A } }, a.format === "object");
     }, g = () => {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
-    }, I = (P) => {
+    }, T = (P) => {
       k.value.fileUrl = P, k.value.fileName = Date.now(), y.value = !1, h.value = "", l("update:modelValue", a.format === "object" ? k.value : [k.value]);
-    }, C = async (P) => {
+    }, V = async (P) => {
       if (P)
         try {
           const A = await fetch(P, { method: "HEAD" });
@@ -8268,7 +8258,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             "show-upload-image-area": e.showUploadImageArea,
             "onUpdate:uploadedImage": E,
             onChange: A[0] || (A[0] = (Q) => i(D)(Q, a.format === "object")),
-            onDelete: A[1] || (A[1] = (Q) => i(V)(0))
+            onDelete: A[1] || (A[1] = (Q) => i(C)(0))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), s(L, { key: 1 }, [
             x(i(G), F(e.buttonUploadProps, {
               onClick: A[2] || (A[2] = (Q) => {
@@ -8316,7 +8306,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                           class: "flex p-3 cursor-pointer items-center gap-x-3",
                           onClick: N
                         }, [
-                          x(i(T), {
+                          x(i(I), {
                             width: "16",
                             height: "16",
                             name: "pencil"
@@ -8326,10 +8316,10 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                         n("div", {
                           class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                           onClick: A[12] || (A[12] = () => {
-                            i(V)(0), b.value = !1;
+                            i(C)(0), b.value = !1;
                           })
                         }, [
-                          x(i(T), {
+                          x(i(I), {
                             width: "16",
                             height: "16",
                             name: "bin"
@@ -8340,7 +8330,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     ];
                   }),
                   default: w(() => [
-                    x(i(T), {
+                    x(i(I), {
                       name: "dots-vertical",
                       class: "cursor-pointer w-[28px] aspect-square hidden items-center justify-center text-oc-text-400 group-hover:flex"
                     })
@@ -8355,12 +8345,12 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   onClose: A[15] || (A[15] = () => {
                     y.value = !1, h.value = "";
                   }),
-                  onChangeImage: I
+                  onChangeImage: T
                 }, null, 8, ["modelValue", "img"])) : m("", !0)
               ])) : (t(), s(L, { key: 1 }, [
                 n("div", ac, [
                   n("div", nc, [
-                    x(i(T), {
+                    x(i(I), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
@@ -8386,9 +8376,9 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   e.isDisabled ? m("", !0) : (t(), s("div", {
                     key: 0,
                     class: "w-[36px] cursor-pointer flex text-oc-error items-center justify-center",
-                    onClick: A[16] || (A[16] = (Q) => i(V)(0))
+                    onClick: A[16] || (A[16] = (Q) => i(C)(0))
                   }, [
-                    x(i(T), {
+                    x(i(I), {
                       width: "16",
                       height: "16",
                       name: ((ke = k.value) == null ? void 0 : ke.progress) === 100 ? "bin" : "x-circle"
@@ -8404,7 +8394,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     "onUpdate:modelValue": A[4] || (A[4] = (Q) => d.value = Q),
                     "error-message": d.value && !u.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: A[5] || (A[5] = (Q) => C(d.value))
+                    onBlur: A[5] || (A[5] = (Q) => V(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   x(i(xe), {
                     modelValue: c.value,
@@ -8497,43 +8487,43 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     "invalidFileType"
   ],
   setup(e, { emit: r }) {
-    const a = e, l = r, o = M([]), d = M(!1), c = M(""), u = M({}), v = z(() => a.uploadedImages[c.value].fileUrl), b = M(!1), y = M(""), h = (I) => {
-      b.value = !0, y.value = I;
+    const a = e, l = r, o = M([]), d = M(!1), c = M(""), u = M({}), v = z(() => a.uploadedImages[c.value].fileUrl), b = M(!1), y = M(""), h = (T) => {
+      b.value = !0, y.value = T;
     }, O = M(!1), D = () => {
-      const I = a.uploadedImages.find((C, N) => N === y.value);
-      I.current ? l("onRemoveImage", I) : (l("delete", y.value), O.value = !0, setTimeout(() => {
+      const T = a.uploadedImages.find((V, N) => N === y.value);
+      T.current ? l("onRemoveImage", T) : (l("delete", y.value), O.value = !0, setTimeout(() => {
         O.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
-        a.uploadedImages.filter((C, N) => N !== y.value)
+        a.uploadedImages.filter((V, N) => N !== y.value)
       ), b.value = !1;
-    }, V = (I) => {
-      const C = a.uploadedImages[c.value];
-      C.fileUrl = I, C.fileName = Date.now(), l("onEditImage", { ...C, index: c.value }), d.value = !1, c.value = "", u.value = {};
-    }, j = (I) => {
-      let C = a.uploadedImages[c.value];
-      Object.keys(I).forEach((N) => {
-        C[N] = I[N];
+    }, C = (T) => {
+      const V = a.uploadedImages[c.value];
+      V.fileUrl = T, V.fileName = Date.now(), l("onEditImage", { ...V, index: c.value }), d.value = !1, c.value = "", u.value = {};
+    }, j = (T) => {
+      let V = a.uploadedImages[c.value];
+      Object.keys(T).forEach((N) => {
+        V[N] = T[N];
       }), l("update:uploadedImages", a.uploadedImages);
-    }, k = (I) => {
-      let C = a.uploadedImages.length + I.target.files.length > a.maxImages;
-      if (a.maxImages && C) {
-        l("onMaxFileExceed", C);
+    }, k = (T) => {
+      let V = a.uploadedImages.length + T.target.files.length > a.maxImages;
+      if (a.maxImages && V) {
+        l("onMaxFileExceed", V);
         return;
       }
-      l("change", I);
+      l("change", T);
     }, B = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), g = (I, C) => {
+    ), g = (T, V) => {
       var N;
-      c.value = I, (N = a.inputOptions) == null || N.forEach((E) => {
-        u.value[E] = C[E];
-      }), o[I] = !1, d.value = !0;
+      c.value = T, (N = a.inputOptions) == null || N.forEach((E) => {
+        u.value[E] = V[E];
+      }), o[T] = !1, d.value = !0;
     };
-    return (I, C) => (t(), s("div", dc, [
+    return (T, V) => (t(), s("div", dc, [
       B.value ? (t(), s("label", cc, [
         n("div", uc, [
-          x(i(T), { name: "plus" })
+          x(i(I), { name: "plus" })
         ]),
         O.value ? m("", !0) : (t(), s("input", {
           key: 0,
@@ -8550,7 +8540,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: re(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": C[0] || (C[0] = (N) => I.$emit("update:uploadedImages", N))
+        "onUpdate:modelValue": V[0] || (V[0] = (N) => T.$emit("update:uploadedImages", N))
       }, {
         default: w(({ list: N }) => [
           (t(!0), s(L, null, R(N, (E, P) => (t(), s("div", {
@@ -8560,7 +8550,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               "col-start-2": P === 0 && B.value
             }]),
             style: re(`background-image: url(${E.fileUrl})`),
-            onClick: (A) => I.$emit("update:selectedImage", E)
+            onClick: (A) => T.$emit("update:selectedImage", E)
           }, [
             x(i(ne), {
               modelValue: o.value[P],
@@ -8569,7 +8559,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               class: "absolute top-2 right-2 z-[1010] hidden group-hover:flex"
             }, {
               menu: w(() => [
-                S(I.$slots, "action", {
+                S(T.$slots, "action", {
                   item: E,
                   removeItem: h,
                   fileIndex: P
@@ -8579,12 +8569,12 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
                       onClick: (A) => g(P, E)
                     }, [
-                      x(i(T), {
+                      x(i(I), {
                         width: "16",
                         height: "16",
                         name: "pencil"
                       }),
-                      C[4] || (C[4] = n("span", null, "Edit Image", -1))
+                      V[4] || (V[4] = n("span", null, "Edit Image", -1))
                     ], 8, gc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -8592,18 +8582,18 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                         h(P), o.value[P] = !1;
                       }
                     }, [
-                      x(i(T), {
+                      x(i(I), {
                         width: "16",
                         height: "16",
                         name: "bin"
                       }),
-                      C[5] || (C[5] = n("span", null, "Delete", -1))
+                      V[5] || (V[5] = n("span", null, "Delete", -1))
                     ], 8, pc)
                   ])
                 ])
               ]),
               default: w(() => [
-                x(i(T), {
+                x(i(I), {
                   name: "dots-vertical",
                   class: "absolute right-0 cursor-pointer w-[32px] flex h-[32px] items-center justify-center text-oc-bg-light"
                 })
@@ -8624,7 +8614,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             ], 2),
             n("div", yc, [
               a.maxImages !== 1 ? (t(), s("span", xc, [
-                x(i(T), {
+                x(i(I), {
                   name: "arrows",
                   class: "text-oc-accent-1-50"
                 })
@@ -8637,19 +8627,19 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       d.value ? (t(), p(i(ot), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": C[1] || (C[1] = (N) => d.value = N),
+        "onUpdate:modelValue": V[1] || (V[1] = (N) => d.value = N),
         img: v.value,
         "input-options": e.inputOptions,
         "input-option-values": u.value,
-        onClose: C[2] || (C[2] = () => {
+        onClose: V[2] || (V[2] = () => {
           d.value = !1, c.value = "";
         }),
-        onChangeImage: V,
+        onChangeImage: C,
         "onUpdate:inputOptions": j
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
       x(i(tu), {
         modelValue: b.value,
-        "onUpdate:modelValue": C[3] || (C[3] = (N) => b.value = N),
+        "onUpdate:modelValue": V[3] || (V[3] = (N) => b.value = N),
         description: "Do you want to delete this image ?",
         onConfirm: D
       }, null, 8, ["modelValue"])
@@ -8717,9 +8707,9 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       l.validateAcceptFileType
     );
     Ce(() => {
-      const V = [];
+      const C = [];
       l.modelValue.length > 0 && (l.modelValue.forEach((j) => {
-        j.current && V.push({
+        j.current && C.push({
           current: j.current,
           file: null,
           fileName: j.current.caption ?? "",
@@ -8734,24 +8724,24 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           caption_variant: j.current.caption_variant,
           lightbox: j.current.lightbox
         });
-      }), v.value = V);
+      }), v.value = C);
     });
-    const h = (V) => {
-      c.value = !0, b(V);
-    }, O = (V) => {
-      c.value = !1, y(V);
+    const h = (C) => {
+      c.value = !0, b(C);
+    }, O = (C) => {
+      c.value = !1, y(C);
     }, D = () => {
-      var V;
-      (V = o.value) == null || V.click();
+      var C;
+      (C = o.value) == null || C.click();
     };
-    return (V, j) => (t(), s("div", bc, [
+    return (C, j) => (t(), s("div", bc, [
       x(i(ge), {
         label: e.label,
         hint: e.hint,
         "error-message": i(u) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
       }, {
         hint: w(() => [
-          S(V.$slots, "hint")
+          S(C.$slots, "hint")
         ]),
         default: w(() => [
           e.isImageOnly ? (t(), p(hc, {
@@ -8763,17 +8753,17 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             "input-options": e.inputOptions,
             "max-images": e.maxImages,
             onChange: i(b),
-            "onUpdate:selectedImage": j[0] || (j[0] = (k) => V.$emit("update:selectedImage", k)),
+            "onUpdate:selectedImage": j[0] || (j[0] = (k) => C.$emit("update:selectedImage", k)),
             "onUpdate:uploadedImages": j[1] || (j[1] = (k) => {
-              v.value = k, V.$emit("update:modelValue", k);
+              v.value = k, C.$emit("update:modelValue", k);
             }),
-            onOnEditImage: j[2] || (j[2] = (k) => V.$emit("onEditFile", k)),
-            onOnRemoveImage: j[3] || (j[3] = (k) => V.$emit("onRemoveFile", k)),
+            onOnEditImage: j[2] || (j[2] = (k) => C.$emit("onEditFile", k)),
+            onOnRemoveImage: j[3] || (j[3] = (k) => C.$emit("onRemoveFile", k)),
             onDelete: i(y),
-            onOnMaxFileExceed: j[4] || (j[4] = (k) => V.$emit("onMaxFileExceed", k))
+            onOnMaxFileExceed: j[4] || (j[4] = (k) => C.$emit("onMaxFileExceed", k))
           }, {
             action: w((k) => [
-              S(V.$slots, "action", {
+              S(C.$slots, "action", {
                 item: k.item,
                 removeItem: k.removeItem,
                 fileIndex: k.i
@@ -8781,7 +8771,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             ]),
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), s(L, { key: 1 }, [
-            S(V.$slots, "button", { triggerInput: D }, () => [
+            S(C.$slots, "button", { triggerInput: D }, () => [
               x(i(G), F(e.buttonUploadProps, { onClick: D }), null, 16)
             ]),
             n("input", {
@@ -8810,7 +8800,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               }, [
                 n("div", kc, [
                   n("div", Sc, [
-                    x(i(T), {
+                    x(i(I), {
                       name: "file-extension",
                       width: "14",
                       height: "10"
@@ -8830,7 +8820,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     }, null, 4)
                   ])
                 ], 2)) : m("", !0),
-                e.isDisabled ? m("", !0) : (t(), p(i(T), {
+                e.isDisabled ? m("", !0) : (t(), p(i(I), {
                   key: 1,
                   width: "12",
                   height: "12",
@@ -8869,7 +8859,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               i(v).length ? e.isDisabled ? m("", !0) : (t(), s("div", jc, j[9] || (j[9] = [
                 n("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
               ]))) : (t(), s("div", Ic, [
-                x(i(T), {
+                x(i(I), {
                   name: "upload",
                   class: f(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
@@ -8997,14 +8987,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
   setup(e, { expose: r, emit: a }) {
     const l = a, o = e, d = M(), c = M(), u = async (O) => {
       O != null && O.target && (o.isDisabled || (setTimeout(() => {
-        var D, V;
-        return (V = (D = d.value) == null ? void 0 : D.popperInstance) == null ? void 0 : V.update();
+        var D, C;
+        return (C = (D = d.value) == null ? void 0 : D.popperInstance) == null ? void 0 : C.update();
       }, 0), l("update:modelValue", !o.modelValue)));
     }, v = (O) => {
       o.isAttachToBody && !o.preventClickOutside && d.value.checkElementIsInsidePopper(O.target) || o.modelValue && !o.preventClickOutside && l("update:modelValue", !1);
     }, b = M(), y = M(0);
     return ve(() => o.modelValue, async () => {
-      const O = window.innerHeight || document.documentElement.clientHeight, D = b.value.getBoundingClientRect().top, V = O - b.value.getBoundingClientRect().bottom, j = Math.max(D, V), B = j - (2 + (j === D ? 2.5 : 0)) * 16;
+      const O = window.innerHeight || document.documentElement.clientHeight, D = b.value.getBoundingClientRect().top, C = O - b.value.getBoundingClientRect().bottom, j = Math.max(D, C), B = j - (2 + (j === D ? 2.5 : 0)) * 16;
       y.value = B > 0 ? B : 0, d.value.popperInstance.update();
     }), r({
       dropdownScroll: c,
@@ -9036,7 +9026,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 style: re({
                   maxHeight: (e.maxMenuHeight || y.value) - 68 + "px"
                 }),
-                onScroll: D[0] || (D[0] = (V) => O.$emit("scroll", V))
+                onScroll: D[0] || (D[0] = (C) => O.$emit("scroll", C))
               }, [
                 S(O.$slots, "menu", { isPopoverOpen: e.modelValue }, void 0, !0)
               ], 38), [
@@ -9086,7 +9076,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       class: f(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", r.value[e.variant]])
     }, [
       n("div", Ec, [
-        e.icon ? (t(), p(i(T), F({
+        e.icon ? (t(), p(i(I), F({
           key: 0,
           class: "w-5 h-5",
           name: e.icon
@@ -9350,7 +9340,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text",
               onClick: h[0] || (h[0] = (O) => y.$emit("update:modelValue", !1))
             }, [
-              x(i(T), {
+              x(i(I), {
                 name: "x",
                 width: "20",
                 height: "20"
@@ -9449,7 +9439,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             class: "flex gap-3 py-3 px-4 rounded cursor-pointer text-oc-gray-400 hover:bg-gray-100 hover:text-oc-text absolute top-5 right-5",
             onClick: o[1] || (o[1] = (d) => a("update:model-value", !1))
           }, [
-            x(i(T), {
+            x(i(I), {
               name: "x",
               width: "18",
               height: "18"
@@ -9498,7 +9488,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         key: 0,
         class: f(["w-[48px] aspect-square rounded-full flex items-center justify-center", [a[e.variant], e.iconClass]])
       }, [
-        x(i(T), {
+        x(i(I), {
           name: e.icon ?? r[e.variant]
         }, null, 8, ["name"])
       ], 2)),
@@ -9686,7 +9676,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 ref_for: !0
               }, c), {
                 badge: w(() => [
-                  S(a.$slots, "badge")
+                  S(a.$slots, "badge", { item: c }),
+                  c.isLoading ? (t(), p(i(I), {
+                    key: 0,
+                    width: 16,
+                    height: 16,
+                    class: "animate-spin",
+                    name: "loading-2"
+                  })) : m("", !0)
                 ]),
                 _: 2
               }, 1040))), 128))
@@ -9698,7 +9695,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               ref_for: !0
             }, o), {
               badge: w(() => [
-                S(a.$slots, "badge")
+                S(a.$slots, "badge", { item: o }),
+                o.isLoading ? (t(), p(i(I), {
+                  key: 0,
+                  width: 16,
+                  height: 16,
+                  class: "animate-spin",
+                  name: "loading-2"
+                })) : m("", !0)
               ]),
               _: 2
             }, 1040))), 128))
@@ -9710,7 +9714,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               n("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
             ]))) : m("", !0),
             n("div", ou, [
-              x(i(T), {
+              x(i(I), {
                 name: "question",
                 width: "33",
                 height: "33"
@@ -9759,7 +9763,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           onClick: l[0] || (l[0] = (d) => r(e.value))
         }, [
           S(a.$slots, "default", { isShow: o }, () => [
-            x(i(T), {
+            x(i(I), {
               width: "14",
               height: "14",
               class: "cursor-pointer transition-all duration-500",
@@ -9856,8 +9860,8 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
   },
   emits: ["onUpdate"],
   setup(e, { emit: r }) {
-    const a = e, l = r, o = (g, I) => {
-      l("onUpdate", g, I);
+    const a = e, l = r, o = (g, T) => {
+      l("onUpdate", g, T);
     }, d = {
       CardInput: Ps,
       CheckboxesGroup: Es,
@@ -9877,38 +9881,38 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       SectionItem: Ld,
       SelectOptions: Fd
     }, c = (g) => d[g] ? d[g] : null, u = z(() => {
-      const g = (C) => C.split(`
-`).map((N) => N.trim()).filter(Boolean).map((N) => `"${N}"`).join(" "), I = {};
-      return Object.entries(a.grid).forEach(([C, N]) => {
+      const g = (V) => V.split(`
+`).map((N) => N.trim()).filter(Boolean).map((N) => `"${N}"`).join(" "), T = {};
+      return Object.entries(a.grid).forEach(([V, N]) => {
         Object.entries(N).forEach(([E, P]) => {
-          I[`--grid-${C}-${E}`] = E === "area" ? g(P) : P;
+          T[`--grid-${V}-${E}`] = E === "area" ? g(P) : P;
         });
-      }), I;
-    }), v = (g) => typeof g == "object" ? g[0].key : g, b = (g) => `grid-area: ${v(g)}`, y = z(() => a.class), h = M({}), O = M({}), D = M({}), V = (g) => typeof g == "object" ? g[0].key : g, j = (g) => {
-      a.jsonForm.forEach((I) => {
-        var C;
-        if (typeof I.name == "object") {
+      }), T;
+    }), v = (g) => typeof g == "object" ? g[0].key : g, b = (g) => `grid-area: ${v(g)}`, y = z(() => a.class), h = M({}), O = M({}), D = M({}), C = (g) => typeof g == "object" ? g[0].key : g, j = (g) => {
+      a.jsonForm.forEach((T) => {
+        var V;
+        if (typeof T.name == "object") {
           let N = null;
-          I.name.forEach((E) => {
+          T.name.forEach((E) => {
             g[E.key] && (N ? N.push(g[E.key]) : N = [g[E.key]]);
-          }), h.value[V(I.name)] = N, B(I);
+          }), h.value[C(T.name)] = N, B(T);
         } else
-          (C = I.props) != null && C.parentKey ? (h.value[I.props.parentKey] = g[I.props.parentKey] ?? {}, h.value[I.props.parentKey][I.name] = g[I.props.parentKey][I.name] ?? "") : h.value[I.name] = g[I.name] ?? "", B(I);
+          (V = T.props) != null && V.parentKey ? (h.value[T.props.parentKey] = g[T.props.parentKey] ?? {}, h.value[T.props.parentKey][T.name] = g[T.props.parentKey][T.name] ?? "") : h.value[T.name] = g[T.name] ?? "", B(T);
       });
     }, k = () => {
       a.jsonForm.forEach((g) => {
         if (typeof g.name == "object") {
-          let I = [];
-          g.name.forEach((C) => {
-            a.errors[C.key] && I.push(a.errors[C.key]);
-          }), O.value[V(g.name)] = I.join(",");
+          let T = [];
+          g.name.forEach((V) => {
+            a.errors[V.key] && T.push(a.errors[V.key]);
+          }), O.value[C(g.name)] = T.join(",");
         } else
           O.value[g.name] = a.errors[g.name] ?? "";
       });
     }, B = (g) => {
       if (g.show_if || g.show_if_preview) {
-        let I = g.class ? g.class : "";
-        g.show_if ? g.show_if_value !== void 0 ? g.show_if_value !== h.value[g.show_if] && (I = I + " hidden") : g.show_if_not !== void 0 ? g.show_if_not === h.value[g.show_if] && (I = I + " hidden") : g.show_if_min !== void 0 && (isNaN(parseInt(h.value[g.show_if])) ? 1 : parseInt(h.value[g.show_if])) < parseInt(g.show_if_min) && (I = I + " hidden") : g.show_if_preview && (g.show_if_preview_only !== void 0 ? g.show_if_preview_only !== a.previewMode && (I = I + " hidden") : g.show_if_preview_not !== void 0 && g.show_if_preview_not === a.previewMode && (I = I + " hidden")), typeof g.name == "object" ? D.value[V(g.name)] = I : D.value[g.name] = I;
+        let T = g.class ? g.class : "";
+        g.show_if ? g.show_if_value !== void 0 ? g.show_if_value !== h.value[g.show_if] && (T = T + " hidden") : g.show_if_not !== void 0 ? g.show_if_not === h.value[g.show_if] && (T = T + " hidden") : g.show_if_min !== void 0 && (isNaN(parseInt(h.value[g.show_if])) ? 1 : parseInt(h.value[g.show_if])) < parseInt(g.show_if_min) && (T = T + " hidden") : g.show_if_preview && (g.show_if_preview_only !== void 0 ? g.show_if_preview_only !== a.previewMode && (T = T + " hidden") : g.show_if_preview_not !== void 0 && g.show_if_preview_not === a.previewMode && (T = T + " hidden")), typeof g.name == "object" ? D.value[C(g.name)] = T : D.value[g.name] = T;
       } else
         D.value[g.name] = g.class ? g.class : "";
     };
@@ -9935,49 +9939,49 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       }
     ), Ce(() => {
       j(a.values), k(a.errors);
-    }), (g, I) => Object.values(h.value).length > 0 ? (t(), s("div", {
+    }), (g, T) => Object.values(h.value).length > 0 ? (t(), s("div", {
       key: 0,
       class: f(e.grid ? `responsive-smart-form-grid ${y.value}` : y.value),
       style: re(e.grid ? u.value : "")
     }, [
-      (t(!0), s(L, null, R(e.jsonForm, (C) => {
+      (t(!0), s(L, null, R(e.jsonForm, (V) => {
         var N, E, P, A, U, H;
         return t(), s("div", {
-          key: v(C.name),
-          style: re(e.grid ? b(C.name) : ""),
+          key: v(V.name),
+          style: re(e.grid ? b(V.name) : ""),
           class: f([
-            C.type !== "Children" ? D.value[typeof C.name == "object" ? V(C.name) : C.name] : "",
-            C.class
+            V.type !== "Children" ? D.value[typeof V.name == "object" ? C(V.name) : V.name] : "",
+            V.class
           ])
         }, [
-          c(C.type) ? (t(), p(bt(c(C.type)), F({
+          c(V.type) ? (t(), p(bt(c(V.type)), F({
             key: 0,
             ref_for: !0
-          }, C.props, {
-            "model-value": (N = C.props) != null && N.parentKey ? (P = (E = h.value) == null ? void 0 : E[C.props.parentKey]) == null ? void 0 : P[C.name] : h.value[typeof C.name == "object" ? V(C.name) : C.name],
-            "error-message": O.value[typeof C.name == "object" ? V(C.name) : C.name],
-            "onUpdate:modelValue": (X) => o(C, X)
-          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : S(g.$slots, C.type, {
+          }, V.props, {
+            "model-value": (N = V.props) != null && N.parentKey ? (P = (E = h.value) == null ? void 0 : E[V.props.parentKey]) == null ? void 0 : P[V.name] : h.value[typeof V.name == "object" ? C(V.name) : V.name],
+            "error-message": O.value[typeof V.name == "object" ? C(V.name) : V.name],
+            "onUpdate:modelValue": (X) => o(V, X)
+          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : S(g.$slots, V.type, {
             key: 1,
             formId: e.id,
-            form: C,
-            value: (A = C.props) != null && A.parentKey ? (H = (U = h.value) == null ? void 0 : U[C.props.parentKey]) == null ? void 0 : H[C.name] : h.value[typeof C.name == "object" ? V(C.name) : C.name],
-            error: O.value[typeof C.name == "object" ? V(C.name) : C.name],
+            form: V,
+            value: (A = V.props) != null && A.parentKey ? (H = (U = h.value) == null ? void 0 : U[V.props.parentKey]) == null ? void 0 : H[V.name] : h.value[typeof V.name == "object" ? C(V.name) : V.name],
+            error: O.value[typeof V.name == "object" ? C(V.name) : V.name],
             onUpdate: o
           })
         ], 6);
       }), 128))
     ], 6)) : m("", !0);
   }
-}, Dm = de(() => import("./OcDataTable-BOhp_gGx.js")), Am = de(() => import("./OcFilterSearch-DqRBXV_y.js")), jm = de(() => import("./OcFilterSearchFor-B_0feYgG.js")), Mm = de(() => import("./OcFilterForm-DGWgsa18.js")), hu = de(
-  () => import("./OcComplexCalendar-BB7GpfiX.js")
+}, Dm = de(() => import("./OcDataTable-Cmq2Feov.js")), Am = de(() => import("./OcFilterSearch-CeJIjox5.js")), jm = de(() => import("./OcFilterSearchFor-C4yieGBa.js")), Mm = de(() => import("./OcFilterForm-BI9-wgcG.js")), hu = de(
+  () => import("./OcComplexCalendar-CdQyVZ_7.js")
 ), Pm = de(
-  () => import("./OcComplexDatePicker-DmYFHm61.js")
-), ot = de(() => import("./OcModalCropper-NsZGPntf.js")), Lm = de(() => import("./OcCropper-CB-8nb_4.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-DXEDzUvy.js")), zm = de(() => import("./OcEmojiPicker-eE4zw9WX.js")), Nm = de(
-  () => import("./ThumbnailTheme-CD1sBsiG.js")
+  () => import("./OcComplexDatePicker-DEPtXSr7.js")
+), ot = de(() => import("./OcModalCropper-Y1e2aRos.js")), Lm = de(() => import("./OcCropper-DHZxYSte.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-CXX2G52K.js")), zm = de(() => import("./OcEmojiPicker-CBsdXSBP.js")), Nm = de(
+  () => import("./ThumbnailTheme-Cz7V8m7r.js")
 ), Rm = de(
-  () => import("./ThumbnailSection-DHhr5qIC.js")
-), Fm = de(() => import("./SubPlanCard-oTDApkWU.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-Tm_9i-2W.js"));
+  () => import("./ThumbnailSection-fH84xDlI.js")
+), Fm = de(() => import("./SubPlanCard-CgWVGy00.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-BlGHA1qG.js"));
 export {
   tm as $,
   Wu as A,