@orchidui/core 1.9.0 → 1.10.0

package/dist/{index-Dq1RknPv.js → index-C1jzdcW-.js}

@@ -1,9 +1,9 @@
-import { computed as z, ref as j, onMounted as ke, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as k, createCommentVNode as m, createElementVNode as n, createBlock as p, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as g, resolveDynamicComponent as at, mergeProps as F, normalizeProps as ve, guardReactiveProps as Ie, withModifiers as me, defineComponent as Z, normalizeStyle as oe, createSlots as te, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as ue, onUpdated as Et, nextTick as He, reactive as Nt, Transition as Ae, useAttrs as zt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as de } from "vue";
+import { computed as z, ref as j, onMounted as we, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as k, createCommentVNode as m, createElementVNode as n, createBlock as p, unref as o, Fragment as N, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as w, createVNode as g, resolveDynamicComponent as at, mergeProps as F, normalizeProps as ve, guardReactiveProps as Ie, withModifiers as me, defineComponent as Z, normalizeStyle as oe, createSlots as te, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as ue, onUpdated as Et, nextTick as He, reactive as Nt, Transition as Ae, useAttrs as zt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as de } from "vue";
 import { S as le } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as T } from "./OcIcon-CJgBICxh.js";
 import { clickOutside as nt } from "./directives/clickOutside.js";
 import { _ as be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as bt } from "./OcPopper-D0VfWOBI.js";
+import { _ as bt } from "./OcPopper-BgjdqRiw.js";
 import G from "dayjs";
 import { _ as st } from "./OcAvatar-DeVm4Ck5.js";
 import "./OcProgressBar-hiyC5XSc.js";
@@ -60,30 +60,30 @@ const Kt = {
   },
   setup(e, { emit: r }) {
     const a = e, l = r, s = z(() => a.options.isSelectable), d = z(() => a.options.isCursorPointer ?? !0), c = z(() => a.options.fields), u = z(() => a.options.headers), f = z(
-      () => typeof a.rowKey == "function" ? a.rowKey : (I) => I[a.rowKey]
+      () => typeof a.rowKey == "function" ? a.rowKey : (O) => O[a.rowKey]
     ), x = z({
       get() {
         return a.selected || [];
       },
-      set(I) {
-        l("update:selected", I);
+      set(O) {
+        l("update:selected", O);
       }
-    }), y = (I) => {
-      x.value.find((O) => f.value(O) === f.value(I)) ? x.value = x.value.filter(
-        (O) => f.value(O) !== f.value(I)
-      ) : x.value = [...x.value, I];
+    }), y = (O) => {
+      x.value.find((I) => f.value(I) === f.value(O)) ? x.value = x.value.filter(
+        (I) => f.value(I) !== f.value(O)
+      ) : x.value = [...x.value, O];
     }, b = () => {
-      const I = x.value.length === c.value.length;
-      x.value = I ? [] : [...c.value];
-    }, D = z(() => typeof a.rowClass == "function" ? (I, $) => a.rowClass(I, $) : () => a.rowClass), M = (I, $) => {
+      const O = x.value.length === c.value.length;
+      x.value = O ? [] : [...c.value];
+    }, A = z(() => typeof a.rowClass == "function" ? (O, $) => a.rowClass(O, $) : () => a.rowClass), M = (O, $) => {
       !$.disableClickRow && $.key !== "actions" && l("click:row", {
-        field: I,
+        field: O,
         header: $
       });
-    }, B = j(!0), C = j(!0), h = j(), V = () => {
-      a.isSticky && (B.value = h.value.scrollLeft === 0, C.value = h.value.scrollLeft + h.value.clientWidth === h.value.scrollWidth);
+    }, V = j(!0), C = j(!0), h = j(), B = () => {
+      a.isSticky && (V.value = h.value.scrollLeft === 0, C.value = h.value.scrollLeft + h.value.clientWidth === h.value.scrollWidth);
     };
-    return ke(() => V()), (I, $) => (t(), i("div", {
+    return we(() => B()), (O, $) => (t(), i("div", {
       ref_key: "scrollTable",
       ref: h,
       class: v(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -91,17 +91,17 @@ const Kt = {
         e.isResponsive ? "rounded" : "md:rounded",
         e.isBorderless ? "" : "border"
       ]]),
-      onScroll: V
+      onScroll: B
     }, [
-      I.$slots.before ? (t(), i("div", {
+      O.$slots.before ? (t(), i("div", {
         key: 0,
         class: v(["border-b border-oc-gray-200", {
           "sticky left-0": e.isSticky
         }])
       }, [
-        k(I.$slots, "before")
+        k(O.$slots, "before")
       ], 2)) : m("", !0),
-      k(I.$slots, "table-header", {
+      k(O.$slots, "table-header", {
         fields: c.value,
         headers: u.value,
         isSelectable: s.value,
@@ -120,31 +120,31 @@ const Kt = {
             "is-checked": x.value.length === c.value.length && x.value.length > 0,
             onSelectAll: b
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : m("", !0),
-          (t(!0), i(N, null, R(u.value, (O) => (t(), p(o(rt), {
-            key: O.key,
-            text: O.label,
+          (t(!0), i(N, null, R(u.value, (I) => (t(), p(o(rt), {
+            key: I.key,
+            text: I.label,
             "is-loading": e.isLoading,
-            variant: O.headerVariant,
+            variant: I.headerVariant,
             "is-sticky": e.isSticky,
             class: v([[
               e.isSticky || e.isResponsive ? "flex md:min-h-auto" : "hidden md:flex",
-              O.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
-              O.stickyRight ? "right-0" : "",
-              typeof O.class == "function" ? O.class() : O.class,
-              O.stickyLeft || O.stickyRight ? "sticky shrink-0 z-10" : "",
-              O.stickyLeft && !B.value ? "shadow-right-sticky" : "",
-              O.stickyRight && !C.value ? "shadow-left-sticky" : ""
+              I.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
+              I.stickyRight ? "right-0" : "",
+              typeof I.class == "function" ? I.class() : I.class,
+              I.stickyLeft || I.stickyRight ? "sticky shrink-0 z-10" : "",
+              I.stickyLeft && !V.value ? "shadow-right-sticky" : "",
+              I.stickyRight && !C.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"])
           }, {
             default: S(() => [
-              k(I.$slots, `header-${O.key}`)
+              k(O.$slots, `header-${I.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (O) => (t(), i("div", {
-        key: O,
+      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (I) => (t(), i("div", {
+        key: I,
         class: v(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": s.value,
           "border-b": e.isBorderless
@@ -155,13 +155,13 @@ const Kt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : m("", !0),
         (t(!0), i(N, null, R(u.value, (L, E) => (t(), p(o(Re), {
-          key: `${E}-${O}`,
+          key: `${E}-${I}`,
           class: v(L.class),
           "is-loading": "",
-          "is-last": O === e.loadingRows
+          "is-last": I === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), i(N, { key: 2 }, [
-        k(I.$slots, "table-body", {
+        k(O.$slots, "table-body", {
           fields: c.value,
           headers: u.value,
           isScrollOnEnd: C.value,
@@ -171,10 +171,10 @@ const Kt = {
           isResponsive: e.isResponsive,
           isSticky: e.isSticky,
           rowLink: e.rowLink,
-          calculateRowClass: D.value
+          calculateRowClass: A.value
         }, () => [
-          (t(!0), i(N, null, R(c.value, (O, L) => (t(), i("div", {
-            key: `${f.value(O)}-${L}`,
+          (t(!0), i(N, null, R(c.value, (I, L) => (t(), i("div", {
+            key: `${f.value(I)}-${L}`,
             class: v({
               "border-b": c.value.length !== L + 1,
               "w-max": e.isSticky
@@ -187,7 +187,7 @@ const Kt = {
                   "cursor-pointer": d.value
                 },
                 e.isResponsive ? "w-full" : e.isSticky ? "w-max !p-0" : "flex-wrap md:flex-nowrap",
-                D.value(O, L)
+                A.value(I, L)
               ]])
             }, [
               s.value ? (t(), p(o(Re), {
@@ -196,60 +196,60 @@ const Kt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === L + 1,
-                "is-selected": x.value.some((E) => f.value(E) === f.value(O)),
+                "is-selected": x.value.some((E) => f.value(E) === f.value(I)),
                 variant: "checkbox",
-                onSelected: (E) => y(O),
-                "onHover:field": $[0] || ($[0] = (E) => I.$emit("hover:cell", E))
+                onSelected: (E) => y(I),
+                "onHover:field": $[0] || ($[0] = (E) => O.$emit("hover:cell", E))
               }, null, 8, ["is-last", "is-selected", "class", "onSelected"])) : m("", !0),
               (t(!0), i(N, null, R(u.value, (E, P) => (t(), p(o(Re), {
                 key: `${P}-${L}`,
                 class: v(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(O) : E.class,
+                  typeof E.class == "function" ? E.class(I) : E.class,
                   E.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
                   E.stickyRight ? "right-0" : "",
                   E.stickyLeft || E.stickyRight ? "shrink-0 sticky z-10" : "",
-                  E.stickyLeft && !B.value ? "shadow-right-sticky" : "",
+                  E.stickyLeft && !V.value ? "shadow-right-sticky" : "",
                   E.stickyRight && !C.value ? "shadow-left-sticky" : ""
                 ]]),
                 "is-last": c.value.length === L + 1,
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: O[`${E.key}`] ?? "",
+                data: I[`${E.key}`] ?? "",
                 content: {
                   important: E.important ?? !1,
-                  title: O[`${E.title}`],
-                  description: O[`${E.description}`],
-                  href: O[`${E.href}`]
+                  title: I[`${E.title}`],
+                  description: I[`${E.description}`],
+                  href: I[`${E.href}`]
                 },
                 "chip-options": E.chipOptions,
                 "image-class": E.imageClass,
-                link: e.rowLink && O[e.rowLink] && E.key !== "actions" ? O[e.rowLink] : "",
-                onClick: (A) => M(O, E),
-                "onHover:field": $[1] || ($[1] = (A) => I.$emit("hover:cell", A))
+                link: e.rowLink && I[e.rowLink] && E.key !== "actions" ? I[e.rowLink] : "",
+                onClick: (D) => M(I, E),
+                "onHover:field": $[1] || ($[1] = (D) => O.$emit("hover:cell", D))
               }, {
                 default: S(() => [
-                  I.$slots[E.key] ? k(I.$slots, E.key, {
+                  O.$slots[E.key] ? k(O.$slots, E.key, {
                     key: 0,
-                    item: O,
-                    data: O[E.key],
+                    item: I,
+                    data: I[E.key],
                     index: L
                   }) : m("", !0)
                 ]),
                 _: 2
               }, 1032, ["is-last", "variant", "is-copy", "add-description-to-copy-clipboard", "data", "content", "chip-options", "class", "image-class", "link", "onClick"]))), 128))
             ], 2),
-            I.$slots.extra ? (t(), i("div", Kt, [
-              k(I.$slots, "extra", {
-                item: O,
+            O.$slots.extra ? (t(), i("div", Kt, [
+              k(O.$slots, "extra", {
+                item: I,
                 index: L
               })
             ])) : m("", !0)
           ], 2))), 128))
         ]),
-        c.value.length ? m("", !0) : k(I.$slots, "empty", { key: 0 })
+        c.value.length ? m("", !0) : k(O.$slots, "empty", { key: 0 })
       ], 64)),
-      k(I.$slots, "after")
+      k(O.$slots, "after")
     ], 34));
   }
 }, Gt = { class: "mx-auto" }, rt = {
@@ -584,7 +584,7 @@ const Kt = {
               class: v(["mx-auto transition-all duration-500", r.value ? "rotate-180" : ""])
             }, null, 8, ["class"])) : m("", !0)
           ]),
-          e.isAlternative ? (t(!0), i(N, { key: 1 }, R(e.headers, (b, D) => {
+          e.isAlternative ? (t(!0), i(N, { key: 1 }, R(e.headers, (b, A) => {
             var M;
             return t(), i("div", {
               key: b.key,
@@ -601,9 +601,9 @@ const Kt = {
                 data: (M = e.row) == null ? void 0 : M[b == null ? void 0 : b.key],
                 item: e.row
               }, () => {
-                var B, C;
+                var V, C;
                 return [
-                  (B = d.value) != null && B[D] ? (t(), p(o(ae), {
+                  (V = d.value) != null && V[A] ? (t(), p(o(ae), {
                     key: 0,
                     class: "overflow-hidden w-[-webkit-fill-available]",
                     "arrow-hidden": "",
@@ -666,8 +666,8 @@ const Kt = {
           class: "transition-all overflow-hidden duration-500",
           style: oe({ maxHeight: a.value })
         }, [
-          (t(!0), i(N, null, R(e.row.children, (b, D) => (t(), p(o(Pe), {
-            key: D,
+          (t(!0), i(N, null, R(e.row.children, (b, A) => (t(), p(o(Pe), {
+            key: A,
             row: b,
             important: b.important,
             "is-alternative": e.isAlternative,
@@ -676,10 +676,10 @@ const Kt = {
             value: e.value[b.key],
             depth: e.depth + 1
           }, te({ _: 2 }, [
-            R(u.$slots, (M, B) => ({
-              name: B,
+            R(u.$slots, (M, V) => ({
+              name: V,
               fn: S((C) => [
-                k(u.$slots, B, F({ ref_for: !0 }, C))
+                k(u.$slots, V, F({ ref_for: !0 }, C))
               ])
             }))
           ]), 1032, ["row", "important", "is-alternative", "is-loading", "headers", "value", "depth"]))), 128))
@@ -1182,7 +1182,7 @@ const Kt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, s) => {
-      var d, c, u, f, x, y, b, D, M, B, C, h, V, I, $, O, L, E, P;
+      var d, c, u, f, x, y, b, A, M, V, C, h, B, O, $, I, L, E, P;
       return t(), i("div", {
         class: v(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1196,14 +1196,14 @@ const Kt = {
               variant: "secondary",
               size: "small",
               class: "*:!px-[6px]",
-              onClick: s[0] || (s[0] = (A) => l.$emit("editCustomer", e.customer))
+              onClick: s[0] || (s[0] = (D) => l.$emit("editCustomer", e.customer))
             })
           ], 2)) : m("", !0),
           e.isClosable ? (t(), p(o(T), {
             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",
-            onClick: s[1] || (s[1] = (A) => a("closeCustomer"))
+            onClick: s[1] || (s[1] = (D) => a("closeCustomer"))
           })) : m("", !0),
           e.customer ? (t(), i(N, { key: 2 }, [
             n("div", Ml, [
@@ -1212,9 +1212,9 @@ const Kt = {
                 size: 32
               }, {
                 default: S(() => {
-                  var A, U;
+                  var D, U;
                   return [
-                    W(w(((U = (A = e.customer) == null ? void 0 : A.name) == null ? void 0 : U[0]) || "J"), 1)
+                    W(w(((U = (D = e.customer) == null ? void 0 : D.name) == null ? void 0 : U[0]) || "J"), 1)
                   ];
                 }),
                 _: 1
@@ -1234,7 +1234,7 @@ const Kt = {
               e.isBeneficiary ? m("", !0) : (t(), p(o(De), {
                 key: 0,
                 label: "Phone",
-                content: (b = e.customer) != null && b.phone_number_country_code && ((D = e.customer) != null && D.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (M = e.customer) != null && M.phone_number ? e.customer.phone_number : "-"
+                content: (b = e.customer) != null && b.phone_number_country_code && ((A = e.customer) != null && A.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (M = e.customer) != null && M.phone_number ? e.customer.phone_number : "-"
               }, null, 8, ["content"])),
               e.isBeneficiary ? (t(), p(o(De), {
                 key: 1,
@@ -1244,10 +1244,10 @@ const Kt = {
                 key: 2,
                 label: "Address",
                 content: [
-                  ((C = (B = e.customer) == null ? void 0 : B.address) == null ? void 0 : C.street) || "",
-                  ((V = (h = e.customer) == null ? void 0 : h.address) == null ? void 0 : V.city) || "",
-                  (($ = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : $.state) || "",
-                  ((L = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : L.postal_code) || "",
+                  ((C = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : C.street) || "",
+                  ((B = (h = e.customer) == null ? void 0 : h.address) == null ? void 0 : B.city) || "",
+                  (($ = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : $.state) || "",
+                  ((L = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : L.postal_code) || "",
                   ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
@@ -1274,7 +1274,7 @@ const Kt = {
               size: "small",
               class: "w-full",
               label: "Add customer",
-              onClick: s[2] || (s[2] = (A) => l.$emit("addCustomer"))
+              onClick: s[2] || (s[2] = (D) => l.$emit("addCustomer"))
             })
           ], 64)),
           l.$slots.bottom ? (t(), i("div", {
@@ -1508,7 +1508,7 @@ const Kt = {
       const f = s.value.clientWidth - 105 - 32 - 4 * ((y = r.paymentMethods) == null ? void 0 : y.length) - 35, x = 35;
       d.value = Math.floor(f / x);
     };
-    return ke(() => {
+    return we(() => {
       c(), window.addEventListener("resize", c);
     }), Pt(() => {
       window.removeEventListener("resize", c);
@@ -1526,8 +1526,8 @@ const Kt = {
               n("div", fa, [
                 n("span", va, w(e.title), 1),
                 e.chips.length ? (t(), i("div", ga, [
-                  (t(!0), i(N, null, R(e.chips, (b, D) => (t(), p(o(ne), F({
-                    key: D,
+                  (t(!0), i(N, null, R(e.chips, (b, A) => (t(), p(o(ne), F({
+                    key: A,
                     class: "font-medium",
                     ref_for: !0
                   }, b), null, 16))), 128))
@@ -2593,28 +2593,28 @@ const Kt = {
     "update:modelValue": []
   },
   setup(e, { emit: r }) {
-    const a = e, l = j(0), s = j(0), d = j(), c = r, u = z(() => a.tabs.findIndex((B) => B.value === a.modelValue)), f = z(() => a.variant === "pills"), x = z(() => a.direction === "vertical"), y = () => {
+    const a = e, l = j(0), s = j(0), d = j(), c = r, u = z(() => a.tabs.findIndex((V) => V.value === a.modelValue)), f = z(() => a.variant === "pills"), x = z(() => a.direction === "vertical"), y = () => {
       x.value ? s.value = Math.round(d.value.clientHeight / vt) : s.value = Math.round(d.value.clientWidth / ft);
-    }, b = (B) => {
-      var V;
-      const C = B === "left" ? --u.value : ++u.value, h = (V = a.tabs[C]) == null ? void 0 : V.value;
+    }, b = (V) => {
+      var B;
+      const C = V === "left" ? --u.value : ++u.value, h = (B = a.tabs[C]) == null ? void 0 : B.value;
       h !== void 0 && c("update:modelValue", h);
-    }, D = () => {
-      const B = a.tabs.findIndex((C) => C.value === a.modelValue);
-      B > -1 && He(() => {
+    }, A = () => {
+      const V = a.tabs.findIndex((C) => C.value === a.modelValue);
+      V > -1 && He(() => {
         var h;
-        y(), l.value = B;
+        y(), l.value = V;
         const C = {};
-        x.value ? C.top = B * vt : C.left = B * ft, (h = d.value) == null || h.scroll({
+        x.value ? C.top = V * vt : C.left = V * ft, (h = d.value) == null || h.scroll({
           ...C,
           behavior: "smooth"
         });
       });
-    }, M = (B) => {
-      a.isDisabled || c("update:modelValue", B);
+    }, M = (V) => {
+      a.isDisabled || c("update:modelValue", V);
     };
-    return ke(() => {
-      y(), a.isArrows && D();
+    return we(() => {
+      y(), a.isArrows && A();
     }), ue(
       () => a.tabs,
       () => {
@@ -2626,9 +2626,9 @@ const Kt = {
     ), ue(
       () => a.modelValue,
       () => {
-        D();
+        A();
       }
-    ), (B, C) => (t(), i("div", {
+    ), (V, C) => (t(), i("div", {
       id: "test",
       ref_key: "tabsContainer",
       ref: d,
@@ -2656,13 +2656,13 @@ const Kt = {
         class: v(["flex items-center", { "flex-col": x.value }])
       }, [
         (t(!0), i(N, null, R(e.tabs, (h) => {
-          var V, I;
+          var B, O;
           return t(), i("div", {
             key: h.value,
             class: v(["relative cursor-pointer min-w-[48px] gap-x-3 items-center flex justify-center text-sm", [
               h.class,
               f.value ? "py-2 px-3 rounded" : "px-4 pb-3 border-b-2 -mb-[1px]",
-              ((V = e.modelValue) == null ? void 0 : V.toString()) === ((I = h.value) == null ? void 0 : I.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
+              ((B = e.modelValue) == null ? void 0 : B.toString()) === ((O = h.value) == null ? void 0 : O.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
               e.isArrows ? "!justify-normal !min-w-[100px]" : "",
               x.value ? "!justify-start w-full py-3 px-5" : "",
               x.value && e.isArrows ? "!min-h-[35px]" : "",
@@ -2670,7 +2670,7 @@ const Kt = {
             ]]),
             onClick: ($) => M(h.value)
           }, [
-            k(B.$slots, h.value, {}, () => [
+            k(V.$slots, h.value, {}, () => [
               n("div", {
                 class: v({ truncate: e.isArrows })
               }, w(h.label), 3),
@@ -2982,7 +2982,7 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
     return ue(
       () => r.modelValue,
       () => c()
-    ), ke(() => c()), (u, f) => (t(), i(N, null, [
+    ), we(() => c()), (u, f) => (t(), i(N, null, [
       n("div", vi, [
         (t(!0), i(N, null, R(e.menus, (x) => (t(), i("div", {
           key: x.value,
@@ -3305,7 +3305,7 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
         return ((b = a.primaryActions) == null ? void 0 : b.copiedTooltipContent) ?? "Link copied!";
       }
     );
-    return (b, D) => {
+    return (b, A) => {
       var M;
       return t(), i("div", {
         class: v(["p-1 gap-x-1 rounded-sm border text-oc-text-400 flex hover:bg-oc-bg group hover:border-oc-accent-1-100", c.value ? "bg-oc-bg border-oc-accent-1-100" : "border-transparent"])
@@ -3317,16 +3317,16 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
           distance: 7
         }, {
           popper: S(() => {
-            var B, C;
+            var V, C;
             return [
-              n("div", Ai, w((C = (B = e.primaryActions) == null ? void 0 : B.mainLinkAction) == null ? void 0 : C.tooltipContent), 1)
+              n("div", Ai, w((C = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : C.tooltipContent), 1)
             ];
           }),
           default: S(() => {
-            var B, C;
+            var V, C;
             return [
               n("a", {
-                href: (C = (B = e.primaryActions) == null ? void 0 : B.mainLinkAction) == null ? void 0 : C.url,
+                href: (C = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : C.url,
                 target: "_blank"
               }, [
                 g(o(T), {
@@ -3338,7 +3338,7 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
           }),
           _: 1
         })) : m("", !0),
-        (t(!0), i(N, null, R(e.primaryActions.actions, (B, C) => {
+        (t(!0), i(N, null, R(e.primaryActions.actions, (V, C) => {
           var h;
           return t(), i(N, { key: C }, [
             (h = e.primaryActions) != null && h.mainLinkAction || C > 0 ? (t(), i("div", ji)) : m("", !0),
@@ -3348,19 +3348,19 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
               distance: 7
             }, {
               popper: S(() => [
-                n("div", Mi, w(B != null && B.isCopyButton ? s.value ? x.value : f.value : B.tooltipContent), 1)
+                n("div", Mi, w(V != null && V.isCopyButton ? s.value ? x.value : f.value : V.tooltipContent), 1)
               ]),
               default: S(() => [
-                B != null && B.isCopyButton ? (t(), p(o(T), {
+                V != null && V.isCopyButton ? (t(), p(o(T), {
                   key: 0,
                   class: v(["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", s.value ? "!text-oc-success" : ""]),
                   name: s.value ? "check" : "copy",
                   onClick: u
                 }, null, 8, ["name", "class"])) : (t(), p(o(T), {
                   key: 1,
-                  class: v(["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", B.class ?? ""]),
-                  name: B.icon,
-                  onClick: B.onClick
+                  class: v(["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
                 }, null, 8, ["name", "class", "onClick"]))
               ]),
               _: 2
@@ -3374,16 +3374,16 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
         d.value ? (t(), p(o(se), {
           key: 2,
           modelValue: c.value,
-          "onUpdate:modelValue": D[3] || (D[3] = (B) => c.value = B),
+          "onUpdate:modelValue": A[3] || (A[3] = (V) => c.value = V),
           distance: 6
         }, {
           menu: S(() => {
-            var B, C, h;
+            var V, C, h;
             return [
               n("div", Li, [
                 n("div", Pi, [
-                  (t(!0), i(N, null, R((B = e.primaryActions.dropdownOptions) == null ? void 0 : B.top, (V, I) => (t(), i(N, { key: I }, [
-                    V != null && V.isCopyButton ? (t(), p(o(he), {
+                  (t(!0), i(N, null, R((V = e.primaryActions.dropdownOptions) == null ? void 0 : V.top, (B, O) => (t(), i(N, { key: O }, [
+                    B != null && B.isCopyButton ? (t(), p(o(he), {
                       key: 0,
                       icon: s.value ? "check" : "copy",
                       text: s.value ? x.value : f.value,
@@ -3392,33 +3392,33 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
                     }, null, 8, ["icon", "text", "icon-classes"])) : (t(), p(o(he), F({
                       key: 1,
                       ref_for: !0
-                    }, V, {
-                      onClick: D[0] || (D[0] = ($) => c.value = !1)
+                    }, B, {
+                      onClick: A[0] || (A[0] = ($) => c.value = !1)
                     }), null, 16))
                   ], 64))), 128))
                 ]),
                 (C = e.primaryActions.dropdownOptions) != null && C.bottom ? (t(), i("div", Ei, [
-                  (t(!0), i(N, null, R((h = e.primaryActions.dropdownOptions) == null ? void 0 : h.bottom, (V, I) => (t(), i("div", { key: I }, [
-                    V != null && V.tooltipText ? (t(), p(o(ae), {
+                  (t(!0), i(N, null, R((h = e.primaryActions.dropdownOptions) == null ? void 0 : h.bottom, (B, O) => (t(), i("div", { key: O }, [
+                    B != null && B.tooltipText ? (t(), p(o(ae), {
                       key: 0,
                       position: "bottom",
                       distance: 14,
                       class: "!w-full"
                     }, {
                       popper: S(() => [
-                        n("div", Ni, w(V == null ? void 0 : V.tooltipText), 1)
+                        n("div", Ni, w(B == null ? void 0 : B.tooltipText), 1)
                       ]),
                       default: S(() => [
-                        g(o(he), F({ ref_for: !0 }, V, {
-                          onClick: D[1] || (D[1] = ($) => c.value = !1)
+                        g(o(he), F({ ref_for: !0 }, B, {
+                          onClick: A[1] || (A[1] = ($) => c.value = !1)
                         }), null, 16)
                       ]),
                       _: 2
                     }, 1024)) : (t(), p(o(he), F({
                       key: 1,
                       ref_for: !0
-                    }, V, {
-                      onClick: D[2] || (D[2] = ($) => c.value = !1)
+                    }, B, {
+                      onClick: A[2] || (A[2] = ($) => c.value = !1)
                     }), null, 16))
                   ]))), 128))
                 ])) : m("", !0)
@@ -3431,7 +3431,7 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
               "arrow-hidden": "",
               distance: 7
             }, {
-              popper: S(() => D[4] || (D[4] = [
+              popper: S(() => A[4] || (A[4] = [
                 n("div", { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, " More actions ", -1)
               ])),
               default: S(() => [
@@ -3554,7 +3554,7 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
       var x;
       (x = f.children) != null && x.length ? d(f.name) : a("redirect", f);
     }, u = z(() => (l.isExpanded ? "w-[300px] " : "w-[76px] ") + l.class);
-    return ke(() => {
+    return we(() => {
       l.sidebarMenu.forEach((f) => {
         f.items.forEach((x) => {
           x.children && x.children.forEach((y) => {
@@ -3575,27 +3575,27 @@ const Fm = /* @__PURE__ */ be(si, [["render", di]]), ci = { class: "flex items-c
             "is-sidebar-expanded": e.isExpanded
           }, {
             default: S(() => [
-              (t(!0), i(N, null, R(y.items, (D, M) => {
-                var B;
+              (t(!0), i(N, null, R(y.items, (A, M) => {
+                var V;
                 return t(), p(o(bo), {
                   key: M,
-                  icon: D.icon,
-                  label: D.label,
-                  "is-children": !!D.children,
-                  "is-active": D.active || D.children && ((B = D.children) == null ? void 0 : B.some((C) => C.active)),
+                  icon: A.icon,
+                  label: A.label,
+                  "is-children": !!A.children,
+                  "is-active": A.active || A.children && ((V = A.children) == null ? void 0 : V.some((C) => C.active)),
                   "is-expanded": e.isExpanded,
-                  "is-menu-expanded": s.expanded.includes(D.name),
-                  onClick: (C) => c(D),
-                  onCloseMenu: (C) => d(D.name)
+                  "is-menu-expanded": s.expanded.includes(A.name),
+                  onClick: (C) => c(A),
+                  onCloseMenu: (C) => d(A.name)
                 }, {
                   default: S(() => [
-                    (t(!0), i(N, null, R(D.children, (C, h) => (t(), p(o(ko), {
+                    (t(!0), i(N, null, R(A.children, (C, h) => (t(), p(o(ko), {
                       key: h,
                       icon: C.icon,
                       label: C.label,
                       "is-active": C.active,
                       "is-expanded": e.isExpanded,
-                      onClick: (V) => f.$emit("redirect", C)
+                      onClick: (B) => f.$emit("redirect", C)
                     }, null, 8, ["icon", "label", "is-active", "is-expanded", "onClick"]))), 128))
                   ]),
                   _: 2
@@ -5541,7 +5541,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       small: "16",
       big: "20"
     }));
-    return (D, M) => (t(), i("div", {
+    return (A, M) => (t(), i("div", {
       class: v(["flex overflow-hidden", [u.value, y.value, e.isDisabled || e.isLoading ? "pointer-events-none" : ""]])
     }, [
       n("button", {
@@ -5552,9 +5552,9 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           e.isAdditionalArea ? "rounded-l-[inherit]" : "rounded-[inherit]"
         ]]),
         disabled: e.isDisabled || e.isLoading,
-        onMousedown: M[0] || (M[0] = (B) => a.value = !0),
-        onMouseup: M[1] || (M[1] = (B) => a.value = !1),
-        onMouseleave: M[2] || (M[2] = (B) => a.value = !1)
+        onMousedown: M[0] || (M[0] = (V) => a.value = !0),
+        onMouseup: M[1] || (M[1] = (V) => a.value = !1),
+        onMouseleave: M[2] || (M[2] = (V) => a.value = !1)
       }, [
         e.isLoading ? (t(), p(o(T), {
           key: 0,
@@ -5570,7 +5570,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           height: b.value[e.size],
           name: e.leftIcon
         }, null, 8, ["width", "class", "height", "name"])) : m("", !0),
-        e.label ? (t(), i("span", sr, w(e.label), 1)) : k(D.$slots, "default", { key: 3 }, void 0, !0),
+        e.label ? (t(), i("span", sr, w(e.label), 1)) : k(A.$slots, "default", { key: 3 }, void 0, !0),
         e.rightIcon ? (t(), p(o(T), {
           key: 4,
           width: b.value[e.size],
@@ -5582,9 +5582,9 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       e.isAdditionalArea && !e.isTransparent ? (t(), i("div", {
         key: 0,
         class: v(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [s.value[e.size], e.variant]]),
-        onClick: M[3] || (M[3] = me((B) => D.$emit("addition-click"), ["stop"]))
+        onClick: M[3] || (M[3] = me((V) => A.$emit("addition-click"), ["stop"]))
       }, [
-        k(D.$slots, "additional-content", {}, () => [
+        k(A.$slots, "additional-content", {}, () => [
           g(o(T), {
             name: e.additionalAreaIcon,
             class: v(c.value[e.size])
@@ -5780,16 +5780,16 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             "is-button-variant": e.isButtonVariant,
             "onUpdate:modelValue": x
           }, null, 8, ["is-disabled", "value", "model-value", "is-button-variant"])) : m("", !0),
-          (t(!0), i(N, null, R(e.checkboxes, (D, M) => (t(), p(o(Te), {
+          (t(!0), i(N, null, R(e.checkboxes, (A, M) => (t(), p(o(Te), {
             key: M,
-            label: D.label,
-            value: D.value,
+            label: A.label,
+            value: A.value,
             "is-error": !!e.errorMessage,
             "is-disabled": e.isDisabled,
             class: v({ "!w-fit": !e.isBlock }),
-            "model-value": d(D.value),
+            "model-value": d(A.value),
             "is-button-variant": e.isButtonVariant,
-            "onUpdate:modelValue": (B) => c(D.value)
+            "onUpdate:modelValue": (V) => c(A.value)
           }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
         ], 2)
       ]),
@@ -5949,8 +5949,8 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       a.disabled ? "bg-oc-bg-dark pointer-events-none" : "bg-oc-bg-light",
       a.inputClass
     ]), f = z(() => {
-      const { class: y, ...b } = l, D = {};
-      return a.pattern && (D.pattern = a.pattern), { inputAttributes: D, ...b };
+      const { class: y, ...b } = l, A = {};
+      return a.pattern && (A.pattern = a.pattern), { inputAttributes: A, ...b };
     }), x = z(() => a.inputType === "password");
     return (y, b) => (t(), p(o(xe), {
       label: e.isInlineLabel ? "" : e.label,
@@ -5965,7 +5965,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       default: S(() => [
         n("div", {
           class: v(["rounded h-[36px] border input-shadow flex items-center transition-all ease-out duration-[250ms] gap-x-3 px-3 cursor-pointer", u.value]),
-          onClick: b[5] || (b[5] = (D) => {
+          onClick: b[5] || (b[5] = (A) => {
             var M;
             return (M = y.$refs.inputRef) == null ? void 0 : M.focus();
           })
@@ -5999,14 +5999,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 class: "h-7 outline-none md:text-base text-lg w-full text-oc-text disabled:bg-transparent disabled:text-oc-text-300 text-ellipsis placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light"
               }, f.value, {
                 type: x.value && d.value ? "text" : e.inputType,
-                onFocus: b[0] || (b[0] = (D) => {
-                  c.value = !0, y.$emit("focus", D);
+                onFocus: b[0] || (b[0] = (A) => {
+                  c.value = !0, y.$emit("focus", A);
                 }),
                 onBlur: b[1] || (b[1] = () => {
                   c.value = !1, y.$emit("blur");
                 }),
-                onInput: b[2] || (b[2] = (D) => y.$emit("update:modelValue", D.target.value)),
-                onPaste: b[3] || (b[3] = (D) => y.$emit("paste"))
+                onInput: b[2] || (b[2] = (A) => y.$emit("update:modelValue", A.target.value)),
+                onPaste: b[3] || (b[3] = (A) => y.$emit("paste"))
               }), null, 16, xr)
             ])
           ]),
@@ -6015,7 +6015,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             y.$slots.leading ? m("", !0) : (t(), i("span", {
               key: 1,
               class: "text-oc-text-200",
-              onClick: b[4] || (b[4] = me((D) => d.value = !d.value, ["prevent"]))
+              onClick: b[4] || (b[4] = me((A) => d.value = !d.value, ["prevent"]))
             }, [
               (t(), p(o(T), {
                 key: d.value,
@@ -6086,15 +6086,15 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
   },
   setup(e, { expose: r, emit: a }) {
     const l = e, s = a, d = j([]), c = j(), u = j(""), f = j(!1), x = j(!1), y = z(() => f.value ? d.value : d.value.slice(0, l.maxVisibleOptions)), b = (M) => {
-      d.value = d.value.filter((B) => B !== M), s("option-removed", M), s("update:modelValue", d.value);
-    }, D = (M) => {
+      d.value = d.value.filter((V) => V !== M), s("option-removed", M), s("update:modelValue", d.value);
+    }, A = (M) => {
       if (!(M != null && M.trim()))
         return;
-      const B = (M == null ? void 0 : M.split(",")) || [];
-      B.forEach((C) => {
+      const V = (M == null ? void 0 : M.split(",")) || [];
+      V.forEach((C) => {
         var h;
         C != null && C.trim() && (!l.allowDuplicated && ((h = d.value) != null && h.includes(C)) || (d.value.push(C), s("option-added", C)));
-      }), B.length && (u.value = "", s("update:modelValue", d.value));
+      }), V.length && (u.value = "", s("update:modelValue", d.value));
     };
     return ue(
       () => l.modelValue,
@@ -6107,7 +6107,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
       }
     ), r({
       focus: () => c.value.focus()
-    }), (M, B) => (t(), p(o(xe), {
+    }), (M, V) => (t(), p(o(xe), {
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -6123,7 +6123,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             e.isInlineLabel && e.label ? (t(), i("label", $r, w(e.label) + ": ", 1)) : m("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
-              onClick: B[4] || (B[4] = (V) => c.value.focus())
+              onClick: V[4] || (V[4] = (B) => c.value.focus())
             }, [
               n("div", {
                 class: v(["border min-h-[36px] py-3 w-full px-3 flex justify-between items-center cursor-pointer gap-x-3 rounded", {
@@ -6136,16 +6136,16 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                     options: y.value,
                     areAllOptionsVisible: f.value
                   }, () => [
-                    (t(!0), i(N, null, R(y.value, (V, I) => (t(), p(o(ne), {
-                      key: `${V}-${I}`,
+                    (t(!0), i(N, null, R(y.value, (B, O) => (t(), p(o(ne), {
+                      key: `${B}-${O}`,
                       closable: "",
-                      label: V,
-                      onRemove: ($) => b(V)
+                      label: B,
+                      onRemove: ($) => b(B)
                     }, null, 8, ["label", "onRemove"]))), 128)),
                     d.value.length > e.maxVisibleOptions ? (t(), p(o(ne), {
                       key: 0,
                       variant: "gray",
-                      onClick: B[0] || (B[0] = (V) => f.value = !f.value)
+                      onClick: V[0] || (V[0] = (B) => f.value = !f.value)
                     }, {
                       default: S(() => [
                         f.value ? (t(), p(o(T), {
@@ -6167,11 +6167,11 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                     placeholder: ((C = y.value) == null ? void 0 : C.length) === 0 ? e.placeholder : "",
                     disabled: e.isDisabled,
                     class: v(["h-7 flex-1 outline-none text-oc-text disabled:bg-transparent placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light", ((h = y.value) == null ? void 0 : h.length) === 0 ? "min-w-full" : "min-w-[80px]"]),
-                    onFocus: B[1] || (B[1] = (V) => x.value = !0),
-                    onBlur: B[2] || (B[2] = (V) => {
-                      console.log("$event: ", V), x.value = !1, M.$emit("blur", V);
+                    onFocus: V[1] || (V[1] = (B) => x.value = !0),
+                    onBlur: V[2] || (V[2] = (B) => {
+                      console.log("$event: ", B), x.value = !1, M.$emit("blur", B);
                     }),
-                    onKeyup: B[3] || (B[3] = Fe((V) => D(V.target.value), ["enter"]))
+                    onKeyup: V[3] || (V[3] = Fe((B) => A(B.target.value), ["enter"]))
                   }, null, 42, Cr)
                 ])
               ], 2)
@@ -6225,43 +6225,43 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
     const a = e, l = r;
     let s = a.initialCountryCode;
     if (a.modelValue && a.modelValue[0]) {
-      const V = a.countryCodes.find((I) => I.code === a.modelValue[0].toString());
-      V && (s = V.iso.toLowerCase());
+      const B = a.countryCodes.find((O) => O.code === a.modelValue[0].toString());
+      B && (s = B.iso.toLowerCase());
     }
     const d = j(s), c = j(!1), u = j(""), f = z(
-      () => a.countryCodes.filter((V) => V.country.toLowerCase().includes(u.value.toLowerCase())).sort((V, I) => V.country.localeCompare(I.country))
-    ), x = (V) => a.countryCodes.find((I) => I.iso.toLowerCase() === V.toLowerCase()) || null, y = (V) => {
-      var I;
-      return ((I = x(V)) == null ? void 0 : I.code) || "";
-    }, b = (V) => {
-      l("update:modelValue", [y(d.value), V]);
-    }, D = (V, I, $ = null) => {
+      () => a.countryCodes.filter((B) => B.country.toLowerCase().includes(u.value.toLowerCase())).sort((B, O) => B.country.localeCompare(O.country))
+    ), x = (B) => a.countryCodes.find((O) => O.iso.toLowerCase() === B.toLowerCase()) || null, y = (B) => {
       var O;
-      d.value = V.toLowerCase(), l("update:modelValue", [I, $ || ((O = a.modelValue) == null ? void 0 : O[1]) || ""]), c.value = !1;
-    }, M = j(null), B = j([]), C = () => {
+      return ((O = x(B)) == null ? void 0 : O.code) || "";
+    }, b = (B) => {
+      l("update:modelValue", [y(d.value), B]);
+    }, A = (B, O, $ = null) => {
+      var I;
+      d.value = B.toLowerCase(), l("update:modelValue", [O, $ || ((I = a.modelValue) == null ? void 0 : I[1]) || ""]), c.value = !1;
+    }, M = j(null), V = j([]), C = () => {
       setTimeout(() => {
-        const V = f.value.indexOf(
+        const B = f.value.indexOf(
           x(d.value)
-        ), $ = B.value[V].offsetTop;
+        ), $ = V.value[B].offsetTop;
         M.value.scrollTo(0, $ - 60, { behavior: "smooth" });
       }, 10);
-    }, h = (V) => {
-      let I = V.clipboardData.getData("Text");
+    }, h = (B) => {
+      let O = B.clipboardData.getData("Text");
       try {
-        if (I.search(/[^0-9]/g) < 0)
-          if (I = I.slice(0, 19), I.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: $, countryCallingCode: O, country: L } = Wt(
-              "+" + I.replace("+", "")
+        if (O.search(/[^0-9]/g) < 0)
+          if (O = O.slice(0, 19), O.length > 5 && a.shouldParseCountryCode) {
+            const { nationalNumber: $, countryCallingCode: I, country: L } = Wt(
+              "+" + O.replace("+", "")
             );
-            O && L ? D(L, O, $) : l("update:modelValue", [y(d.value), $]);
+            I && L ? A(L, I, $) : l("update:modelValue", [y(d.value), $]);
           } else
-            l("update:modelValue", [y(d.value), I]);
+            l("update:modelValue", [y(d.value), O]);
       } catch {
-        l("update:modelValue", [y(d.value), I]);
+        l("update:modelValue", [y(d.value), O]);
       }
-      V.preventDefault();
+      B.preventDefault();
     };
-    return (V, I) => {
+    return (B, O) => {
       var $;
       return t(), p(o(ye), {
         "error-message": e.errorMessage,
@@ -6283,7 +6283,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           g(o(se), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              I[3] || (I[3] = (O) => c.value = O),
+              O[3] || (O[3] = (I) => c.value = I),
               C
             ],
             distance: 10,
@@ -6298,12 +6298,12 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 n("div", Or, [
                   g(o(ye), {
                     modelValue: u.value,
-                    "onUpdate:modelValue": I[0] || (I[0] = (O) => u.value = O),
+                    "onUpdate:modelValue": O[0] || (O[0] = (I) => u.value = I),
                     icon: "search",
                     placeholder: "Search",
-                    onKeydown: I[1] || (I[1] = me(() => {
+                    onKeydown: O[1] || (O[1] = me(() => {
                     }, ["stop"])),
-                    onClick: I[2] || (I[2] = me(() => {
+                    onClick: O[2] || (O[2] = me(() => {
                     }, ["stop"]))
                   }, {
                     icon: S(() => [
@@ -6315,22 +6315,22 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), i(N, null, R(f.value, (O, L) => (t(), i("div", {
+                (t(!0), i(N, null, R(f.value, (I, L) => (t(), i("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
-                  ref: B,
+                  ref: V,
                   key: L,
                   class: v([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
-                    d.value === O.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                    d.value === I.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
                   ]),
-                  onClick: (E) => D(O.iso, O.code)
+                  onClick: (E) => A(I.iso, I.code)
                 }, [
                   n("div", {
-                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${O.iso.toLowerCase()}`])
+                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${I.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Tr, "+" + w(O.code), 1),
-                  n("span", Dr, w(O.country), 1)
+                  n("span", Tr, "+" + w(I.code), 1),
+                  n("span", Dr, w(I.country), 1)
                 ], 10, Ir))), 128))
               ], 512)
             ]),
@@ -6546,14 +6546,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
   },
   setup(e, { emit: r }) {
     var x, y;
-    const a = e, l = r, s = j(((x = a.modelValue) == null ? void 0 : x[0]) ?? ""), d = j(((y = a.modelValue) == null ? void 0 : y[1]) ?? ""), c = j(), u = (b, D) => {
-      isNaN(b) || (D === 1 ? d.value = Number(b) : s.value = Number(b), a.onlyInput ? (s.value > d.value && (d.value = s.value), d.value < s.value && (s.value = d.value), l("update:modelValue", [s.value, d.value])) : c.value.updateSlider([s.value, d.value]));
+    const a = e, l = r, s = j(((x = a.modelValue) == null ? void 0 : x[0]) ?? ""), d = j(((y = a.modelValue) == null ? void 0 : y[1]) ?? ""), c = j(), u = (b, A) => {
+      isNaN(b) || (A === 1 ? d.value = Number(b) : s.value = Number(b), a.onlyInput ? (s.value > d.value && (d.value = s.value), d.value < s.value && (s.value = d.value), l("update:modelValue", [s.value, d.value])) : c.value.updateSlider([s.value, d.value]));
     }, f = (b) => {
       isNaN(b[0]) || isNaN(b[1]) || (s.value = Number(b[0]), d.value = Number(b[1]), l("update:modelValue", [Number(s.value), Number(d.value)]));
     };
-    return ke(() => {
+    return we(() => {
       a.onlyInput || c.value.updateSlider();
-    }), (b, D) => (t(), i("div", Nr, [
+    }), (b, A) => (t(), i("div", Nr, [
       g(o(xe), {
         label: e.label,
         hint: e.hint,
@@ -6566,14 +6566,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
               label: "From",
               "is-inline-label": "",
               placeholder: "",
-              "onUpdate:modelValue": D[0] || (D[0] = (M) => u(M, 0))
+              "onUpdate:modelValue": A[0] || (A[0] = (M) => u(M, 0))
             }, null, 8, ["model-value"]),
             g(o(ye), {
               "model-value": d.value,
               label: "To",
               "is-inline-label": "",
               placeholder: "",
-              "onUpdate:modelValue": D[1] || (D[1] = (M) => u(M, 1))
+              "onUpdate:modelValue": A[1] || (A[1] = (M) => u(M, 1))
             }, null, 8, ["model-value"])
           ]),
           e.onlyInput ? m("", !0) : (t(), i("div", Rr, [
@@ -6671,9 +6671,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
     },
     popperOptions: {
       type: Object,
-      default: () => ({
-        strategy: "fixed"
-      })
+      default: () => ({})
     },
     isInlineSearch: Boolean,
     isClearable: Boolean,
@@ -6693,11 +6691,11 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
     loadMore: []
   },
   setup(e, { expose: r, emit: a }) {
-    const l = e, s = a, d = j(l.searchKeywords ?? ""), c = j(!1), u = j(), f = j(), x = j([]), y = j(), b = j((/* @__PURE__ */ new Date()).toISOString()), D = z(() => {
-      var P, A;
-      return l.multiple ? ((P = l.modelValue) == null ? void 0 : P.length) && ((A = l.modelValue) == null ? void 0 : A.length) === M.value.length : !1;
+    const l = e, s = a, d = j(l.searchKeywords ?? ""), c = j(!1), u = j(), f = j(), x = j([]), y = j(), b = j((/* @__PURE__ */ new Date()).toISOString()), A = z(() => {
+      var P, D;
+      return l.multiple ? ((P = l.modelValue) == null ? void 0 : P.length) && ((D = l.modelValue) == null ? void 0 : D.length) === M.value.length : !1;
     }), M = z(() => {
-      var A, U;
+      var D, U;
       const P = [];
       for (const H of l.options)
         if (H.values) {
@@ -6712,49 +6710,49 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             values: K
           });
         } else
-          ((A = H.label) != null && A.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && P.push(H);
+          ((D = H.label) != null && D.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && P.push(H);
       return P;
-    }), B = z(() => {
+    }), V = z(() => {
       if (l.multiple) {
         let P = [];
         if (l.modelValue)
-          for (const A of l.modelValue)
+          for (const D of l.modelValue)
             for (const U of l.options)
               U.values ? U.values.forEach((H) => {
-                H.value === A && P.push(H);
-              }) : U.value === A && P.push(U);
+                H.value === D && P.push(H);
+              }) : U.value === D && P.push(U);
         return P;
       } else
         return l.options.find((P) => {
-          var A;
-          return P.value.toString() === ((A = l.modelValue) == null ? void 0 : A.toString());
+          var D;
+          return P.value.toString() === ((D = l.modelValue) == null ? void 0 : D.toString());
         });
     }), C = (P) => {
       var U;
       if (P.isDisabled)
         return;
-      let A;
+      let D;
       if (l.multiple) {
         const H = (l.modelValue || []).find((K) => K === P.value);
-        if (!H && l.maxOptionAllowed && ((U = B.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
+        if (!H && l.maxOptionAllowed && ((U = V.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
           s("max-option-allowed-set");
           return;
         }
-        A = H ? (l.modelValue || []).filter((K) => K !== P.value) : [...l.modelValue || [], P.value];
+        D = H ? (l.modelValue || []).filter((K) => K !== P.value) : [...l.modelValue || [], P.value];
       } else
-        A = P.value, c.value = !1;
-      s("update:modelValue", A);
+        D = P.value, c.value = !1;
+      s("update:modelValue", D);
     }, h = (P) => {
       s(
         "update:modelValue",
-        (l.modelValue || []).filter((A) => A !== P)
+        (l.modelValue || []).filter((D) => D !== P)
       );
-    }, V = () => {
-      l.isAsynchronousSearch || (D.value ? s("update:modelValue", null) : s(
+    }, B = () => {
+      l.isAsynchronousSearch || (A.value ? s("update:modelValue", null) : s(
         "update:modelValue",
         M.value.map((P) => P.value)
       ));
-    }, I = j();
+    }, O = j();
     ue(M, () => {
       b.value = (/* @__PURE__ */ new Date()).toISOString();
     }), ue(c, (P) => {
@@ -6763,19 +6761,19 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
         return;
       }
       He(() => {
-        var A;
-        (A = u.value) == null || A.focus();
+        var D;
+        (D = u.value) == null || D.focus();
       });
     });
-    const $ = j("100%"), O = z(() => ({ maxWidth: $.value })), L = () => {
-      var P, A, U, H;
-      s("toggle"), $.value = (A = (P = I.value) == null ? void 0 : P.$el) != null && A.offsetWidth ? `${(H = (U = I.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
+    const $ = j("100%"), I = z(() => ({ maxWidth: $.value })), L = () => {
+      var P, D, U, H;
+      s("toggle"), $.value = (D = (P = O.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = O.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var ce;
         let K, _;
         if (Array.isArray(l.modelValue) ? K = l.modelValue[0] ?? null : K = l.modelValue, !K) return;
-        M.value.find((ge, we) => {
+        M.value.find((ge, $e) => {
           if (ge.value === K)
-            return _ = we, !0;
+            return _ = $e, !0;
         });
         const ee = x.value[_], ie = (ce = ee == null ? void 0 : ee.optionItemRef) == null ? void 0 : ce.offsetTop;
         y.value.parentNode.scrollTo(0, ie - 60, { behavior: "smooth" });
@@ -6788,9 +6786,9 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
     };
     return r({
       dropdownRef: f
-    }), (P, A) => (t(), p(o(xe), {
+    }), (P, D) => (t(), p(o(xe), {
       ref_key: "baseInput",
-      ref: I,
+      ref: O,
       class: "relative rounded",
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
@@ -6811,7 +6809,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           ref: f,
           modelValue: c.value,
           "onUpdate:modelValue": [
-            A[7] || (A[7] = (U) => c.value = U),
+            D[7] || (D[7] = (U) => c.value = U),
             L
           ],
           class: v(["w-full", [
@@ -6822,7 +6820,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
           distance: 4,
           "popper-class": "w-full",
           placement: "bottom-end",
-          "popper-style": O.value,
+          "popper-style": I.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
           "menu-classes": e.menuClasses,
@@ -6836,14 +6834,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 ref: y,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && B.value ? (t(), i("div", Kr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && V.value ? (t(), i("div", Kr, [
                   g(o(ye), {
                     ref_key: "searchInputRef",
                     ref: u,
                     modelValue: d.value,
                     "onUpdate:modelValue": [
-                      A[4] || (A[4] = (H) => d.value = H),
-                      A[5] || (A[5] = (H) => P.$emit("onSearchKeywords", d.value))
+                      D[4] || (D[4] = (H) => d.value = H),
+                      D[5] || (D[5] = (H) => P.$emit("onSearchKeywords", d.value))
                     ],
                     icon: "search",
                     placeholder: e.inlineSearchPlaceholder
@@ -6858,16 +6856,16 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                   }, 8, ["modelValue", "placeholder"])
                 ])) : m("", !0),
                 n("div", {
-                  class: v(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !B.value }])
+                  class: v(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !V.value }])
                 }, [
                   e.isCheckboxes && e.isSelectAll && M.value.length && e.multiple ? (t(), p(o(gt), {
                     key: 0,
-                    "is-selected": D.value,
+                    "is-selected": A.value,
                     "is-checkboxes": "",
-                    "is-partial": !D.value && !!((U = e.modelValue) != null && U.length),
+                    "is-partial": !A.value && !!((U = e.modelValue) != null && U.length),
                     class: "border-b border-oc-gray-200",
                     label: "Select All",
-                    onClick: V
+                    onClick: B
                   }, null, 8, ["is-selected", "is-partial"])) : m("", !0),
                   k(P.$slots, "default", {
                     key: b.value,
@@ -6899,14 +6897,14 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                   class: "flex items-center py-2 justify-center gap-x-[6px] sticky bottom-0 bg-white z-10",
                   size: "small",
                   "is-transparent": "",
-                  onClick: A[6] || (A[6] = (H) => P.$emit("addNew"))
+                  onClick: D[6] || (D[6] = (H) => P.$emit("addNew"))
                 }, {
                   default: S(() => [
                     g(o(T), {
                       class: "w-5 h-5",
                       name: "plus"
                     }),
-                    A[8] || (A[8] = W(" Add new "))
+                    D[8] || (D[8] = W(" Add new "))
                   ]),
                   _: 1
                 })) : m("", !0)
@@ -6929,7 +6927,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
             }, [
               e.multiple ? (t(), i("div", Ur, [
                 k(P.$slots, "selection", {}, () => [
-                  (t(!0), i(N, null, R(e.maxVisibleOptions ? B.value.slice(0, e.maxVisibleOptions) : B.value, (U) => (t(), p(o(ne), F({
+                  (t(!0), i(N, null, R(e.maxVisibleOptions ? V.value.slice(0, e.maxVisibleOptions) : V.value, (U) => (t(), p(o(ne), F({
                     key: U.value,
                     closable: "",
                     variant: U.variant,
@@ -6939,24 +6937,24 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                     "should-truncate-chip": "",
                     onRemove: (H) => h(U.value)
                   }), null, 16, ["variant", "label", "onRemove"]))), 128)),
-                  e.maxVisibleOptions && B.value.length > e.maxVisibleOptions ? (t(), p(o(ne), {
+                  e.maxVisibleOptions && V.value.length > e.maxVisibleOptions ? (t(), p(o(ne), {
                     key: 0,
-                    label: `+${B.value.length - e.maxVisibleOptions}`
+                    label: `+${V.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                B.value.length === 0 ? (t(), i("span", qr, w(e.placeholder), 1)) : m("", !0)
+                V.value.length === 0 ? (t(), i("span", qr, w(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
-              e.isInlineSearch && e.isFilterable && !B.value ? (t(), p(o(ye), {
+              e.isInlineSearch && e.isFilterable && !V.value ? (t(), p(o(ye), {
                 key: 1,
                 modelValue: d.value,
                 "onUpdate:modelValue": [
-                  A[0] || (A[0] = (U) => d.value = U),
-                  A[1] || (A[1] = (U) => P.$emit("onSearchKeywords", d.value))
+                  D[0] || (D[0] = (U) => d.value = U),
+                  D[1] || (D[1] = (U) => P.$emit("onSearchKeywords", d.value))
                 ],
                 placeholder: e.defaultSearchPlaceholder,
                 "input-class": "border-none !shadow-none",
                 "is-readonly": !c.value,
-                onKeyup: A[2] || (A[2] = Fe((U) => c.value = !1, ["enter"]))
+                onKeyup: D[2] || (D[2] = Fe((U) => c.value = !1, ["enter"]))
               }, te({ _: 2 }, [
                 c.value ? {
                   name: "icon",
@@ -6976,7 +6974,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
                 e.isInlineLabel && e.label ? (t(), i("span", Yr, w(e.label) + ": ", 1)) : m("", !0),
-                B.value ? (t(), i("span", Wr, w(B.value.label), 1)) : (t(), i("span", {
+                V.value ? (t(), i("span", Wr, w(V.value.label), 1)) : (t(), i("span", {
                   key: 3,
                   class: v(e.dropdownClasses ? "" : "text-oc-text-300")
                 }, w(e.placeholder), 3))
@@ -6987,7 +6985,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
                 width: "16",
                 height: "16",
                 name: "x",
-                onClick: A[3] || (A[3] = me((U) => s("cleared"), ["stop"]))
+                onClick: D[3] || (D[3] = me((U) => s("cleared"), ["stop"]))
               })) : m("", !0),
               e.hideChevron ? m("", !0) : (t(), p(o(T), {
                 key: 4,
@@ -7138,23 +7136,23 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
     "update:title": []
   },
   setup(e, { emit: r }) {
-    var B, C;
-    const a = e, l = r, s = j(!1), d = j(a.type ?? ((C = (B = a.links) == null ? void 0 : B[0]) == null ? void 0 : C.value)), c = j(a.title ?? ""), u = z(
+    var V, C;
+    const a = e, l = r, s = j(!1), d = j(a.type ?? ((C = (V = a.links) == null ? void 0 : V[0]) == null ? void 0 : C.value)), c = j(a.title ?? ""), u = z(
       () => a.links.find((h) => h.value === d.value) ?? {}
     ), f = z(() => u.value.preFill ?? ""), x = j(a.modelValue ? a.modelValue.replace(f.value, "") : ""), y = (h) => {
-      var I;
-      const V = (I = a.links.find(($) => $.value === h)) == null ? void 0 : I.preFill;
-      l("update:modelValue", a.modelValue.replace(f.value, V)), d.value = h, l("update:type", h), s.value = !1;
+      var O;
+      const B = (O = a.links.find(($) => $.value === h)) == null ? void 0 : O.preFill;
+      l("update:modelValue", a.modelValue.replace(f.value, B)), d.value = h, l("update:type", h), s.value = !1;
     }, b = (h) => {
       x.value = h, l("update:modelValue", f.value + h), !a.isEdit && d.value !== "link" && l("update:title", h);
-    }, D = z(() => u.value.placeholder ?? ""), M = z(() => d.value === "link");
-    return (h, V) => (t(), i("div", null, [
+    }, A = z(() => u.value.placeholder ?? ""), M = z(() => d.value === "link");
+    return (h, B) => (t(), i("div", null, [
       M.value || e.isEdit ? (t(), p(o(ye), {
         key: 0,
         modelValue: c.value,
         "onUpdate:modelValue": [
-          V[0] || (V[0] = (I) => c.value = I),
-          V[1] || (V[1] = (I) => h.$emit("update:title", I))
+          B[0] || (B[0] = (O) => c.value = O),
+          B[1] || (B[1] = (O) => h.$emit("update:title", O))
         ],
         class: "mb-3",
         label: "Title",
@@ -7162,7 +7160,7 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
         "error-message": e.errorMessages.title
       }, null, 8, ["modelValue", "error-message"])) : m("", !0),
       g(o(ye), {
-        placeholder: D.value,
+        placeholder: A.value,
         label: d.value === "link" ? "Link" : e.label,
         "error-message": e.errorMessages.link,
         "is-inline-label": e.isInlineLabel,
@@ -7179,22 +7177,22 @@ const tt = /* @__PURE__ */ be(ls, [["render", ns]]), is = { class: "flex" }, os
         trailing: S(() => [
           g(o(se), {
             modelValue: s.value,
-            "onUpdate:modelValue": V[2] || (V[2] = (I) => s.value = I),
+            "onUpdate:modelValue": B[2] || (B[2] = (O) => s.value = O),
             distance: 10
           }, {
             menu: S(() => [
               e.isEdit ? m("", !0) : (t(), i("div", ld, [
-                (t(!0), i(N, null, R(e.links, (I) => (t(), i("div", {
-                  key: I.value,
+                (t(!0), i(N, null, R(e.links, (O) => (t(), i("div", {
+                  key: O.value,
                   class: "flex items-center px-3 py-2 rounded-sm cursor-pointer gap-x-3 text-oc-text-400 hover:bg-gray-50",
-                  onClick: ($) => y(I.value)
+                  onClick: ($) => y(O.value)
                 }, [
                   g(o(T), {
                     width: "20",
                     height: "20",
-                    name: I.icon
+                    name: O.icon
                   }, null, 8, ["name"]),
-                  W(" " + w(I.label), 1)
+                  W(" " + w(O.label), 1)
                 ], 8, ad))), 128))
               ]))
             ]),
@@ -7296,8 +7294,8 @@ var Vt = { exports: {} };
   })(Ye, function() {
     return function(a, l, s) {
       l.prototype.isBetween = function(d, c, u, f) {
-        var x = s(d), y = s(c), b = (f = f || "()")[0] === "(", D = f[1] === ")";
-        return (b ? this.isAfter(x, u) : !this.isBefore(x, u)) && (D ? this.isBefore(y, u) : !this.isAfter(y, u)) || (b ? this.isBefore(x, u) : !this.isAfter(x, u)) && (D ? this.isAfter(y, u) : !this.isBefore(y, u));
+        var x = s(d), y = s(c), b = (f = f || "()")[0] === "(", A = f[1] === ")";
+        return (b ? this.isAfter(x, u) : !this.isBefore(x, u)) && (A ? this.isBefore(y, u) : !this.isAfter(y, u)) || (b ? this.isBefore(x, u) : !this.isAfter(x, u)) && (A ? this.isAfter(y, u) : !this.isBefore(y, u));
       };
     };
   });
@@ -7340,28 +7338,28 @@ var At = { exports: {} };
     var a = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, l = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, d = /\d\d/, c = /\d\d?/, u = /\d*[^-_:/,()\s\d]+/, f = {}, x = function(h) {
       return (h = +h) + (h > 68 ? 1900 : 2e3);
     }, y = function(h) {
-      return function(V) {
-        this[h] = +V;
+      return function(B) {
+        this[h] = +B;
       };
     }, b = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
-      (this.zone || (this.zone = {})).offset = function(V) {
-        if (!V || V === "Z") return 0;
-        var I = V.match(/([+-]|\d\d)/g), $ = 60 * I[1] + (+I[2] || 0);
-        return $ === 0 ? 0 : I[0] === "+" ? -$ : $;
+      (this.zone || (this.zone = {})).offset = function(B) {
+        if (!B || B === "Z") return 0;
+        var O = B.match(/([+-]|\d\d)/g), $ = 60 * O[1] + (+O[2] || 0);
+        return $ === 0 ? 0 : O[0] === "+" ? -$ : $;
       }(h);
-    }], D = function(h) {
-      var V = f[h];
-      return V && (V.indexOf ? V : V.s.concat(V.f));
-    }, M = function(h, V) {
-      var I, $ = f.meridiem;
+    }], A = function(h) {
+      var B = f[h];
+      return B && (B.indexOf ? B : B.s.concat(B.f));
+    }, M = function(h, B) {
+      var O, $ = f.meridiem;
       if ($) {
-        for (var O = 1; O <= 24; O += 1) if (h.indexOf($(O, 0, V)) > -1) {
-          I = O > 12;
+        for (var I = 1; I <= 24; I += 1) if (h.indexOf($(I, 0, B)) > -1) {
+          O = I > 12;
           break;
         }
-      } else I = h === (V ? "pm" : "PM");
-      return I;
-    }, B = { A: [u, function(h) {
+      } else O = h === (B ? "pm" : "PM");
+      return O;
+    }, V = { A: [u, function(h) {
       this.afternoon = M(h, !1);
     }], a: [u, function(h) {
       this.afternoon = M(h, !0);
@@ -7374,40 +7372,40 @@ var At = { exports: {} };
     }], SSS: [/\d{3}/, function(h) {
       this.milliseconds = +h;
     }], 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(h) {
-      var V = f.ordinal, I = h.match(/\d+/);
-      if (this.day = I[0], V) for (var $ = 1; $ <= 31; $ += 1) V($).replace(/\[|\]/g, "") === h && (this.day = $);
+      var B = f.ordinal, O = h.match(/\d+/);
+      if (this.day = O[0], B) for (var $ = 1; $ <= 31; $ += 1) B($).replace(/\[|\]/g, "") === h && (this.day = $);
     }], w: [c, y("week")], ww: [d, y("week")], M: [c, y("month")], MM: [d, y("month")], MMM: [u, function(h) {
-      var V = D("months"), I = (D("monthsShort") || V.map(function($) {
+      var B = A("months"), O = (A("monthsShort") || B.map(function($) {
         return $.slice(0, 3);
       })).indexOf(h) + 1;
-      if (I < 1) throw new Error();
-      this.month = I % 12 || I;
+      if (O < 1) throw new Error();
+      this.month = O % 12 || O;
     }], MMMM: [u, function(h) {
-      var V = D("months").indexOf(h) + 1;
-      if (V < 1) throw new Error();
-      this.month = V % 12 || V;
+      var B = A("months").indexOf(h) + 1;
+      if (B < 1) throw new Error();
+      this.month = B % 12 || B;
     }], Y: [/[+-]?\d+/, y("year")], YY: [d, function(h) {
       this.year = x(h);
     }], YYYY: [/\d{4}/, y("year")], Z: b, ZZ: b };
     function C(h) {
-      var V, I;
-      V = h, I = f && f.formats;
-      for (var $ = (h = V.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, K, _) {
+      var B, O;
+      B = h, O = f && f.formats;
+      for (var $ = (h = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, K, _) {
         var ee = _ && _.toUpperCase();
-        return K || I[_] || a[_] || I[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ie, ce, ge) {
+        return K || O[_] || a[_] || O[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ie, ce, ge) {
           return ce || ge.slice(1);
         });
-      })).match(l), O = $.length, L = 0; L < O; L += 1) {
-        var E = $[L], P = B[E], A = P && P[0], U = P && P[1];
-        $[L] = U ? { regex: A, parser: U } : E.replace(/^\[|\]$/g, "");
+      })).match(l), I = $.length, L = 0; L < I; L += 1) {
+        var E = $[L], P = V[E], D = P && P[0], U = P && P[1];
+        $[L] = U ? { regex: D, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
-        for (var K = {}, _ = 0, ee = 0; _ < O; _ += 1) {
+        for (var K = {}, _ = 0, ee = 0; _ < I; _ += 1) {
           var ie = $[_];
           if (typeof ie == "string") ee += ie.length;
           else {
-            var ce = ie.regex, ge = ie.parser, we = H.slice(ee), $e = ce.exec(we)[0];
-            ge.call(K, $e), H = H.replace($e, "");
+            var ce = ie.regex, ge = ie.parser, $e = H.slice(ee), ke = ce.exec($e)[0];
+            ge.call(K, ke), H = H.replace(ke, "");
           }
         }
         return function(pe) {
@@ -7419,36 +7417,36 @@ var At = { exports: {} };
         }(K), K;
       };
     }
-    return function(h, V, I) {
-      I.p.customParseFormat = !0, h && h.parseTwoDigitYear && (x = h.parseTwoDigitYear);
-      var $ = V.prototype, O = $.parse;
+    return function(h, B, O) {
+      O.p.customParseFormat = !0, h && h.parseTwoDigitYear && (x = h.parseTwoDigitYear);
+      var $ = B.prototype, I = $.parse;
       $.parse = function(L) {
-        var E = L.date, P = L.utc, A = L.args;
+        var E = L.date, P = L.utc, D = L.args;
         this.$u = P;
-        var U = A[1];
+        var U = D[1];
         if (typeof U == "string") {
-          var H = A[2] === !0, K = A[3] === !0, _ = H || K, ee = A[2];
-          K && (ee = A[2]), f = this.$locale(), !H && ee && (f = I.Ls[ee]), this.$d = function(we, $e, pe, Se) {
+          var H = D[2] === !0, K = D[3] === !0, _ = H || K, ee = D[2];
+          K && (ee = D[2]), f = this.$locale(), !H && ee && (f = O.Ls[ee]), this.$d = function($e, ke, pe, Se) {
             try {
-              if (["x", "X"].indexOf($e) > -1) return new Date(($e === "X" ? 1e3 : 1) * we);
-              var re = C($e)(we), Ve = re.year, Ce = re.month, Q = re.day, Be = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, fe = re.zone, Me = re.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Ve || Ce ? 1 : Ke.getDate()), Xe = Ve || Ke.getFullYear(), Ne = 0;
+              if (["x", "X"].indexOf(ke) > -1) return new Date((ke === "X" ? 1e3 : 1) * $e);
+              var re = C(ke)($e), Ve = re.year, Ce = re.month, Q = re.day, Be = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, fe = re.zone, Me = re.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Ve || Ce ? 1 : Ke.getDate()), Xe = Ve || Ke.getFullYear(), Ne = 0;
               Ve && !Ce || (Ne = Ce > 0 ? Ce - 1 : Ke.getMonth());
               var ze, Je = Be || 0, Ze = q || 0, Qe = J || 0, _e = Y || 0;
               return fe ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e + 60 * fe.offset * 1e3)) : pe ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e)) : (ze = new Date(Xe, Ne, Ge, Je, Ze, Qe, _e), Me && (ze = Se(ze).week(Me).toDate()), ze);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(E, U, P, I), this.init(), ee && ee !== !0 && (this.$L = this.locale(ee).$L), _ && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
+          }(E, U, P, O), this.init(), ee && ee !== !0 && (this.$L = this.locale(ee).$L), _ && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
         } else if (U instanceof Array) for (var ie = U.length, ce = 1; ce <= ie; ce += 1) {
-          A[1] = U[ce - 1];
-          var ge = I.apply(this, A);
+          D[1] = U[ce - 1];
+          var ge = O.apply(this, D);
           if (ge.isValid()) {
             this.$d = ge.$d, this.$L = ge.$L, this.init();
             break;
           }
           ce === ie && (this.$d = /* @__PURE__ */ new Date(""));
         }
-        else O.call(this, L);
+        else I.call(this, L);
       };
     };
   });
@@ -7515,51 +7513,51 @@ var et = function() {
   return jt.Date.now();
 }, Md = "Expected a function", Ld = Math.max, Pd = Math.min;
 function Ed(e, r, a) {
-  var l, s, d, c, u, f, x = 0, y = !1, b = !1, D = !0;
+  var l, s, d, c, u, f, x = 0, y = !1, b = !1, A = !0;
   if (typeof e != "function")
     throw new TypeError(Md);
-  r = xt(r) || 0, lt(a) && (y = !!a.leading, b = "maxWait" in a, d = b ? Ld(xt(a.maxWait) || 0, r) : d, D = "trailing" in a ? !!a.trailing : D);
+  r = xt(r) || 0, lt(a) && (y = !!a.leading, b = "maxWait" in a, d = b ? Ld(xt(a.maxWait) || 0, r) : d, A = "trailing" in a ? !!a.trailing : A);
   function M(E) {
-    var P = l, A = s;
-    return l = s = void 0, x = E, c = e.apply(A, P), c;
+    var P = l, D = s;
+    return l = s = void 0, x = E, c = e.apply(D, P), c;
   }
-  function B(E) {
-    return x = E, u = setTimeout(V, r), y ? M(E) : c;
+  function V(E) {
+    return x = E, u = setTimeout(B, r), y ? M(E) : c;
   }
   function C(E) {
-    var P = E - f, A = E - x, U = r - P;
-    return b ? Pd(U, d - A) : U;
+    var P = E - f, D = E - x, U = r - P;
+    return b ? Pd(U, d - D) : U;
   }
   function h(E) {
-    var P = E - f, A = E - x;
-    return f === void 0 || P >= r || P < 0 || b && A >= d;
+    var P = E - f, D = E - x;
+    return f === void 0 || P >= r || P < 0 || b && D >= d;
   }
-  function V() {
+  function B() {
     var E = et();
     if (h(E))
-      return I(E);
-    u = setTimeout(V, C(E));
+      return O(E);
+    u = setTimeout(B, C(E));
   }
-  function I(E) {
-    return u = void 0, D && l ? M(E) : (l = s = void 0, c);
+  function O(E) {
+    return u = void 0, A && l ? M(E) : (l = s = void 0, c);
   }
   function $() {
     u !== void 0 && clearTimeout(u), x = 0, l = f = s = u = void 0;
   }
-  function O() {
-    return u === void 0 ? c : I(et());
+  function I() {
+    return u === void 0 ? c : O(et());
   }
   function L() {
     var E = et(), P = h(E);
     if (l = arguments, s = this, f = E, P) {
       if (u === void 0)
-        return B(f);
+        return V(f);
       if (b)
-        return clearTimeout(u), u = setTimeout(V, r), M(f);
+        return clearTimeout(u), u = setTimeout(B, r), M(f);
     }
-    return u === void 0 && (u = setTimeout(V, r)), c;
+    return u === void 0 && (u = setTimeout(B, r)), c;
   }
-  return L.cancel = $, L.flush = O, L;
+  return L.cancel = $, L.flush = I, L;
 }
 const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex flex-col gap-2 p-3" }, Rd = { class: "flex justify-between items-center" }, Fd = { key: 0 }, Ud = { key: 1 }, qd = {
   key: 0,
@@ -7607,12 +7605,12 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
   emits: ["update:modelValue", "reset-calendar", "update:isIndefinite"],
   setup(e, { emit: r }) {
     G.extend(Bt), G.extend(It), G.extend(Dt), G.extend(it);
-    const a = e, l = r, s = j(), d = j(), c = j(), u = j(), f = j(), x = j(), y = j(), b = j(!1), D = j(!1), M = j(!1), B = j(!1), C = z(() => a.type === "range"), h = z(() => {
+    const a = e, l = r, s = j(), d = j(), c = j(), u = j(), f = j(), x = j(), y = j(), b = j(!1), A = j(!1), M = j(!1), V = j(!1), C = z(() => a.type === "range"), h = z(() => {
       const J = s.value.endOf("month").date();
       return Array.from({ length: J }, (Y, fe) => fe + 1);
-    }), V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], I = z(() => s.value.format("MMMM YYYY")), $ = z(
+    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), $ = z(
       () => M.value ? x.value.format("YYYY") : s.value.format("YYYY")
-    ), O = z(() => s.value.format("MMM")), L = z(() => {
+    ), I = z(() => s.value.format("MMM")), L = 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],
@@ -7620,7 +7618,7 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
       };
     }), E = z(
       () => Object.values(L.value).filter(Boolean).length > 1
-    ), P = z(() => s.value.month()), A = z(
+    ), P = z(() => s.value.month()), D = z(
       () => {
         var q;
         return P.value === ((q = d.value) == null ? void 0 : q.month());
@@ -7631,11 +7629,11 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
         return P.value === ((q = c.value) == null ? void 0 : q.month());
       }
     ), H = () => {
-      y.value = null, s.value = s.value.subtract(1, "month"), d.value && (u.value = A.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null);
+      y.value = null, s.value = s.value.subtract(1, "month"), d.value && (u.value = D.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null);
     }, K = () => {
-      y.value = null, s.value = s.value.add(1, "month"), u.value = A.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null;
+      y.value = null, s.value = s.value.add(1, "month"), u.value = D.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null;
     }, _ = (q) => {
-      y.value = null, s.value = s.value.set("month", q), B.value = !1;
+      y.value = null, s.value = s.value.set("month", q), V.value = !1;
     }, ee = (q) => {
       y.value = null, s.value = s.value.set("year", q), M.value = !1;
     }, ie = () => {
@@ -7643,11 +7641,11 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
     }, ce = () => {
       y.value = null, M.value ? x.value = x.value.add(11, "year") : s.value = s.value.add(1, "year");
     }, ge = () => {
-      M.value = !1, B.value = !B.value;
-    }, we = (q) => {
+      M.value = !1, V.value = !V.value;
+    }, $e = (q) => {
       const J = s.value.date(q);
       return Object.values(L.value).filter(Boolean).find((Y) => Y.isSame(J));
-    }, $e = (q) => C.value ? E.value ? s.value.date(q).isBetween(
+    }, ke = (q) => C.value ? E.value ? s.value.date(q).isBetween(
       L.value.from,
       L.value.to,
       null,
@@ -7656,7 +7654,7 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
       const J = s.value.date(q);
       return a.disabledDate(J.toDate()) || a.minDate && J.isBefore(G(a.minDate), "day") || a.maxDate && J.isAfter(G(a.maxDate), "day");
     }, Se = () => {
-      C.value && (pe(d.value.toDate()) || pe(c.value.toDate())) || (D.value = !1, l(
+      C.value && (pe(d.value.toDate()) || pe(c.value.toDate())) || (A.value = !1, l(
         "update:modelValue",
         C.value ? [L.value.from, L.value.to].map((q) => q.toDate()) : d.value.toDate()
       ));
@@ -7664,18 +7662,18 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
       l("update:isIndefinite", q);
     }, Ve = (q, J = !0) => {
       if (!C.value) {
-        let fe = G(I.value, "MMMM YYYY").date(q);
+        let fe = G(O.value, "MMMM YYYY").date(q);
         u.value = q, d.value = fe, f.value = null, c.value = null, Se();
         return;
       }
       let Y = q && s.value.date(q);
-      if (!D.value) {
-        u.value = q, d.value = Y, f.value = void 0, c.value = void 0, D.value = !0;
+      if (!A.value) {
+        u.value = q, d.value = Y, f.value = void 0, c.value = void 0, A.value = !0;
         return;
       }
       c.value = Y, f.value = q, J && Se();
     }, Ce = Ed((q) => {
-      D.value && Ve(q, !1);
+      A.value && Ve(q, !1);
     }, 50), Q = () => {
       var J, Y, fe;
       const q = C.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
@@ -7691,8 +7689,8 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
     }, [
       n("div", Nd, [
         g(o(se), {
-          modelValue: B.value,
-          "onUpdate:modelValue": J[1] || (J[1] = (Y) => B.value = Y),
+          modelValue: V.value,
+          "onUpdate:modelValue": J[1] || (J[1] = (Y) => V.value = Y),
           distance: 10,
           position: "bottom",
           "is-popover": "",
@@ -7728,10 +7726,10 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
                   onClick: (fe) => ee(Y)
                 }, w(Y), 11, Hd))), 128))
               ])) : (t(), i("div", Yd, [
-                (t(), i(N, null, R(V, (Y, fe) => n("div", {
+                (t(), i(N, null, R(B, (Y, fe) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
-                    "!border-oc-primary bg-oc-primary text-white": O.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": I.value === Y
                   }]),
                   onClick: (Me) => _(fe)
                 }, w(Y), 11, Wd)), 64))
@@ -7742,7 +7740,7 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
             n("span", {
               class: v([[b.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
               onClick: me(ge, ["stop"])
-            }, w(I.value), 3)
+            }, w(O.value), 3)
           ]),
           _: 1
         }, 8, ["modelValue"]),
@@ -7770,10 +7768,10 @@ const Nd = { class: "flex items-center justify-between" }, zd = { class: "flex f
           return t(), i("div", {
             key: Y,
             class: v(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
-              we(Y) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
+              $e(Y) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
               pe(Y) ? "pointer-events-none opacity-[.35]" : "",
               C.value ? {
-                ...$e(Y) && {
+                ...ke(Y) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
                   "before:rounded-l-full before:left-0 before:!w-[calc(100%+0.25rem)]": L.value.from.isSame(s.value.date(Y)),
                   "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (fe = L.value.to) == null ? void 0 : fe.isSame(s.value.date(Y))
@@ -7900,6 +7898,10 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
     shortcuts: {
       type: Array,
       default: () => []
+    },
+    placement: {
+      type: String,
+      default: "bottom-start"
     }
   },
   emits: ["update:modelValue", "resetCalendar", "error"],
@@ -7918,15 +7920,15 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       ) : a("update:modelValue", G(h).format(l.dateFormat)), s.value = !1;
     }, b = () => {
       a("resetCalendar"), a("update:modelValue", f.value ? [] : null), s.value = !1;
-    }, D = (h) => {
-      const V = G(h);
-      return (($) => $.get("month") === G().get("month"))(V);
+    }, A = (h) => {
+      const B = G(h);
+      return (($) => $.get("month") === G().get("month"))(B);
     }, M = (h) => {
       d.value = h, a("update:modelValue", h ? "Indefinite" : null);
-    }, B = (h, V) => {
+    }, V = (h, B) => {
       var $;
-      const I = G(h, l.dateFormat, !0);
-      u.value[V] = I.format(l.dateFormat), u.value[V ? 0 : 1] = (($ = l.modelValue) == null ? void 0 : $[V ? 0 : 1]) || G().format(l.dateFormat);
+      const O = G(h, l.dateFormat, !0);
+      u.value[B] = O.format(l.dateFormat), u.value[B ? 0 : 1] = (($ = l.modelValue) == null ? void 0 : $[B ? 0 : 1]) || G().format(l.dateFormat);
     }, C = () => {
       if (u.value.length) {
         if (c.value = !1, u.value.some((h) => !G(h, l.dateFormat).isValid())) {
@@ -7938,27 +7940,27 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
         )), a("update:modelValue", u.value), u.value = [];
       }
     };
-    return (h, V) => (t(), p(o(se), {
+    return (h, B) => (t(), p(o(se), {
       modelValue: s.value,
-      "onUpdate:modelValue": V[3] || (V[3] = (I) => s.value = I),
+      "onUpdate:modelValue": B[3] || (B[3] = (O) => s.value = O),
       "is-disabled": e.disabled,
-      placement: "bottom-start",
+      placement: e.placement,
       distance: 10,
       class: "w-full"
     }, {
-      menu: S(({ isPopoverOpen: I }) => [
+      menu: S(({ isPopoverOpen: O }) => [
         k(h.$slots, "menu", {
-          isPopoverOpen: I,
+          isPopoverOpen: O,
           updateCalendar: y,
           resetCalendar: b
         }, () => {
-          var $, O;
+          var $, I;
           return [
             f.value ? (t(), p(o(tm), {
               key: 0,
               "model-value": {
                 start: ($ = e.modelValue) == null ? void 0 : $[0],
-                end: (O = e.modelValue) == null ? void 0 : O[1]
+                end: (I = e.modelValue) == null ? void 0 : I[1]
               },
               shortcuts: e.shortcuts,
               "count-calendars": e.countCalendars,
@@ -7968,10 +7970,10 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
               "max-date": e.maxDate,
               masks: { modelValue: e.dateFormat },
               "onUpdate:modelValue": y
-            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && I ? (t(), p(o(Jd), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && O ? (t(), p(o(Jd), {
               key: 1,
               "model-value": x.value ? x.value.toDate() : /* @__PURE__ */ new Date(),
-              "disabled-date": d.value ? D : e.disabledDate,
+              "disabled-date": d.value ? A : e.disabledDate,
               "max-date": e.maxDate,
               "min-date": e.minDate,
               "is-indefinite": e.isIndefinite,
@@ -8013,7 +8015,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                       "focused-shadow": s.value && !e.disabled
                     }
                   ]]),
-                  onClick: V[2] || (V[2] = (I) => s.value ? I.stopPropagation : null)
+                  onClick: B[2] || (B[2] = (O) => s.value ? O.stopPropagation : null)
                 }, [
                   n("div", ec, [
                     g(o(T), {
@@ -8024,18 +8026,18 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                       placeholder: "Start date",
                       value: x.value[0] ? x.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: V[0] || (V[0] = (I) => B(I.target.value, 0)),
+                      onInput: B[0] || (B[0] = (O) => V(O.target.value, 0)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
                     }, null, 40, tc)
                   ]),
-                  V[4] || (V[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
+                  B[4] || (B[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
                   n("div", lc, [
                     n("input", {
                       placeholder: "End date",
                       value: x.value[1] ? x.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: V[1] || (V[1] = (I) => B(I.target.value, 1)),
+                      onInput: B[1] || (B[1] = (O) => V(O.target.value, 1)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
                     }, null, 40, ac),
@@ -8055,7 +8057,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
         ])
       ]),
       _: 3
-    }, 8, ["modelValue", "is-disabled"]));
+    }, 8, ["modelValue", "is-disabled", "placement"]));
   }
 }, ic = { class: "flex flex-wrap w-full" }, oc = {
   key: 0,
@@ -8095,25 +8097,25 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
   setup(e, { expose: r, emit: a }) {
     const l = e, s = a, d = j(), c = j(), u = j(), f = j(0), x = j(0), y = () => {
       var C, h;
-      l.type === "range" && parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (d.value.value = parseInt(c.value.value) - l.minGap), D();
+      l.type === "range" && parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (d.value.value = parseInt(c.value.value) - l.minGap), A();
     }, b = () => {
-      var C, h, V;
-      parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (c.value.value = parseInt((V = d.value) == null ? void 0 : V.value) + l.minGap), D();
-    }, D = (C = !1) => {
-      var h, V, I, $;
-      f.value = (((h = d.value) == null ? void 0 : h.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, x.value = l.type === "range" ? (((V = c.value) == null ? void 0 : V.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100 : 0, u.value.style.background = l.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${x.value}%, var(--oc-gray-100) ${x.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || s(
+      var C, h, B;
+      parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (c.value.value = parseInt((B = d.value) == null ? void 0 : B.value) + l.minGap), A();
+    }, A = (C = !1) => {
+      var h, B, O, $;
+      f.value = (((h = d.value) == null ? void 0 : h.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, x.value = l.type === "range" ? (((B = c.value) == null ? void 0 : B.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100 : 0, u.value.style.background = l.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${x.value}%, var(--oc-gray-100) ${x.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || s(
         "update:modelValue",
-        l.type === "range" ? [(I = d.value) == null ? void 0 : I.value, ($ = c.value) == null ? void 0 : $.value] : d.value.value
+        l.type === "range" ? [(O = d.value) == null ? void 0 : O.value, ($ = c.value) == null ? void 0 : $.value] : d.value.value
       );
     }, M = (C) => {
       C.key >= "0" && C.key <= "9" || C.key === "Backspace" || C.preventDefault();
-    }, B = (C) => {
-      C && C[0] && C[1] && l.type === "range" ? (d.value.value = Number(C[0]), c.value.value = Number(C[1]), y(), l.type === "range" && b()) : C && l.type === "default" ? C <= l.maxLimit && C >= l.minLimit && (d.value.value = Number(C), y()) : D(!0);
+    }, V = (C) => {
+      C && C[0] && C[1] && l.type === "range" ? (d.value.value = Number(C[0]), c.value.value = Number(C[1]), y(), l.type === "range" && b()) : C && l.type === "default" ? C <= l.maxLimit && C >= l.minLimit && (d.value.value = Number(C), y()) : A(!0);
     };
     return r({
-      updateSlider: B
-    }), ke(() => B()), (C, h) => {
-      var V, I, $, O;
+      updateSlider: V
+    }), we(() => V()), (C, h) => {
+      var B, O, $, I;
       return t(), i("div", ic, [
         e.label ? (t(), i("label", oc, [
           n("span", sc, w(e.label), 1)
@@ -8135,7 +8137,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: e.type === "range" ? (V = e.modelValue) == null ? void 0 : V[0] : e.modelValue,
+            value: e.type === "range" ? (B = e.modelValue) == null ? void 0 : B[0] : e.modelValue,
             onInput: y
           }, null, 40, rc),
           e.type === "range" ? (t(), i("input", {
@@ -8145,7 +8147,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: (I = e.modelValue) == null ? void 0 : I[1],
+            value: (O = e.modelValue) == null ? void 0 : O[1],
             onInput: b
           }, null, 40, dc)) : m("", !0),
           e.variant === "default" ? (t(), i("div", {
@@ -8157,7 +8159,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             key: 2,
             class: "group-hover:block absolute top-[1rem] z-[1] translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
             style: oe(`right: ${100 - x.value}%`)
-          }, w((O = e.modelValue) == null ? void 0 : O[1]), 5)) : m("", !0),
+          }, w((I = e.modelValue) == null ? void 0 : I[1]), 5)) : m("", !0),
           n("span", cc, [
             k(C.$slots, "min-limit-label", {}, () => [
               W(w(e.minLimit), 1)
@@ -8175,7 +8177,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             "model-value": e.modelValue,
             placeholder: "10",
             onKeydown: M,
-            "onUpdate:modelValue": B
+            "onUpdate:modelValue": V
           }, null, 8, ["model-value"])) : m("", !0)
         ])
       ]);
@@ -8408,7 +8410,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       y.fileUrl = x, y.fileName = Date.now(), d.value = !1, c.value = "", l("update:uploadedImage", y);
     };
     return (x, y) => {
-      var b, D;
+      var b, A;
       return t(), i("div", Cc, [
         (b = e.uploadedImage) != null && b.fileUrl ? m("", !0) : (t(), i("label", {
           key: 0,
@@ -8440,7 +8442,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             onDrop: y[3] || (y[3] = (M) => u.value = !1)
           }, null, 40, Bc)
         ], 2)),
-        (D = e.uploadedImage) != null && D.fileUrl ? (t(), i("div", {
+        (A = e.uploadedImage) != null && A.fileUrl ? (t(), i("div", {
           key: 1,
           class: v(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100", e.imageClasses])
         }, [
@@ -8568,19 +8570,19 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
     "invalidFileType"
   ],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = j(), d = j(""), c = j(""), u = j(!0), f = j(!1), x = j(!1), y = j(!1), b = j(""), { currentFiles: D, onChangeFile: M, onDeleteFile: B } = $t(
+    const a = e, l = r, s = j(), d = j(""), c = j(""), u = j(!0), f = j(!1), x = j(!1), y = j(!1), b = j(""), { currentFiles: A, onChangeFile: M, onDeleteFile: V } = $t(
       a.maxSize,
       l,
       a.accept,
       a.validateAcceptFileType
     ), C = z(() => {
       var P;
-      return URL.createObjectURL((P = D.value) == null ? void 0 : P[0].file);
+      return URL.createObjectURL((P = A.value) == null ? void 0 : P[0].file);
     }), h = z(() => {
       var P;
-      return (P = D.value) == null ? void 0 : P[0];
+      return (P = A.value) == null ? void 0 : P[0];
     });
-    ke(() => {
+    we(() => {
       if (a.modelValue && a.modelValue.current) {
         const P = [
           {
@@ -8594,31 +8596,31 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             extension: a.modelValue.current.extension ?? "png"
           }
         ];
-        D.value = P;
+        A.value = P;
       }
     });
-    const V = (P) => {
+    const B = (P) => {
       P.preventDefault();
-      const A = P.dataTransfer.files;
-      M({ target: { files: A } }, a.format === "object");
-    }, I = () => {
+      const D = P.dataTransfer.files;
+      M({ target: { files: D } }, a.format === "object");
+    }, O = () => {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
     }, $ = (P) => {
       h.value.fileUrl = P, h.value.fileName = Date.now(), y.value = !1, b.value = "", l("update:modelValue", a.format === "object" ? h.value : [h.value]);
-    }, O = async (P) => {
+    }, I = async (P) => {
       if (P)
         try {
-          const A = await fetch(P, { method: "HEAD" });
-          u.value = A.ok;
-        } catch (A) {
-          console.log("Error checking file link:", A);
+          const D = await fetch(P, { method: "HEAD" });
+          u.value = D.ok;
+        } catch (D) {
+          console.log("Error checking file link:", D);
         }
     }, L = () => {
       b.value = h.value.fileUrl, x.value = !1, y.value = !0;
     }, E = (P) => {
       l("update:modelValue", P);
     };
-    return (P, A) => (t(), p(o(xe), {
+    return (P, D) => (t(), p(o(xe), {
       label: e.label,
       "label-class": e.labelClass,
       hint: e.hint,
@@ -8628,7 +8630,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
         k(P.$slots, "hint")
       ]),
       default: S(() => {
-        var U, H, K, _, ee, ie, ce, ge, we, $e, pe, Se, re, Ve, Ce;
+        var U, H, K, _, ee, ie, ce, ge, $e, ke, pe, Se, re, Ve, Ce;
         return [
           e.isImageOnly ? (t(), p(Tc, {
             key: 0,
@@ -8637,11 +8639,11 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             "image-classes": e.imageClasses,
             "show-upload-image-area": e.showUploadImageArea,
             "onUpdate:uploadedImage": E,
-            onChange: A[0] || (A[0] = (Q) => o(M)(Q, a.format === "object")),
-            onDelete: A[1] || (A[1] = (Q) => o(B)(0))
+            onChange: D[0] || (D[0] = (Q) => o(M)(Q, a.format === "object")),
+            onDelete: D[1] || (D[1] = (Q) => o(V)(0))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), i(N, { key: 1 }, [
             g(o(X), F(e.buttonUploadProps, {
-              onClick: A[2] || (A[2] = (Q) => {
+              onClick: D[2] || (D[2] = (Q) => {
                 var Be;
                 return (Be = s.value) == null ? void 0 : Be.click();
               })
@@ -8652,10 +8654,10 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
               class: "hidden",
               type: "file",
               accept: e.accept,
-              onChange: A[3] || (A[3] = (Q) => o(M)(Q, a.format === "object"))
+              onChange: D[3] || (D[3] = (Q) => o(M)(Q, a.format === "object"))
             }, null, 40, Dc)
           ], 64)) : (t(), i(N, { key: 2 }, [
-            o(D).length ? (t(), i("div", {
+            o(A).length ? (t(), i("div", {
               key: 1,
               class: v(["p-3 rounded border flex gap-x-5 border-oc-gray-200 bg-white items-center", {
                 "w-fit": e.isPreview,
@@ -8674,7 +8676,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                 }, null, 8, Nc)),
                 g(o(se), {
                   modelValue: x.value,
-                  "onUpdate:modelValue": A[13] || (A[13] = (Q) => x.value = Q),
+                  "onUpdate:modelValue": D[13] || (D[13] = (Q) => x.value = Q),
                   class: "absolute top-3 right-3"
                 }, {
                   menu: S(() => {
@@ -8691,12 +8693,12 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                             height: "16",
                             name: "pencil"
                           }),
-                          A[17] || (A[17] = n("span", null, "Edit", -1))
+                          D[17] || (D[17] = n("span", null, "Edit", -1))
                         ])) : m("", !0),
                         n("div", {
                           class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
-                          onClick: A[12] || (A[12] = () => {
-                            o(B)(0), x.value = !1;
+                          onClick: D[12] || (D[12] = () => {
+                            o(V)(0), x.value = !1;
                           })
                         }, [
                           g(o(T), {
@@ -8704,7 +8706,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                             height: "16",
                             name: "bin"
                           }),
-                          A[18] || (A[18] = n("span", null, "Delete", -1))
+                          D[18] || (D[18] = n("span", null, "Delete", -1))
                         ])
                       ])
                     ];
@@ -8717,12 +8719,12 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                !((we = (ge = h.value) == null ? void 0 : ge.file) != null && we.type.includes("video")) && y.value ? (t(), p(o(ot), {
+                !(($e = (ge = h.value) == null ? void 0 : ge.file) != null && $e.type.includes("video")) && y.value ? (t(), p(o(ot), {
                   key: 2,
                   modelValue: y.value,
-                  "onUpdate:modelValue": A[14] || (A[14] = (Q) => y.value = Q),
+                  "onUpdate:modelValue": D[14] || (D[14] = (Q) => y.value = Q),
                   img: b.value,
-                  onClose: A[15] || (A[15] = () => {
+                  onClose: D[15] || (D[15] = () => {
                     y.value = !1, b.value = "";
                   }),
                   onChangeImage: $
@@ -8735,7 +8737,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                       width: "14",
                       height: "10"
                     }),
-                    n("span", Uc, w(($e = h.value) == null ? void 0 : $e.extension), 1)
+                    n("span", Uc, w((ke = h.value) == null ? void 0 : ke.extension), 1)
                   ]),
                   n("div", {
                     class: v([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
@@ -8756,7 +8758,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                   e.isDisabled ? m("", !0) : (t(), i("div", {
                     key: 0,
                     class: "w-[36px] cursor-pointer flex text-oc-error items-center justify-center",
-                    onClick: A[16] || (A[16] = (Q) => o(B)(0))
+                    onClick: D[16] || (D[16] = (Q) => o(V)(0))
                   }, [
                     g(o(T), {
                       width: "16",
@@ -8771,21 +8773,21 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                 e.variant === "url" ? (t(), i(N, { key: 0 }, [
                   g(o(ye), {
                     modelValue: d.value,
-                    "onUpdate:modelValue": A[4] || (A[4] = (Q) => d.value = Q),
+                    "onUpdate:modelValue": D[4] || (D[4] = (Q) => d.value = Q),
                     "error-message": d.value && !u.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: A[5] || (A[5] = (Q) => O(d.value))
+                    onBlur: D[5] || (D[5] = (Q) => I(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   g(o(ye), {
                     modelValue: c.value,
-                    "onUpdate:modelValue": A[6] || (A[6] = (Q) => c.value = Q),
+                    "onUpdate:modelValue": D[6] || (D[6] = (Q) => c.value = Q),
                     placeholder: "Enter file name"
                   }, null, 8, ["modelValue"]),
                   g(o(X), {
                     class: "flex-shrink-0",
                     label: "OK",
                     disabled: "",
-                    onClick: I
+                    onClick: O
                   })
                 ], 64)) : m("", !0),
                 n("div", {
@@ -8795,10 +8797,10 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                       "!bg-oc-bg-dark": e.isDisabled
                     }
                   ]]),
-                  onDragenter: A[8] || (A[8] = (Q) => f.value = !0),
-                  onDragleave: A[9] || (A[9] = (Q) => f.value = !1),
-                  onDrop: V,
-                  onDragover: A[10] || (A[10] = me(() => {
+                  onDragenter: D[8] || (D[8] = (Q) => f.value = !0),
+                  onDragleave: D[9] || (D[9] = (Q) => f.value = !1),
+                  onDrop: B,
+                  onDragover: D[10] || (D[10] = me(() => {
                   }, ["prevent"]))
                 }, [
                   n("span", Mc, w(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
@@ -8808,7 +8810,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                     variant: ((U = e.uploadButtonOptions) == null ? void 0 : U.variant) ?? "secondary",
                     "left-icon": ((H = e.uploadButtonOptions) == null ? void 0 : H.leftIcon) ?? "upload",
                     label: ((K = e.uploadButtonOptions) == null ? void 0 : K.label) ?? "Upload",
-                    onClick: A[7] || (A[7] = (Q) => s.value.click())
+                    onClick: D[7] || (D[7] = (Q) => s.value.click())
                   }, null, 8, ["is-disabled", "variant", "left-icon", "label"])
                 ], 34),
                 n("input", {
@@ -8817,7 +8819,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                   class: "hidden",
                   type: "file",
                   accept: e.accept,
-                  onChange: A[11] || (A[11] = (Q) => o(M)(Q, a.format === "object"))
+                  onChange: D[11] || (D[11] = (Q) => o(M)(Q, a.format === "object"))
                 }, null, 40, Lc)
               ])
             ]))
@@ -8869,43 +8871,43 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
   setup(e, { emit: r }) {
     const a = e, l = r, s = j([]), d = j(!1), c = j(""), u = j({}), f = z(() => a.uploadedImages[c.value].fileUrl), x = j(!1), y = j(""), b = ($) => {
       x.value = !0, y.value = $;
-    }, D = j(!1), M = () => {
-      const $ = a.uploadedImages.find((O, L) => L === y.value);
-      $.current ? l("onRemoveImage", $) : (l("delete", y.value), D.value = !0, setTimeout(() => {
-        D.value = !1;
+    }, A = j(!1), M = () => {
+      const $ = a.uploadedImages.find((I, L) => L === y.value);
+      $.current ? l("onRemoveImage", $) : (l("delete", y.value), A.value = !0, setTimeout(() => {
+        A.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
-        a.uploadedImages.filter((O, L) => L !== y.value)
+        a.uploadedImages.filter((I, L) => L !== y.value)
       ), x.value = !1;
-    }, B = ($) => {
-      const O = a.uploadedImages[c.value];
-      O.fileUrl = $, O.fileName = Date.now(), l("onEditImage", { ...O, index: c.value }), d.value = !1, c.value = "", u.value = {};
+    }, V = ($) => {
+      const I = a.uploadedImages[c.value];
+      I.fileUrl = $, I.fileName = Date.now(), l("onEditImage", { ...I, index: c.value }), d.value = !1, c.value = "", u.value = {};
     }, C = ($) => {
-      let O = a.uploadedImages[c.value];
+      let I = a.uploadedImages[c.value];
       Object.keys($).forEach((L) => {
-        O[L] = $[L];
+        I[L] = $[L];
       }), l("update:uploadedImages", a.uploadedImages);
     }, h = ($) => {
-      let O = a.uploadedImages.length + $.target.files.length > a.maxImages;
-      if (a.maxImages && O) {
-        l("onMaxFileExceed", O);
+      let I = a.uploadedImages.length + $.target.files.length > a.maxImages;
+      if (a.maxImages && I) {
+        l("onMaxFileExceed", I);
         return;
       }
       l("change", $);
-    }, V = z(
+    }, B = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), I = ($, O) => {
+    ), O = ($, I) => {
       var L;
       c.value = $, (L = a.inputOptions) == null || L.forEach((E) => {
-        u.value[E] = O[E];
+        u.value[E] = I[E];
       }), s[$] = !1, d.value = !0;
     };
-    return ($, O) => (t(), i("div", Wc, [
-      V.value ? (t(), i("label", Kc, [
+    return ($, I) => (t(), i("div", Wc, [
+      B.value ? (t(), i("label", Kc, [
         n("div", Gc, [
           g(o(T), { name: "plus" })
         ]),
-        D.value ? m("", !0) : (t(), i("input", {
+        A.value ? m("", !0) : (t(), i("input", {
           key: 0,
           class: "hidden",
           type: "file",
@@ -8920,21 +8922,21 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: oe(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": O[0] || (O[0] = (L) => $.$emit("update:uploadedImages", L))
+        "onUpdate:modelValue": I[0] || (I[0] = (L) => $.$emit("update:uploadedImages", L))
       }, {
         default: S(({ list: L }) => [
           (t(!0), i(N, null, R(L, (E, P) => (t(), i("div", {
             key: E.fileName,
             class: v(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100 bg-cover bg-center", {
               "border-oc-primary": e.selectedImage.fileName === E.fileName,
-              "col-start-2": P === 0 && V.value
+              "col-start-2": P === 0 && B.value
             }]),
             style: oe(`background-image: url(${E.fileUrl})`),
-            onClick: (A) => $.$emit("update:selectedImage", E)
+            onClick: (D) => $.$emit("update:selectedImage", E)
           }, [
             g(o(se), {
               modelValue: s.value[P],
-              "onUpdate:modelValue": (A) => s.value[P] = A,
+              "onUpdate:modelValue": (D) => s.value[P] = D,
               placement: "bottom-end",
               class: "absolute top-2 right-2 z-[1010] hidden group-hover:flex"
             }, {
@@ -8947,14 +8949,14 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                   n("div", Zc, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
-                      onClick: (A) => I(P, E)
+                      onClick: (D) => O(P, E)
                     }, [
                       g(o(T), {
                         width: "16",
                         height: "16",
                         name: "pencil"
                       }),
-                      O[4] || (O[4] = n("span", null, "Edit Image", -1))
+                      I[4] || (I[4] = n("span", null, "Edit Image", -1))
                     ], 8, Qc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -8967,7 +8969,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                         height: "16",
                         name: "bin"
                       }),
-                      O[5] || (O[5] = n("span", null, "Delete", -1))
+                      I[5] || (I[5] = n("span", null, "Delete", -1))
                     ], 8, _c)
                   ])
                 ])
@@ -9007,19 +9009,19 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       d.value ? (t(), p(o(ot), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": O[1] || (O[1] = (L) => d.value = L),
+        "onUpdate:modelValue": I[1] || (I[1] = (L) => d.value = L),
         img: f.value,
         "input-options": e.inputOptions,
         "input-option-values": u.value,
-        onClose: O[2] || (O[2] = () => {
+        onClose: I[2] || (I[2] = () => {
           d.value = !1, c.value = "";
         }),
-        onChangeImage: B,
+        onChangeImage: V,
         "onUpdate:inputOptions": C
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
       g(o(Eu), {
         modelValue: x.value,
-        "onUpdate:modelValue": O[3] || (O[3] = (L) => x.value = L),
+        "onUpdate:modelValue": I[3] || (I[3] = (L) => x.value = L),
         description: "Do you want to delete this image ?",
         onConfirm: M
       }, null, 8, ["modelValue"])
@@ -9086,10 +9088,10 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       l.accept,
       l.validateAcceptFileType
     );
-    ke(() => {
-      const B = [];
+    we(() => {
+      const V = [];
       l.modelValue.length > 0 && (l.modelValue.forEach((C) => {
-        C.current && B.push({
+        C.current && V.push({
           current: C.current,
           file: null,
           fileName: C.current.caption ?? "",
@@ -9104,24 +9106,24 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
           caption_variant: C.current.caption_variant,
           lightbox: C.current.lightbox
         });
-      }), f.value = B);
+      }), f.value = V);
     });
-    const b = (B) => {
-      c.value = !0, x(B);
-    }, D = (B) => {
-      c.value = !1, y(B);
+    const b = (V) => {
+      c.value = !0, x(V);
+    }, A = (V) => {
+      c.value = !1, y(V);
     }, M = () => {
-      var B;
-      (B = s.value) == null || B.click();
+      var V;
+      (V = s.value) == null || V.click();
     };
-    return (B, C) => (t(), i("div", au, [
+    return (V, C) => (t(), i("div", au, [
       g(o(xe), {
         label: e.label,
         hint: e.hint,
         "error-message": o(u) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
       }, {
         hint: S(() => [
-          k(B.$slots, "hint")
+          k(V.$slots, "hint")
         ]),
         default: S(() => [
           e.isImageOnly ? (t(), p(lu, {
@@ -9133,17 +9135,17 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             "input-options": e.inputOptions,
             "max-images": e.maxImages,
             onChange: o(x),
-            "onUpdate:selectedImage": C[0] || (C[0] = (h) => B.$emit("update:selectedImage", h)),
+            "onUpdate:selectedImage": C[0] || (C[0] = (h) => V.$emit("update:selectedImage", h)),
             "onUpdate:uploadedImages": C[1] || (C[1] = (h) => {
-              f.value = h, B.$emit("update:modelValue", h);
+              f.value = h, V.$emit("update:modelValue", h);
             }),
-            onOnEditImage: C[2] || (C[2] = (h) => B.$emit("onEditFile", h)),
-            onOnRemoveImage: C[3] || (C[3] = (h) => B.$emit("onRemoveFile", h)),
+            onOnEditImage: C[2] || (C[2] = (h) => V.$emit("onEditFile", h)),
+            onOnRemoveImage: C[3] || (C[3] = (h) => V.$emit("onRemoveFile", h)),
             onDelete: o(y),
-            onOnMaxFileExceed: C[4] || (C[4] = (h) => B.$emit("onMaxFileExceed", h))
+            onOnMaxFileExceed: C[4] || (C[4] = (h) => V.$emit("onMaxFileExceed", h))
           }, {
             action: S((h) => [
-              k(B.$slots, "action", {
+              k(V.$slots, "action", {
                 item: h.item,
                 removeItem: h.removeItem,
                 fileIndex: h.i
@@ -9151,7 +9153,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             ]),
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), i(N, { key: 1 }, [
-            k(B.$slots, "button", { triggerInput: M }, () => [
+            k(V.$slots, "button", { triggerInput: M }, () => [
               g(o(X), F(e.buttonUploadProps, { onClick: M }), null, 16)
             ]),
             n("input", {
@@ -9174,8 +9176,8 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             ]])
           }, [
             n("div", iu, [
-              (t(!0), i(N, null, R(o(f), (h, V) => (t(), i("div", {
-                key: `${V}-${h.fileName}`,
+              (t(!0), i(N, null, R(o(f), (h, B) => (t(), i("div", {
+                key: `${B}-${h.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
                 n("div", ou, [
@@ -9209,7 +9211,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                     "on-enable-delete": h.progress === 100 && c.value,
                     "opacity-100": !c.value
                   }]),
-                  onClick: (I) => D(V)
+                  onClick: (O) => A(B)
                 }, null, 8, ["class", "onClick"]))
               ]))), 128))
             ]),
@@ -9349,9 +9351,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
     },
     popperOptions: {
       type: Object,
-      default: () => ({
-        strategy: "fixed"
-      })
+      default: () => ({})
     },
     maxMenuHeight: Number,
     popperStyle: Object,
@@ -9365,22 +9365,26 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
     scroll: []
   },
   setup(e, { expose: r, emit: a }) {
-    const l = a, s = e, d = j(), c = j(), u = async (D) => {
-      D != null && D.target && (s.isDisabled || (setTimeout(() => {
-        var M, B;
-        return (B = (M = d.value) == null ? void 0 : M.popperInstance) == null ? void 0 : B.update();
-      }, 10), l("update:modelValue", !s.modelValue)));
-    }, f = (D) => {
-      s.isAttachToBody && !s.preventClickOutside && d.value.checkElementIsInsidePopper(D.target) || s.modelValue && !s.preventClickOutside && l("update:modelValue", !1);
+    const l = a, s = e, d = j(), c = j(), u = async (M) => {
+      M != null && M.target && (s.isDisabled || setTimeout(() => {
+        var V, C;
+        (C = (V = d.value) == null ? void 0 : V.popperInstance) == null || C.update(), l("update:modelValue", !s.modelValue);
+      }, 30));
+    }, f = (M) => {
+      s.isAttachToBody && !s.preventClickOutside && d.value.checkElementIsInsidePopper(M.target) || s.modelValue && !s.preventClickOutside && l("update:modelValue", !1);
     }, x = j(), y = j(0);
-    return ue(() => s.modelValue, async () => {
-      const D = window.innerHeight || document.documentElement.clientHeight, M = x.value.getBoundingClientRect().top, B = D - x.value.getBoundingClientRect().bottom, C = Math.max(M, B), V = C - (2 + (C === M ? 2.5 : 0)) * 16;
-      y.value = V > 0 ? V : 0, d.value.popperInstance.update();
+    ue(() => s.modelValue, async () => {
+      const M = window.innerHeight || document.documentElement.clientHeight, V = x.value.getBoundingClientRect().top, C = M - x.value.getBoundingClientRect().bottom, h = Math.max(V, C), O = h - (2 + (h === V ? 2.5 : 0)) * 16;
+      y.value = O > 0 ? O : 0, d.value.popperInstance.update();
     }), r({
       dropdownScroll: c,
       toggleDropdown: u,
       popper: d
-    }), (D, M) => Oe((t(), i("span", {
+    });
+    const A = j(!1);
+    return we(() => {
+      x.value.closest("#modal-overlay-wrapper") && (A.value = !0);
+    }), (M, V) => Oe((t(), i("span", {
       ref_key: "parentElement",
       ref: x,
       class: "flex w-[inherit]"
@@ -9393,7 +9397,10 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
         "popper-class": e.popperClass,
         skidding: e.skidding,
         "popper-style": e.popperStyle,
-        "popper-options": e.popperOptions,
+        "popper-options": {
+          ...e.popperOptions,
+          strategy: A.value ? "fixed" : e.popperOptions.strategy || "absolute"
+        },
         "is-attach-to-body": e.isAttachToBody
       }, {
         popper: S(() => [
@@ -9406,9 +9413,9 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
                 style: oe({
                   maxHeight: (e.maxMenuHeight || y.value) - 68 + "px"
                 }),
-                onScroll: M[0] || (M[0] = (B) => D.$emit("scroll", B))
+                onScroll: V[0] || (V[0] = (C) => M.$emit("scroll", C))
               }, [
-                k(D.$slots, "menu", { isPopoverOpen: e.modelValue }, void 0, !0)
+                k(M.$slots, "menu", { isPopoverOpen: e.modelValue }, void 0, !0)
               ], 38), [
                 [Ee, e.modelValue]
               ])
@@ -9421,7 +9428,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             class: "w-[inherit] flex",
             onClick: u
           }, [
-            k(D.$slots, "default", {}, void 0, !0)
+            k(M.$slots, "default", {}, void 0, !0)
           ])
         ]),
         _: 3
@@ -9430,7 +9437,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       [o(nt), f]
     ]);
   }
-}, se = /* @__PURE__ */ be(hu, [["__scopeId", "data-v-a614b271"]]), bu = { class: "flex items-center gap-x-3 p-3" }, wu = {
+}, se = /* @__PURE__ */ be(hu, [["__scopeId", "data-v-1515deb8"]]), bu = { class: "flex items-center gap-x-3 p-3" }, wu = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, he = {
@@ -9529,7 +9536,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
     const r = e, a = j(!1), l = j(), s = j(), d = j(), c = () => {
       a.value = !0, d.value.popperInstance.update(), r.hideAfter && setTimeout(() => u(), r.hideAfter);
     }, u = () => a.value = !1;
-    ke(() => {
+    we(() => {
       if (r.trigger === "hover") {
         const x = ["mouseenter", "focus"], y = ["mouseleave", "blur"];
         x.forEach((b) => {
@@ -9715,7 +9722,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             e.isCloseIcon ? (t(), i("div", {
               key: 0,
               class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text",
-              onClick: b[0] || (b[0] = (D) => y.$emit("update:modelValue", !1))
+              onClick: b[0] || (b[0] = (A) => y.$emit("update:modelValue", !1))
             }, [
               g(o(T), {
                 name: "x",
@@ -9730,7 +9737,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
           ref_key: "scrollArea",
           ref: f,
           class: v(["overflow-y-auto", [e.size === "small" ? "p-5" : "p-7", e.isBorderless ? "py-0" : ""]]),
-          onScroll: b[1] || (b[1] = (D) => l("content-scroll", D))
+          onScroll: b[1] || (b[1] = (A) => l("content-scroll", A))
         }, [
           k(y.$slots, "default")
         ], 42, Iu),
@@ -9753,7 +9760,7 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
               label: "OK",
               class: "min-w-[112px]"
             }, e.confirmButtonProps, {
-              onClick: b[2] || (b[2] = (D) => y.$emit("confirm"))
+              onClick: b[2] || (b[2] = (A) => y.$emit("confirm"))
             }), null, 16)
           ])
         ], 2)) : m("", !0)
@@ -10240,8 +10247,8 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
   },
   emits: ["onUpdate"],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = ($, O) => {
-      l("onUpdate", $, O);
+    const a = e, l = r, s = ($, I) => {
+      l("onUpdate", $, I);
     }, d = {
       CardInput: cr,
       CheckboxesGroup: mr,
@@ -10262,50 +10269,50 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       SelectOptions: Sc
     }, c = ($) => d[$] ? d[$] : null, u = z(() => {
       const $ = (L) => L.split(`
-`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), O = {};
+`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), I = {};
       return Object.entries(a.grid).forEach(([L, E]) => {
-        Object.entries(E).forEach(([P, A]) => {
-          O[`--grid-${L}-${P}`] = P === "area" ? $(A) : A;
+        Object.entries(E).forEach(([P, D]) => {
+          I[`--grid-${L}-${P}`] = P === "area" ? $(D) : D;
         });
-      }), O;
-    }), f = ($) => typeof $ == "object" ? $[0].key : $, x = ($) => `grid-area: ${f($)}`, y = z(() => a.class), b = j({}), D = j({}), M = j({}), B = ($) => typeof $ == "object" ? $[0].key : $, C = ($) => {
-      a.jsonForm.forEach((O) => {
+      }), I;
+    }), f = ($) => typeof $ == "object" ? $[0].key : $, x = ($) => `grid-area: ${f($)}`, y = z(() => a.class), b = j({}), A = j({}), M = j({}), V = ($) => typeof $ == "object" ? $[0].key : $, C = ($) => {
+      a.jsonForm.forEach((I) => {
         var L;
-        if (typeof O.name == "object") {
+        if (typeof I.name == "object") {
           let E = null;
-          O.name.forEach((P) => {
+          I.name.forEach((P) => {
             $[P.key] && (E ? E.push($[P.key]) : E = [$[P.key]]);
-          }), b.value[B(O.name)] = E, I(O);
+          }), b.value[V(I.name)] = E, O(I);
         } else
-          (L = O.props) != null && L.parentKey ? (b.value[O.props.parentKey] = $[O.props.parentKey] ?? {}, b.value[O.props.parentKey][O.name] = $[O.props.parentKey][O.name] ?? "") : b.value[O.name] = $[O.name] ?? "", I(O);
+          (L = I.props) != null && L.parentKey ? (b.value[I.props.parentKey] = $[I.props.parentKey] ?? {}, b.value[I.props.parentKey][I.name] = $[I.props.parentKey][I.name] ?? "") : b.value[I.name] = $[I.name] ?? "", O(I);
       });
     }, h = () => {
       a.jsonForm.forEach(($) => {
         if (typeof $.name == "object") {
-          let O = [];
+          let I = [];
           $.name.forEach((L) => {
-            a.errors[L.key] && O.push(a.errors[L.key]);
-          }), D.value[B($.name)] = O.join(",");
+            a.errors[L.key] && I.push(a.errors[L.key]);
+          }), A.value[V($.name)] = I.join(",");
         } else
-          D.value[$.name] = a.errors[$.name] ?? "";
+          A.value[$.name] = a.errors[$.name] ?? "";
       });
-    }, V = z(() => ({
+    }, B = z(() => ({
       ...a.logicValues,
       ...b.value
-    })), I = ($) => {
+    })), O = ($) => {
       if ($.show_if || $.show_if_preview) {
-        let O = $.class ? $.class : "";
+        let I = $.class ? $.class : "";
         if ($.show_if)
           if ($.show_if_value !== void 0)
             if (Array.isArray($.show_if_value)) {
               let L = 0;
               $.show_if.forEach((E, P) => {
-                $.show_if_value[P] === V.value[$.show_if[P]] && (L = L + 1);
-              }), L < $.show_if.length && (O = O + " hidden");
-            } else $.show_if_value !== V.value[$.show_if] && (O = O + " hidden");
-          else $.show_if_not !== void 0 ? $.show_if_not === V.value[$.show_if] && (O = O + " hidden") : $.show_if_min !== void 0 && (isNaN(parseInt(V.value[$.show_if])) ? 1 : parseInt(V.value[$.show_if])) < parseInt($.show_if_min) && (O = O + " hidden");
-        else $.show_if_preview && ($.show_if_preview_only !== void 0 ? $.show_if_preview_only !== a.previewMode && (O = O + " hidden") : $.show_if_preview_not !== void 0 && $.show_if_preview_not === a.previewMode && (O = O + " hidden"));
-        typeof $.name == "object" ? M.value[B($.name)] = O : M.value[$.name] = O;
+                $.show_if_value[P] === B.value[$.show_if[P]] && (L = L + 1);
+              }), L < $.show_if.length && (I = I + " hidden");
+            } else $.show_if_value !== B.value[$.show_if] && (I = I + " hidden");
+          else $.show_if_not !== void 0 ? $.show_if_not === B.value[$.show_if] && (I = I + " hidden") : $.show_if_min !== void 0 && (isNaN(parseInt(B.value[$.show_if])) ? 1 : parseInt(B.value[$.show_if])) < parseInt($.show_if_min) && (I = I + " hidden");
+        else $.show_if_preview && ($.show_if_preview_only !== void 0 ? $.show_if_preview_only !== a.previewMode && (I = I + " hidden") : $.show_if_preview_not !== void 0 && $.show_if_preview_not === a.previewMode && (I = I + " hidden"));
+        typeof $.name == "object" ? M.value[V($.name)] = I : M.value[$.name] = I;
       } else
         M.value[$.name] = $.class ? $.class : "";
     };
@@ -10338,20 +10345,20 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
       () => {
         C(a.values);
       }
-    ), ke(() => {
+    ), we(() => {
       C(a.values), h(a.errors);
-    }), ($, O) => Object.values(b.value).length > 0 ? (t(), i("div", {
+    }), ($, I) => Object.values(b.value).length > 0 ? (t(), i("div", {
       key: 0,
       class: v(e.grid ? `responsive-smart-form-grid ${y.value}` : y.value),
       style: oe(e.grid ? u.value : "")
     }, [
       (t(!0), i(N, null, R(e.jsonForm, (L) => {
-        var E, P, A, U, H, K;
+        var E, P, D, U, H, K;
         return t(), i("div", {
           key: f(L.name),
           style: oe(e.grid ? x(L.name) : ""),
           class: v([
-            L.type !== "Children" ? M.value[typeof L.name == "object" ? B(L.name) : L.name] : "",
+            L.type !== "Children" ? M.value[typeof L.name == "object" ? V(L.name) : L.name] : "",
             L.class
           ])
         }, [
@@ -10359,31 +10366,31 @@ const Zd = { class: "flex flex-col gap-y-2 w-full" }, Qd = {
             key: 0,
             ref_for: !0
           }, L.props, {
-            "model-value": (E = L.props) != null && E.parentKey ? (A = (P = b.value) == null ? void 0 : P[L.props.parentKey]) == null ? void 0 : A[L.name] : b.value[typeof L.name == "object" ? B(L.name) : L.name],
-            "error-message": D.value[typeof L.name == "object" ? B(L.name) : L.name],
+            "model-value": (E = L.props) != null && E.parentKey ? (D = (P = b.value) == null ? void 0 : P[L.props.parentKey]) == null ? void 0 : D[L.name] : b.value[typeof L.name == "object" ? V(L.name) : L.name],
+            "error-message": A.value[typeof L.name == "object" ? V(L.name) : L.name],
             "onUpdate:modelValue": (_) => s(L, _)
           }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : k($.$slots, L.type, {
             key: 1,
             formId: e.id,
             form: L,
-            value: (U = L.props) != null && U.parentKey ? (K = (H = b.value) == null ? void 0 : H[L.props.parentKey]) == null ? void 0 : K[L.name] : b.value[typeof L.name == "object" ? B(L.name) : L.name],
-            error: D.value[typeof L.name == "object" ? B(L.name) : L.name],
+            value: (U = L.props) != null && U.parentKey ? (K = (H = b.value) == null ? void 0 : H[L.props.parentKey]) == null ? void 0 : K[L.name] : b.value[typeof L.name == "object" ? V(L.name) : L.name],
+            error: A.value[typeof L.name == "object" ? V(L.name) : L.name],
             onUpdate: s
           })
         ], 6);
       }), 128))
     ], 6)) : m("", !0);
   }
-}, yf = de(() => import("./OcDataTable-CLTLwpzB.js")), xf = de(() => import("./OcFilterSearch-us34Xf3F.js")), hf = de(() => import("./OcFilterSearchFor-RccrGSpG.js")), bf = de(() => import("./OcFilterForm-Dcze7x6x.js")), tm = de(
-  () => import("./OcComplexCalendar-Dtm84iob.js")
+}, yf = de(() => import("./OcDataTable-DVRY1jeJ.js")), xf = de(() => import("./OcFilterSearch-DqQV0yEz.js")), hf = de(() => import("./OcFilterSearchFor-DHkl2S2H.js")), bf = de(() => import("./OcFilterForm-nlTSe35v.js")), tm = de(
+  () => import("./OcComplexCalendar-B4lQwiPh.js")
 ), wf = de(
-  () => import("./OcComplexDatePicker-UwBiINWF.js")
-), ot = de(() => import("./OcModalCropper-DogaW3Pf.js")), $f = de(() => import("./OcCropper-CpbwLT0e.js")), lm = de(() => import("./OcDraggable-CA_BCbpl.js")), kf = de(() => import("./OcDraggableList-AzYIrDsM.js")), Sf = de(() => import("./OcEmojiPicker-BfXAsZzh.js")), Cf = de(
-  () => import("./ThumbnailTheme-3AhZ-r_a.js")
+  () => import("./OcComplexDatePicker-BQGEjDww.js")
+), ot = de(() => import("./OcModalCropper-DyOgFLXP.js")), $f = de(() => import("./OcCropper-B2XYrklz.js")), lm = de(() => import("./OcDraggable-CA_BCbpl.js")), kf = de(() => import("./OcDraggableList-DfcT9cdf.js")), Sf = de(() => import("./OcEmojiPicker-C-S5vG0c.js")), Cf = de(
+  () => import("./ThumbnailTheme-CEcfUgY7.js")
 ), Vf = de(
-  () => import("./ThumbnailSection-CKnTibRp.js")
-), Bf = de(() => import("./SubPlanCard-P1SsLvzl.js")), Of = de(() => import("./OcTimePopup-CXGhaOev.js")), am = de(() => import("./OcTimePicker-SSNb2Nxh.js")), If = de(
-  () => import("./OcAccountSetupProgress-Dr_0hJll.js")
+  () => import("./ThumbnailSection-BwPHSKTb.js")
+), Bf = de(() => import("./SubPlanCard-B_xqfv9l.js")), Of = de(() => import("./OcTimePopup-CXGhaOev.js")), am = de(() => import("./OcTimePicker-CP3DKZnI.js")), If = de(
+  () => import("./OcAccountSetupProgress-CaPZ5qXP.js")
 );
 export {
   Pm as $,