@orchidui/core 1.6.1-28 → 1.6.1-29

package/dist/{index-5pJR2_-O.js → index-BQ8oZLDi.js}

@@ -1,4 +1,4 @@
-import { computed as N, ref as M, onMounted as $e, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as k, createCommentVNode as m, createElementVNode as n, createBlock as x, unref as r, Fragment as P, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as $, createVNode as h, resolveDynamicComponent as at, mergeProps as F, normalizeProps as fe, guardReactiveProps as Ie, withModifiers as ce, defineComponent as Z, normalizeStyle as oe, createSlots as ee, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Oe, vShow as Ee, watch as me, 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 re } from "vue";
+import { computed as N, ref as M, onMounted as $e, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as k, createCommentVNode as m, createElementVNode as n, createBlock as x, unref as r, Fragment as P, renderList as R, withCtx as S, createTextVNode as W, toDisplayString as $, createVNode as h, resolveDynamicComponent as at, mergeProps as F, normalizeProps as fe, guardReactiveProps as Ie, withModifiers as ce, defineComponent as Z, normalizeStyle as oe, createSlots as ee, useSlots as ht, onBeforeUnmount as Pt, withDirectives as Be, vShow as Ee, watch as me, 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 re } from "vue";
 import { S as Ce } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as T } from "./OcIcon-CJgBICxh.js";
 import { clickOutside as nt } from "./directives/clickOutside.js";
@@ -69,8 +69,8 @@ const Kt = {
         l("update:selected", g);
       }
     }), p = (g) => {
-      y.value.find((V) => f.value(V) === f.value(g)) ? y.value = y.value.filter(
-        (V) => f.value(V) !== f.value(g)
+      y.value.find((C) => f.value(C) === f.value(g)) ? y.value = y.value.filter(
+        (C) => f.value(C) !== f.value(g)
       ) : y.value = [...y.value, g];
     }, w = () => {
       const g = y.value.length === c.value.length;
@@ -80,10 +80,10 @@ const Kt = {
         field: g,
         header: I
       });
-    }, B = M(!0), C = M(!0), b = M(), O = () => {
-      a.isSticky && (B.value = b.value.scrollLeft === 0, C.value = b.value.scrollLeft + b.value.clientWidth === b.value.scrollWidth);
+    }, O = M(!0), V = M(!0), b = M(), B = () => {
+      a.isSticky && (O.value = b.value.scrollLeft === 0, V.value = b.value.scrollLeft + b.value.clientWidth === b.value.scrollWidth);
     };
-    return $e(() => O()), (g, I) => (t(), i("div", {
+    return $e(() => B()), (g, I) => (t(), i("div", {
       ref_key: "scrollTable",
       ref: b,
       class: v(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -91,7 +91,7 @@ const Kt = {
         e.isResponsive ? "rounded" : "md:rounded",
         e.isBorderless ? "" : "border"
       ]]),
-      onScroll: O
+      onScroll: B
     }, [
       g.$slots.before ? (t(), i("div", {
         key: 0,
@@ -120,31 +120,31 @@ const Kt = {
             "is-checked": y.value.length === c.value.length && y.value.length > 0,
             onSelectAll: w
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : m("", !0),
-          (t(!0), i(P, null, R(u.value, (V) => (t(), x(r(rt), {
-            key: V.key,
-            text: V.label,
+          (t(!0), i(P, null, R(u.value, (C) => (t(), x(r(rt), {
+            key: C.key,
+            text: C.label,
             "is-loading": e.isLoading,
-            variant: V.headerVariant,
+            variant: C.headerVariant,
             "is-sticky": e.isSticky,
             class: v([[
               e.isSticky || e.isResponsive ? "flex md:min-h-auto" : "hidden md:flex",
-              V.stickyLeft && o.value ? "left-[40px] md:left-[32px]" : "left-0",
-              V.stickyRight ? "right-0" : "",
-              typeof V.class == "function" ? V.class() : V.class,
-              V.stickyLeft || V.stickyRight ? "sticky shrink-0 z-10" : "",
-              V.stickyLeft && !B.value ? "shadow-right-sticky" : "",
-              V.stickyRight && !C.value ? "shadow-left-sticky" : ""
+              C.stickyLeft && o.value ? "left-[40px] md:left-[32px]" : "left-0",
+              C.stickyRight ? "right-0" : "",
+              typeof C.class == "function" ? C.class() : C.class,
+              C.stickyLeft || C.stickyRight ? "sticky shrink-0 z-10" : "",
+              C.stickyLeft && !O.value ? "shadow-right-sticky" : "",
+              C.stickyRight && !V.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"])
           }, {
             default: S(() => [
-              k(g.$slots, `header-${V.key}`)
+              k(g.$slots, `header-${C.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), i(P, { key: 1 }, R(e.loadingRows, (V) => (t(), i("div", {
-        key: V,
+      e.isLoading ? (t(!0), i(P, { key: 1 }, R(e.loadingRows, (C) => (t(), i("div", {
+        key: C,
         class: v(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": o.value,
           "border-b": e.isBorderless
@@ -155,16 +155,16 @@ const Kt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : m("", !0),
         (t(!0), i(P, null, R(u.value, (z, E) => (t(), x(r(Re), {
-          key: `${E}-${V}`,
+          key: `${E}-${C}`,
           class: v(z.class),
           "is-loading": "",
-          "is-last": V === e.loadingRows
+          "is-last": C === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), i(P, { key: 2 }, [
         k(g.$slots, "table-body", {
           fields: c.value,
           headers: u.value,
-          isScrollOnEnd: C.value,
+          isScrollOnEnd: V.value,
           onClickRow: j,
           isSelectable: o.value,
           isCursorPointer: d.value,
@@ -173,8 +173,8 @@ const Kt = {
           rowLink: e.rowLink,
           calculateRowClass: D.value
         }, () => [
-          (t(!0), i(P, null, R(c.value, (V, z) => (t(), i("div", {
-            key: `${f.value(V)}-${z}`,
+          (t(!0), i(P, null, R(c.value, (C, z) => (t(), i("div", {
+            key: `${f.value(C)}-${z}`,
             class: v({
               "border-b": c.value.length !== z + 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(V, z)
+                D.value(C, z)
               ]])
             }, [
               o.value ? (t(), x(r(Re), {
@@ -196,43 +196,43 @@ const Kt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === z + 1,
-                "is-selected": y.value.some((E) => f.value(E) === f.value(V)),
+                "is-selected": y.value.some((E) => f.value(E) === f.value(C)),
                 variant: "checkbox",
-                onSelected: (E) => p(V),
+                onSelected: (E) => p(C),
                 "onHover:field": I[0] || (I[0] = (E) => g.$emit("hover:cell", E))
               }, null, 8, ["is-last", "is-selected", "class", "onSelected"])) : m("", !0),
               (t(!0), i(P, null, R(u.value, (E, L) => (t(), x(r(Re), {
                 key: `${L}-${z}`,
                 class: v(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(V) : E.class,
+                  typeof E.class == "function" ? E.class(C) : E.class,
                   E.stickyLeft && o.value ? "left-[40px] md:left-[32px]" : "left-0",
                   E.stickyRight ? "right-0" : "",
                   E.stickyLeft || E.stickyRight ? "shrink-0 sticky z-10" : "",
-                  E.stickyLeft && !B.value ? "shadow-right-sticky" : "",
-                  E.stickyRight && !C.value ? "shadow-left-sticky" : ""
+                  E.stickyLeft && !O.value ? "shadow-right-sticky" : "",
+                  E.stickyRight && !V.value ? "shadow-left-sticky" : ""
                 ]]),
                 "is-last": c.value.length === z + 1,
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: V[`${E.key}`] ?? "",
+                data: C[`${E.key}`] ?? "",
                 content: {
                   important: E.important ?? !1,
-                  title: V[`${E.title}`],
-                  description: V[`${E.description}`],
-                  href: V[`${E.href}`]
+                  title: C[`${E.title}`],
+                  description: C[`${E.description}`],
+                  href: C[`${E.href}`]
                 },
                 "chip-options": E.chipOptions,
                 "image-class": E.imageClass,
-                link: e.rowLink && V[e.rowLink] && E.key !== "actions" ? V[e.rowLink] : "",
-                onClick: (A) => j(V, E),
+                link: e.rowLink && C[e.rowLink] && E.key !== "actions" ? C[e.rowLink] : "",
+                onClick: (A) => j(C, E),
                 "onHover:field": I[1] || (I[1] = (A) => g.$emit("hover:cell", A))
               }, {
                 default: S(() => [
                   g.$slots[E.key] ? k(g.$slots, E.key, {
                     key: 0,
-                    item: V,
-                    data: V[E.key],
+                    item: C,
+                    data: C[E.key],
                     index: z
                   }) : m("", !0)
                 ]),
@@ -241,7 +241,7 @@ const Kt = {
             ], 2),
             g.$slots.extra ? (t(), i("div", Kt, [
               k(g.$slots, "extra", {
-                item: V,
+                item: C,
                 index: z
               })
             ])) : m("", !0)
@@ -601,9 +601,9 @@ const Kt = {
                 data: (j = e.row) == null ? void 0 : j[w == null ? void 0 : w.key],
                 item: e.row
               }, () => {
-                var B, C;
+                var O, V;
                 return [
-                  (B = d.value) != null && B[D] ? (t(), x(r(le), {
+                  (O = d.value) != null && O[D] ? (t(), x(r(le), {
                     key: 0,
                     class: "overflow-hidden w-[-webkit-fill-available]",
                     "arrow-hidden": "",
@@ -623,7 +623,7 @@ const Kt = {
                     }),
                     _: 2
                   }, 1024)) : (t(), i(P, { key: 1 }, [
-                    W($((C = e.row) == null ? void 0 : C[w == null ? void 0 : w.key]), 1)
+                    W($((V = e.row) == null ? void 0 : V[w == null ? void 0 : w.key]), 1)
                   ], 64))
                 ];
               })
@@ -676,10 +676,10 @@ const Kt = {
             value: e.value[w.key],
             depth: e.depth + 1
           }, ee({ _: 2 }, [
-            R(u.$slots, (j, B) => ({
-              name: B,
-              fn: S((C) => [
-                k(u.$slots, B, F({ ref_for: !0 }, C))
+            R(u.$slots, (j, O) => ({
+              name: O,
+              fn: S((V) => [
+                k(u.$slots, O, F({ ref_for: !0 }, V))
               ])
             }))
           ]), 1032, ["row", "important", "is-alternative", "is-loading", "headers", "value", "depth"]))), 128))
@@ -1019,7 +1019,7 @@ const Kt = {
 }, $l = {
   key: 0,
   class: "flex flex-col gap-y-3 min-w-[132px]"
-}, kl = { class: "flex flex-col gap-y-px font-medium overflow-hidden" }, Sl = { class: "flex whitespace-nowrap items-start gap-x-3 text-xs text-oc-text-300" }, Cl = { class: "uppercase" }, Vl = { class: "px-3 bg-white text-center w-[175px] rounded py-2 text-oc-text-400 whitespace-break-spaces font-medium" }, Bl = { class: "flex items-center gap-x-2 overflow-hidden" }, Ol = {
+}, kl = { class: "flex flex-col gap-y-px font-medium overflow-hidden" }, Sl = { class: "flex whitespace-nowrap items-start gap-x-3 text-xs text-oc-text-300" }, Cl = { class: "uppercase" }, Vl = { class: "px-3 bg-white text-center w-[175px] rounded py-2 text-oc-text-400 whitespace-break-spaces font-medium" }, Ol = { class: "flex items-center gap-x-2 overflow-hidden" }, Bl = {
   key: 0,
   class: "flex items-center gap-x-3 overflow-hidden"
 }, Il = { class: "truncate" }, Tl = { class: "flex items-center gap-x-1" }, Dl = { class: "text-oc-text-400 text-sm font-medium cursor-default" }, Al = { class: "px-3 bg-white text-center w-[175px] rounded py-2 text-oc-text-400 whitespace-break-spaces font-medium text-sm" }, Ue = {
@@ -1095,7 +1095,7 @@ const Kt = {
                 } : void 0
               ]), 1040)
             ]),
-            n("div", Bl, [
+            n("div", Ol, [
               e.isCard ? (t(), x(r(T), {
                 key: 0,
                 width: "35",
@@ -1107,7 +1107,7 @@ const Kt = {
                 k(s.$slots, "content", {}, () => [
                   isNaN(e.percentValue) ? (t(), i(P, { key: 1 }, [
                     W($(e.content), 1)
-                  ], 64)) : (t(), i("div", Ol, [
+                  ], 64)) : (t(), i("div", Bl, [
                     n("div", Il, $(e.content), 1),
                     h(r(le), {
                       position: "top",
@@ -1182,7 +1182,7 @@ const Kt = {
   setup(e, { emit: s }) {
     const a = s;
     return (l, o) => {
-      var d, c, u, f, y, p, w, D, j, B, C, b, O, g, I, V, z, E, L;
+      var d, c, u, f, y, p, w, D, j, O, V, b, B, g, I, C, z, E, L;
       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 }])
       }, [
@@ -1241,10 +1241,10 @@ const Kt = {
                 key: 2,
                 label: "Address",
                 content: [
-                  ((C = (B = e.customer) == null ? void 0 : B.address) == null ? void 0 : C.street) || "",
-                  ((O = (b = e.customer) == null ? void 0 : b.address) == null ? void 0 : O.city) || "",
+                  ((V = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : V.street) || "",
+                  ((B = (b = e.customer) == null ? void 0 : b.address) == null ? void 0 : B.city) || "",
                   ((I = (g = e.customer) == null ? void 0 : g.address) == null ? void 0 : I.state) || "",
-                  ((z = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : z.postal_code) || "",
+                  ((z = (C = e.customer) == null ? void 0 : C.address) == null ? void 0 : z.postal_code) || "",
                   ((L = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : L.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
@@ -1588,10 +1588,10 @@ const Kt = {
 }, $a = { class: "flex items-center gap-x-4 w-full" }, ka = { class: "flex flex-col flex-1 gap-y-3 overflow-hidden" }, Sa = { class: "flex items-center justify-between" }, Ca = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, Va = {
   key: 0,
   class: "text-base text-oc-text font-medium truncate"
-}, Ba = {
+}, Oa = {
   key: 0,
   class: "flex gap-3 shrink-0"
-}, Oa = {
+}, Ba = {
   key: 0,
   class: "flex flex-col gap-3"
 }, Ia = { class: "text-oc-text-400 flex gap-x-2 items-center text-sm" }, Ta = {
@@ -1638,7 +1638,7 @@ const Kt = {
               k(d.$slots, "title", {}, () => [
                 e.title ? (t(), i("span", Va, $(e.title), 1)) : m("", !0)
               ]),
-              e.chips.length ? (t(), i("div", Ba, [
+              e.chips.length ? (t(), i("div", Oa, [
                 (t(!0), i(P, null, R(e.chips, (u, f) => (t(), x(r(ae), {
                   key: f,
                   label: u.label,
@@ -1672,7 +1672,7 @@ const Kt = {
             ])
           ]),
           k(d.$slots, "default", {}, () => [
-            e.descriptionIcon || e.description || e.details.length ? (t(), i("div", Oa, [
+            e.descriptionIcon || e.description || e.details.length ? (t(), i("div", Ba, [
               n("div", Ia, [
                 e.descriptionIcon ? (t(), x(r(T), {
                   key: 0,
@@ -1958,7 +1958,7 @@ const Kt = {
           ])
         ])
       ], 2),
-      Oe(n("div", un, [
+      Be(n("div", un, [
         k(c.$slots, "content")
       ], 512), [
         [Ee, o.value]
@@ -2196,7 +2196,7 @@ const Kt = {
 }, wn = { key: 0 }, $n = { class: "flex border-oc-gray-200 gap-x-9 justify-between p-5 items-start border-b sticky bg-oc-bg-light top-0" }, kn = { class: "flex flex-col gap-y-1 max-w-[300px]" }, Sn = { class: "text-lg font-medium truncate" }, Cn = { class: "flex gap-3 items-center" }, Vn = {
   key: 0,
   class: "text-sm text-oc-text-300 truncate"
-}, Bn = { class: "flex items-center gap-3" }, On = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, In = { class: "p-2 border-b border-gray-200" }, Tn = {
+}, On = { class: "flex items-center gap-3" }, Bn = { class: "p-[6px] rounded cursor-pointer text-oc-gray-500 hover:bg-gray-100 hover:text-oc-text" }, In = { class: "p-2 border-b border-gray-200" }, Tn = {
   key: 0,
   class: "p-2"
 }, Vm = {
@@ -2265,7 +2265,7 @@ const Kt = {
                 ])
               ])
             ]),
-            n("div", Bn, [
+            n("div", On, [
               e.dropdownOptions ? (t(), x(r(ie), F({
                 key: 0,
                 modelValue: a.value,
@@ -2289,7 +2289,7 @@ const Kt = {
                   ])) : m("", !0)
                 ]),
                 default: S(() => [
-                  n("div", On, [
+                  n("div", Bn, [
                     h(r(T), {
                       name: "dots-vertical",
                       width: "20",
@@ -2326,7 +2326,7 @@ const Kt = {
 }, Ln = {
   key: 2,
   class: "w-[24px] h-[24px] min-w-[24px] text-oc-text-300 text-sm font-medium flex items-center justify-center border rounded-full border-oc-gray-200"
-}, Pn = { class: "flex flex-col gap-y-1" }, En = { class: "font-medium" }, Nn = { class: "text-oc-text-300 text-sm" }, Bm = /* @__PURE__ */ Z({
+}, Pn = { class: "flex flex-col gap-y-1" }, En = { class: "font-medium" }, Nn = { class: "text-oc-text-300 text-sm" }, Om = /* @__PURE__ */ Z({
   __name: "OcOnboardingListItem",
   props: {
     title: {
@@ -2382,7 +2382,7 @@ const Kt = {
       ])
     ]));
   }
-}), Om = {
+}), Bm = {
   __name: "OcAccordion",
   props: {
     header: {
@@ -2590,25 +2590,25 @@ const Kt = {
     "update:modelValue": []
   },
   setup(e, { emit: s }) {
-    const a = e, l = M(0), o = M(0), d = M(), c = s, u = N(() => a.tabs.findIndex((B) => B.value === a.modelValue)), f = N(() => a.variant === "pills"), y = N(() => a.direction === "vertical"), p = () => {
+    const a = e, l = M(0), o = M(0), d = M(), c = s, u = N(() => a.tabs.findIndex((O) => O.value === a.modelValue)), f = N(() => a.variant === "pills"), y = N(() => a.direction === "vertical"), p = () => {
       y.value ? o.value = Math.round(d.value.clientHeight / vt) : o.value = Math.round(d.value.clientWidth / ft);
-    }, w = (B) => {
-      var O;
-      const C = B === "left" ? --u.value : ++u.value, b = (O = a.tabs[C]) == null ? void 0 : O.value;
+    }, w = (O) => {
+      var B;
+      const V = O === "left" ? --u.value : ++u.value, b = (B = a.tabs[V]) == null ? void 0 : B.value;
       b !== void 0 && c("update:modelValue", b);
     }, D = () => {
-      const B = a.tabs.findIndex((C) => C.value === a.modelValue);
-      B > -1 && He(() => {
+      const O = a.tabs.findIndex((V) => V.value === a.modelValue);
+      O > -1 && He(() => {
         var b;
-        p(), l.value = B;
-        const C = {};
-        y.value ? C.top = B * vt : C.left = B * ft, (b = d.value) == null || b.scroll({
-          ...C,
+        p(), l.value = O;
+        const V = {};
+        y.value ? V.top = O * vt : V.left = O * ft, (b = d.value) == null || b.scroll({
+          ...V,
           behavior: "smooth"
         });
       });
-    }, j = (B) => {
-      a.isDisabled || c("update:modelValue", B);
+    }, j = (O) => {
+      a.isDisabled || c("update:modelValue", O);
     };
     return $e(() => {
       p(), a.isArrows && D();
@@ -2625,7 +2625,7 @@ const Kt = {
       () => {
         D();
       }
-    ), (B, C) => (t(), i("div", {
+    ), (O, V) => (t(), i("div", {
       id: "test",
       ref_key: "tabsContainer",
       ref: d,
@@ -2646,20 +2646,20 @@ const Kt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: C[0] || (C[0] = ce((b) => w("left"), ["prevent"]))
+          onClick: V[0] || (V[0] = ce((b) => w("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : m("", !0),
       n("div", {
         class: v(["flex items-center", { "flex-col": y.value }])
       }, [
         (t(!0), i(P, null, R(e.tabs, (b) => {
-          var O, g;
+          var B, g;
           return t(), i("div", {
             key: b.value,
             class: v(["relative cursor-pointer min-w-[48px] gap-x-3 items-center flex justify-center text-sm", [
               b.class,
               f.value ? "py-2 px-3 rounded" : "px-4 pb-3 border-b-2 -mb-[1px]",
-              ((O = e.modelValue) == null ? void 0 : O.toString()) === ((g = b.value) == null ? void 0 : g.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()) === ((g = b.value) == null ? void 0 : g.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
               e.isArrows ? "!justify-normal !min-w-[100px]" : "",
               y.value ? "!justify-start w-full py-3 px-5" : "",
               y.value && e.isArrows ? "!min-h-[35px]" : "",
@@ -2667,7 +2667,7 @@ const Kt = {
             ]]),
             onClick: (I) => j(b.value)
           }, [
-            k(B.$slots, b.value, {}, () => [
+            k(O.$slots, b.value, {}, () => [
               n("div", {
                 class: v({ truncate: e.isArrows })
               }, $(b.label), 3),
@@ -2688,7 +2688,7 @@ const Kt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: C[1] || (C[1] = (b) => w("right"))
+          onClick: V[1] || (V[1] = (b) => w("right"))
         }, null, 8, ["name"])
       ], 2)) : m("", !0)
     ], 2));
@@ -3093,7 +3093,7 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
 }, ko = { class: "flex flex-col gap-y-3" }, So = { class: "flex items-center justify-between gap-x-3" }, Co = { class: "text-xl leading-[24px] font-medium" }, Vo = {
   key: 0,
   class: "flex gap-x-6 text-sm text-oc-text-400 py-4 whitespace-nowrap items-center"
-}, Bo = { class: "overflow-hidden text-ellipsis" }, Oo = /* @__PURE__ */ Z({
+}, Oo = { class: "overflow-hidden text-ellipsis" }, Bo = /* @__PURE__ */ Z({
   __name: "OcMobilePageTitle",
   props: {
     title: { type: String },
@@ -3148,7 +3148,7 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
         }, 16)) : m("", !0)
       ]),
       e.description ? (t(), i("div", Vo, [
-        n("span", Bo, $(e.description), 1),
+        n("span", Oo, $(e.description), 1),
         h(r(Me), {
           class: "shrink-0",
           value: e.description
@@ -3236,7 +3236,7 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
             }, null, 8, ["primary-button-props", "secondary-button-props"])
           ])
         ], 2),
-        e.isMobileCombineButtons ? (t(), x(Oo, {
+        e.isMobileCombineButtons ? (t(), x(Bo, {
           key: 1,
           "secondary-button-props": e.secondaryButtonProps,
           "primary-button-props": e.primaryButtonProps,
@@ -3298,16 +3298,16 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
           distance: 7
         }, {
           popper: S(() => {
-            var B, C;
+            var O, V;
             return [
-              n("div", Ao, $((C = (B = e.primaryActions) == null ? void 0 : B.mainLinkAction) == null ? void 0 : C.tooltipContent), 1)
+              n("div", Ao, $((V = (O = e.primaryActions) == null ? void 0 : O.mainLinkAction) == null ? void 0 : V.tooltipContent), 1)
             ];
           }),
           default: S(() => {
-            var B, C;
+            var O, V;
             return [
               n("a", {
-                href: (C = (B = e.primaryActions) == null ? void 0 : B.mainLinkAction) == null ? void 0 : C.url,
+                href: (V = (O = e.primaryActions) == null ? void 0 : O.mainLinkAction) == null ? void 0 : V.url,
                 target: "_blank"
               }, [
                 h(r(T), {
@@ -3319,29 +3319,29 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
           }),
           _: 1
         })) : m("", !0),
-        (t(!0), i(P, null, R(e.primaryActions.actions, (B, C) => {
+        (t(!0), i(P, null, R(e.primaryActions.actions, (O, V) => {
           var b;
-          return t(), i(P, { key: C }, [
-            (b = e.primaryActions) != null && b.mainLinkAction || C > 0 ? (t(), i("div", Mo)) : m("", !0),
+          return t(), i(P, { key: V }, [
+            (b = e.primaryActions) != null && b.mainLinkAction || V > 0 ? (t(), i("div", Mo)) : m("", !0),
             h(r(le), {
               position: "top",
               "arrow-hidden": "",
               distance: 7
             }, {
               popper: S(() => [
-                n("div", jo, $(B != null && B.isCopyButton ? o.value ? y.value : f.value : B.tooltipContent), 1)
+                n("div", jo, $(O != null && O.isCopyButton ? o.value ? y.value : f.value : O.tooltipContent), 1)
               ]),
               default: S(() => [
-                B != null && B.isCopyButton ? (t(), x(r(T), {
+                O != null && O.isCopyButton ? (t(), x(r(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", o.value ? "!text-oc-success" : ""]),
                   name: o.value ? "check" : "copy",
                   onClick: u
                 }, null, 8, ["name", "class"])) : (t(), x(r(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", O.class ?? ""]),
+                  name: O.icon,
+                  onClick: O.onClick
                 }, null, 8, ["name", "class", "onClick"]))
               ]),
               _: 2
@@ -3355,16 +3355,16 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
         d.value ? (t(), x(r(ie), {
           key: 2,
           modelValue: c.value,
-          "onUpdate:modelValue": D[3] || (D[3] = (B) => c.value = B),
+          "onUpdate:modelValue": D[3] || (D[3] = (O) => c.value = O),
           distance: 6
         }, {
           menu: S(() => {
-            var B, C, b;
+            var O, V, b;
             return [
               n("div", Lo, [
                 n("div", Po, [
-                  (t(!0), i(P, null, R((B = e.primaryActions.dropdownOptions) == null ? void 0 : B.top, (O, g) => (t(), i(P, { key: g }, [
-                    O != null && O.isCopyButton ? (t(), x(r(xe), {
+                  (t(!0), i(P, null, R((O = e.primaryActions.dropdownOptions) == null ? void 0 : O.top, (B, g) => (t(), i(P, { key: g }, [
+                    B != null && B.isCopyButton ? (t(), x(r(xe), {
                       key: 0,
                       icon: o.value ? "check" : "copy",
                       text: o.value ? y.value : f.value,
@@ -3373,24 +3373,24 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
                     }, null, 8, ["icon", "text", "icon-classes"])) : (t(), x(r(xe), F({
                       key: 1,
                       ref_for: !0
-                    }, O, {
+                    }, B, {
                       onClick: D[0] || (D[0] = (I) => c.value = !1)
                     }), null, 16))
                   ], 64))), 128))
                 ]),
-                (C = e.primaryActions.dropdownOptions) != null && C.bottom ? (t(), i("div", Eo, [
-                  (t(!0), i(P, null, R((b = e.primaryActions.dropdownOptions) == null ? void 0 : b.bottom, (O, g) => (t(), i("div", { key: g }, [
-                    O != null && O.tooltipText ? (t(), x(r(le), {
+                (V = e.primaryActions.dropdownOptions) != null && V.bottom ? (t(), i("div", Eo, [
+                  (t(!0), i(P, null, R((b = e.primaryActions.dropdownOptions) == null ? void 0 : b.bottom, (B, g) => (t(), i("div", { key: g }, [
+                    B != null && B.tooltipText ? (t(), x(r(le), {
                       key: 0,
                       position: "bottom",
                       distance: 14,
                       class: "!w-full"
                     }, {
                       popper: S(() => [
-                        n("div", No, $(O == null ? void 0 : O.tooltipText), 1)
+                        n("div", No, $(B == null ? void 0 : B.tooltipText), 1)
                       ]),
                       default: S(() => [
-                        h(r(xe), F({ ref_for: !0 }, O, {
+                        h(r(xe), F({ ref_for: !0 }, B, {
                           onClick: D[1] || (D[1] = (I) => c.value = !1)
                         }), null, 16)
                       ]),
@@ -3398,7 +3398,7 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
                     }, 1024)) : (t(), x(r(xe), F({
                       key: 1,
                       ref_for: !0
-                    }, O, {
+                    }, B, {
                       onClick: D[2] || (D[2] = (I) => c.value = !1)
                     }), null, 16))
                   ]))), 128))
@@ -3547,26 +3547,26 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
           }, {
             default: S(() => [
               (t(!0), i(P, null, R(p.items, (D, j) => {
-                var B;
+                var O;
                 return t(), x(r(xi), {
                   key: j,
                   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)),
+                  "is-active": D.active || D.children && ((O = D.children) == null ? void 0 : O.some((V) => V.active)),
                   "is-expanded": e.isExpanded,
                   "is-menu-expanded": o.expanded.includes(D.name),
-                  onClick: (C) => c(D),
-                  onCloseMenu: (C) => d(D.name)
+                  onClick: (V) => c(D),
+                  onCloseMenu: (V) => d(D.name)
                 }, {
                   default: S(() => [
-                    (t(!0), i(P, null, R(D.children, (C, b) => (t(), x(r(wi), {
+                    (t(!0), i(P, null, R(D.children, (V, b) => (t(), x(r(wi), {
                       key: b,
-                      icon: C.icon,
-                      label: C.label,
-                      "is-active": C.active,
+                      icon: V.icon,
+                      label: V.label,
+                      "is-active": V.active,
                       "is-expanded": e.isExpanded,
-                      onClick: (O) => f.$emit("redirect", C)
+                      onClick: (B) => f.$emit("redirect", V)
                     }, null, 8, ["icon", "label", "is-active", "is-expanded", "onClick"]))), 128))
                   ]),
                   _: 2
@@ -3918,7 +3918,7 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
         placement: "right-start",
         strategy: "fixed"
       });
-    }), (u, f) => Oe((t(), i("div", vi, [
+    }), (u, f) => Be((t(), i("div", vi, [
       h(r(le), {
         position: "right",
         "arrow-hidden": "",
@@ -4056,7 +4056,7 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       ])
     ]));
   }
-}, Vi = { class: "relative" }, Bi = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Oi = { class: "py-2 px-3 gap-x-3 flex items-center" }, Ii = { class: "text-oc-accent-2 flex-1 font-medium" }, Ti = { class: "flex items-center gap-x-2" }, Di = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, Hm = {
+}, Vi = { class: "relative" }, Oi = { class: "border relative z-10 bg-white border-oc-gray-200 shadow-normal rounded p-2 flex flex-col gap-y-2" }, Bi = { class: "py-2 px-3 gap-x-3 flex items-center" }, Ii = { class: "text-oc-accent-2 flex-1 font-medium" }, Ti = { class: "flex items-center gap-x-2" }, Di = { class: "px-3 pb-3 text-oc-text-400 text-sm" }, Hm = {
   __name: "OcSidebarFeatureBanners",
   props: {
     isStacked: {
@@ -4075,8 +4075,8 @@ const Pm = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
   setup(e) {
     return (s, a) => (t(), i("div", Vi, [
       a[2] || (a[2] = n("div", { class: "border absolute top-2 left-0 w-full h-[calc(100%-4px)] border-oc-gray-200 rounded pt-2" }, null, -1)),
-      n("div", Bi, [
-        n("div", Oi, [
+      n("div", Oi, [
+        n("div", Bi, [
           h(r(T), {
             name: "sparkle-2",
             class: "text-oc-accent-2"
@@ -4950,7 +4950,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       ]);
     };
   }
-}, Gm = /* @__PURE__ */ he(Vs, [["__scopeId", "data-v-d658d1d3"]]), Bs = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Os = { class: "text-sm" }, Xm = /* @__PURE__ */ Z({
+}, Gm = /* @__PURE__ */ he(Vs, [["__scopeId", "data-v-d658d1d3"]]), Os = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, Bs = { class: "text-sm" }, Xm = /* @__PURE__ */ Z({
   __name: "OcSandboxBanner",
   props: {
     title: {
@@ -4963,8 +4963,8 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
     }
   },
   setup(e) {
-    return (s, a) => (t(), i("div", Bs, [
-      n("span", Os, $(e.title), 1),
+    return (s, a) => (t(), i("div", Os, [
+      n("span", Bs, $(e.title), 1),
       e.chipProps ? (t(), x(r(ae), F({
         key: 0,
         class: "absolute left-[40px]"
@@ -5166,7 +5166,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       }
     ), (y, p) => (t(), x(Ae, { name: e.transitionName }, {
       default: S(() => [
-        Oe(n("div", {
+        Be(n("div", {
           ref_key: "snackBar",
           ref: d,
           class: v([[
@@ -5299,7 +5299,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
     });
     return (l, o) => (t(), x(Ae, { name: e.transitionName }, {
       default: S(() => [
-        Oe(n("div", {
+        Be(n("div", {
           class: v([r(a)[e.color], "border rounded-lg banner relative overflow-hidden"])
         }, [
           n("div", {
@@ -5402,12 +5402,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
     return (s, a) => (t(), i("div", Js, [
       e.label ? (t(), i("label", {
         key: 0,
-        class: v(["flex items-center text-sm font-medium gap-x-3 text-oc-text-400", [
-          e.labelClass,
-          {
-            "!text-oc-error": e.errorMessage
-          }
-        ]])
+        class: v(["flex items-center text-sm font-medium gap-x-3 text-oc-text-400", e.labelClass])
       }, [
         n("span", Zs, [
           W($(e.label) + " ", 1),
@@ -5504,9 +5499,9 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
           e.isAdditionalArea ? "rounded-l-[inherit]" : "rounded-[inherit]"
         ]]),
         disabled: e.isDisabled || e.isLoading,
-        onMousedown: j[0] || (j[0] = (B) => a.value = !0),
-        onMouseup: j[1] || (j[1] = (B) => a.value = !1),
-        onMouseleave: j[2] || (j[2] = (B) => a.value = !1)
+        onMousedown: j[0] || (j[0] = (O) => a.value = !0),
+        onMouseup: j[1] || (j[1] = (O) => a.value = !1),
+        onMouseleave: j[2] || (j[2] = (O) => a.value = !1)
       }, [
         e.isLoading ? (t(), x(r(T), {
           key: 0,
@@ -5534,7 +5529,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       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]", [o.value[e.size], e.variant]]),
-        onClick: j[3] || (j[3] = ce((B) => D.$emit("addition-click"), ["stop"]))
+        onClick: j[3] || (j[3] = ce((O) => D.$emit("addition-click"), ["stop"]))
       }, [
         k(D.$slots, "additional-content", {}, () => [
           h(r(T), {
@@ -5741,7 +5736,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
             class: v({ "!w-fit": !e.isBlock }),
             "model-value": d(D.value),
             "is-button-variant": e.isButtonVariant,
-            "onUpdate:modelValue": (B) => c(D.value)
+            "onUpdate:modelValue": (O) => c(D.value)
           }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
         ], 2)
       ]),
@@ -6036,15 +6031,15 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
   },
   setup(e, { expose: s, emit: a }) {
     const l = e, o = a, d = M([]), c = M(), u = M(""), f = M(!1), y = M(!1), p = N(() => f.value ? d.value : d.value.slice(0, l.maxVisibleOptions)), w = (j) => {
-      d.value = d.value.filter((B) => B !== j), o("option-removed", j), o("update:modelValue", d.value);
+      d.value = d.value.filter((O) => O !== j), o("option-removed", j), o("update:modelValue", d.value);
     }, D = (j) => {
       if (!(j != null && j.trim()))
         return;
-      const B = (j == null ? void 0 : j.split(",")) || [];
-      B.forEach((C) => {
+      const O = (j == null ? void 0 : j.split(",")) || [];
+      O.forEach((V) => {
         var b;
-        C != null && C.trim() && (!l.allowDuplicated && ((b = d.value) != null && b.includes(C)) || (d.value.push(C), o("option-added", C)));
-      }), B.length && (u.value = "", o("update:modelValue", d.value));
+        V != null && V.trim() && (!l.allowDuplicated && ((b = d.value) != null && b.includes(V)) || (d.value.push(V), o("option-added", V)));
+      }), O.length && (u.value = "", o("update:modelValue", d.value));
     };
     return me(
       () => l.modelValue,
@@ -6057,7 +6052,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       }
     ), s({
       focus: () => c.value.focus()
-    }), (j, B) => (t(), x(r(ye), {
+    }), (j, O) => (t(), x(r(ye), {
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -6067,13 +6062,13 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       "tooltip-options": e.tooltipOptions
     }, {
       default: S(() => {
-        var C, b;
+        var V, b;
         return [
           n("div", gr, [
             e.isInlineLabel && e.label ? (t(), i("label", pr, $(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] = (O) => c.value.focus())
+              onClick: O[4] || (O[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", {
@@ -6086,16 +6081,16 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                     options: p.value,
                     areAllOptionsVisible: f.value
                   }, () => [
-                    (t(!0), i(P, null, R(p.value, (O, g) => (t(), x(r(ae), {
-                      key: `${O}-${g}`,
+                    (t(!0), i(P, null, R(p.value, (B, g) => (t(), x(r(ae), {
+                      key: `${B}-${g}`,
                       closable: "",
-                      label: O,
-                      onRemove: (I) => w(O)
+                      label: B,
+                      onRemove: (I) => w(B)
                     }, null, 8, ["label", "onRemove"]))), 128)),
                     d.value.length > e.maxVisibleOptions ? (t(), x(r(ae), {
                       key: 0,
                       variant: "gray",
-                      onClick: B[0] || (B[0] = (O) => f.value = !f.value)
+                      onClick: O[0] || (O[0] = (B) => f.value = !f.value)
                     }, {
                       default: S(() => [
                         f.value ? (t(), x(r(T), {
@@ -6114,14 +6109,14 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                     type: "text",
                     value: u.value,
                     readonly: e.isReadonly,
-                    placeholder: ((C = p.value) == null ? void 0 : C.length) === 0 ? e.placeholder : "",
+                    placeholder: ((V = p.value) == null ? void 0 : V.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", ((b = p.value) == null ? void 0 : b.length) === 0 ? "min-w-full" : "min-w-[80px]"]),
-                    onFocus: B[1] || (B[1] = (O) => y.value = !0),
-                    onBlur: B[2] || (B[2] = (O) => {
-                      console.log("$event: ", O), y.value = !1, j.$emit("blur", O);
+                    onFocus: O[1] || (O[1] = (B) => y.value = !0),
+                    onBlur: O[2] || (O[2] = (B) => {
+                      console.log("$event: ", B), y.value = !1, j.$emit("blur", B);
                     }),
-                    onKeyup: B[3] || (B[3] = Fe((O) => D(O.target.value), ["enter"]))
+                    onKeyup: O[3] || (O[3] = Fe((B) => D(B.target.value), ["enter"]))
                   }, null, 42, hr)
                 ])
               ], 2)
@@ -6175,43 +6170,43 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
     const a = e, l = s;
     let o = a.initialCountryCode;
     if (a.modelValue && a.modelValue[0]) {
-      const O = a.countryCodes.find((g) => g.code === a.modelValue[0].toString());
-      O && (o = O.iso.toLowerCase());
+      const B = a.countryCodes.find((g) => g.code === a.modelValue[0].toString());
+      B && (o = B.iso.toLowerCase());
     }
     const d = M(o), c = M(!1), u = M(""), f = N(
-      () => a.countryCodes.filter((O) => O.country.toLowerCase().includes(u.value.toLowerCase())).sort((O, g) => O.country.localeCompare(g.country))
-    ), y = (O) => a.countryCodes.find((g) => g.iso.toLowerCase() === O.toLowerCase()) || null, p = (O) => {
+      () => a.countryCodes.filter((B) => B.country.toLowerCase().includes(u.value.toLowerCase())).sort((B, g) => B.country.localeCompare(g.country))
+    ), y = (B) => a.countryCodes.find((g) => g.iso.toLowerCase() === B.toLowerCase()) || null, p = (B) => {
       var g;
-      return ((g = y(O)) == null ? void 0 : g.code) || "";
-    }, w = (O) => {
-      l("update:modelValue", [p(d.value), O]);
-    }, D = (O, g, I = null) => {
-      var V;
-      d.value = O.toLowerCase(), l("update:modelValue", [g, I || ((V = a.modelValue) == null ? void 0 : V[1]) || ""]), c.value = !1;
-    }, j = M(null), B = M([]), C = () => {
+      return ((g = y(B)) == null ? void 0 : g.code) || "";
+    }, w = (B) => {
+      l("update:modelValue", [p(d.value), B]);
+    }, D = (B, g, I = null) => {
+      var C;
+      d.value = B.toLowerCase(), l("update:modelValue", [g, I || ((C = a.modelValue) == null ? void 0 : C[1]) || ""]), c.value = !1;
+    }, j = M(null), O = M([]), V = () => {
       setTimeout(() => {
-        const O = f.value.indexOf(
+        const B = f.value.indexOf(
           y(d.value)
-        ), I = B.value[O].offsetTop;
+        ), I = O.value[B].offsetTop;
         j.value.scrollTo(0, I - 60, { behavior: "smooth" });
       }, 10);
-    }, b = (O) => {
-      let g = O.clipboardData.getData("Text");
+    }, b = (B) => {
+      let g = B.clipboardData.getData("Text");
       try {
         if (g.search(/[^0-9]/g) < 0)
           if (g = g.slice(0, 19), g.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: I, countryCallingCode: V, country: z } = Wt(
+            const { nationalNumber: I, countryCallingCode: C, country: z } = Wt(
               "+" + g.replace("+", "")
             );
-            V && z ? D(z, V, I) : l("update:modelValue", [p(d.value), I]);
+            C && z ? D(z, C, I) : l("update:modelValue", [p(d.value), I]);
           } else
             l("update:modelValue", [p(d.value), g]);
       } catch {
         l("update:modelValue", [p(d.value), g]);
       }
-      O.preventDefault();
+      B.preventDefault();
     };
-    return (O, g) => {
+    return (B, g) => {
       var I;
       return t(), x(r(pe), {
         "error-message": e.errorMessage,
@@ -6233,8 +6228,8 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
           h(r(ie), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              g[3] || (g[3] = (V) => c.value = V),
-              C
+              g[3] || (g[3] = (C) => c.value = C),
+              V
             ],
             distance: 10,
             placement: "bottom-start"
@@ -6248,7 +6243,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                 n("div", $r, [
                   h(r(pe), {
                     modelValue: u.value,
-                    "onUpdate:modelValue": g[0] || (g[0] = (V) => u.value = V),
+                    "onUpdate:modelValue": g[0] || (g[0] = (C) => u.value = C),
                     icon: "search",
                     placeholder: "Search",
                     onKeydown: g[1] || (g[1] = ce(() => {
@@ -6265,22 +6260,22 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), i(P, null, R(f.value, (V, z) => (t(), i("div", {
+                (t(!0), i(P, null, R(f.value, (C, z) => (t(), i("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
-                  ref: B,
+                  ref: O,
                   key: z,
                   class: v([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
-                    d.value === V.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                    d.value === C.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
                   ]),
-                  onClick: (E) => D(V.iso, V.code)
+                  onClick: (E) => D(C.iso, C.code)
                 }, [
                   n("div", {
-                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${V.iso.toLowerCase()}`])
+                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${C.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Sr, "+" + $(V.code), 1),
-                  n("span", Cr, $(V.country), 1)
+                  n("span", Sr, "+" + $(C.code), 1),
+                  n("span", Cr, $(C.country), 1)
                 ], 10, kr))), 128))
               ], 512)
             ]),
@@ -6305,7 +6300,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       }, 8, ["error-message", "model-value", "placeholder", "label", "is-inline-label", "disabled", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options", "onKeydown"]);
     };
   }
-}, Br = ["id", "value", "checked", "name", "disabled"], Or = ["for"], Ir = {
+}, Or = ["id", "value", "checked", "name", "disabled"], Br = ["for"], Ir = {
   key: 0,
   class: "px-3 py-2 whitespace-nowrap"
 }, Tr = {
@@ -6346,7 +6341,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
           class: "radio-button__input absolute opacity-0 w-0 h-0",
           type: "radio",
           onInput: a[0] || (a[0] = (l) => s.$emit("update:modelValue", l.target.value))
-        }, null, 40, Br),
+        }, null, 40, Or),
         n("label", {
           for: e.groupName + e.id,
           class: v(["radio-button__label flex gap-x-3 relative items-center cursor-pointer transition-all duration-300 text-oc-text-500", {
@@ -6391,7 +6386,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
             ]),
             _: 3
           }, 16)) : m("", !0)
-        ], 10, Or)
+        ], 10, Br)
       ]),
       _: 3
     }, 8, ["class", "error-message", "hint"]));
@@ -6664,7 +6659,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
         } else
           ((A = H.label) != null && A.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && L.push(H);
       return L;
-    }), B = N(() => {
+    }), O = N(() => {
       if (l.multiple) {
         let L = [];
         if (l.modelValue)
@@ -6679,14 +6674,14 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
           var A;
           return L.value.toString() === ((A = l.modelValue) == null ? void 0 : A.toString());
         });
-    }), C = (L) => {
+    }), V = (L) => {
       var U;
       if (L.isDisabled)
         return;
       let A;
       if (l.multiple) {
         const H = (l.modelValue || []).find((X) => X === L.value);
-        if (!H && l.maxOptionAllowed && ((U = B.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
+        if (!H && l.maxOptionAllowed && ((U = O.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
           o("max-option-allowed-set");
           return;
         }
@@ -6699,7 +6694,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
         "update:modelValue",
         (l.modelValue || []).filter((A) => A !== L)
       );
-    }, O = () => {
+    }, B = () => {
       l.isAsynchronousSearch || (D.value ? o("update:modelValue", null) : o(
         "update:modelValue",
         j.value.map((L) => L.value)
@@ -6717,7 +6712,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
         (A = u.value) == null || A.focus();
       });
     });
-    const I = M("100%"), V = N(() => ({ maxWidth: I.value })), z = () => {
+    const I = M("100%"), C = N(() => ({ maxWidth: I.value })), z = () => {
       var L, A, U, H;
       o("toggle"), I.value = (A = (L = g.value) == null ? void 0 : L.$el) != null && A.offsetWidth ? `${(H = (U = g.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var de;
@@ -6772,7 +6767,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
           distance: 4,
           "popper-class": "w-full",
           placement: "bottom-end",
-          "popper-style": V.value,
+          "popper-style": C.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
           "menu-classes": e.menuClasses,
@@ -6786,7 +6781,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                 ref: p,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && B.value ? (t(), i("div", Fr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && O.value ? (t(), i("div", Fr, [
                   h(r(pe), {
                     ref_key: "searchInputRef",
                     ref: u,
@@ -6808,7 +6803,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                   }, 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 && !O.value }])
                 }, [
                   e.isCheckboxes && e.isSelectAll && j.value.length && e.multiple ? (t(), x(r(gt), {
                     key: 0,
@@ -6817,12 +6812,12 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                     "is-partial": !D.value && !!((U = e.modelValue) != null && U.length),
                     class: "border-b border-oc-gray-200",
                     label: "Select All",
-                    onClick: O
+                    onClick: B
                   }, null, 8, ["is-selected", "is-partial"])) : m("", !0),
                   k(L.$slots, "default", {
                     key: w.value,
                     fOptions: j.value,
-                    selectOption: C
+                    selectOption: V
                   }, () => [
                     (t(!0), i(P, null, R(j.value, (H) => (t(), x(r(gt), {
                       ref_for: !0,
@@ -6834,7 +6829,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                       "is-disabled": H.isDisabled,
                       "is-checkboxes": e.isCheckboxes,
                       "is-selected": e.multiple ? e.modelValue ? e.modelValue.find((X) => X === H.value) !== void 0 : !1 : e.modelValue === H.value,
-                      onClick: (X) => C(H)
+                      onClick: (X) => V(H)
                     }, null, 8, ["label", "sub-label", "is-disabled", "is-checkboxes", "is-selected", "onClick"]))), 128))
                   ]),
                   k(L.$slots, "infinite-scrolling"),
@@ -6878,7 +6873,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
             }, [
               e.multiple ? (t(), i("div", Pr, [
                 k(L.$slots, "selection", {}, () => [
-                  (t(!0), i(P, null, R(e.maxVisibleOptions ? B.value.slice(0, e.maxVisibleOptions) : B.value, (U) => (t(), x(r(ae), F({
+                  (t(!0), i(P, null, R(e.maxVisibleOptions ? O.value.slice(0, e.maxVisibleOptions) : O.value, (U) => (t(), x(r(ae), F({
                     key: U.value,
                     closable: "",
                     variant: U.variant,
@@ -6888,14 +6883,14 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                     "should-truncate-chip": "",
                     onRemove: (H) => b(U.value)
                   }), null, 16, ["variant", "label", "onRemove"]))), 128)),
-                  e.maxVisibleOptions && B.value.length > e.maxVisibleOptions ? (t(), x(r(ae), {
+                  e.maxVisibleOptions && O.value.length > e.maxVisibleOptions ? (t(), x(r(ae), {
                     key: 0,
-                    label: `+${B.value.length - e.maxVisibleOptions}`
+                    label: `+${O.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                B.value.length === 0 ? (t(), i("span", Er, $(e.placeholder), 1)) : m("", !0)
+                O.value.length === 0 ? (t(), i("span", Er, $(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
-              e.isInlineSearch && e.isFilterable && !B.value ? (t(), x(r(pe), {
+              e.isInlineSearch && e.isFilterable && !O.value ? (t(), x(r(pe), {
                 key: 1,
                 modelValue: d.value,
                 "onUpdate:modelValue": [
@@ -6925,7 +6920,7 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
                 e.isInlineLabel && e.label ? (t(), i("span", zr, $(e.label) + ": ", 1)) : m("", !0),
-                B.value ? (t(), i("span", Rr, $(B.value.label), 1)) : (t(), i("span", {
+                O.value ? (t(), i("span", Rr, $(O.value.label), 1)) : (t(), i("span", {
                   key: 3,
                   class: v(e.dropdownClasses ? "" : "text-oc-text-300")
                 }, $(e.placeholder), 3))
@@ -7038,16 +7033,22 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
       k(s.$slots, "default")
     ]));
   }
-}, Xr = { class: "flex text-oc-text-400 items-center gap-x-2" }, Jr = {
+}, Xr = { class: "flex items-center text-oc-text-400 gap-x-2" }, Jr = {
   key: 0,
-  class: "flex flex-col p-2 py-3 gap-2"
+  class: "flex flex-col gap-2 p-2 py-3"
 }, Zr = ["onClick"], Qr = {
   __name: "OcLinkInput",
   props: {
     placeholder: String,
     hint: String,
     label: String,
-    errorMessage: String,
+    errorMessages: {
+      type: Object,
+      default: () => ({
+        link: "",
+        title: ""
+      })
+    },
     isInlineLabel: Boolean,
     isDisabled: Boolean,
     modelValue: String,
@@ -7081,88 +7082,91 @@ const tt = /* @__PURE__ */ he(es, [["render", ls]]), as = { class: "flex" }, ns
     "update:title": []
   },
   setup(e, { emit: s }) {
-    var B, C;
-    const a = e, l = s, o = M(!1), d = M(a.type ?? ((C = (B = a.links) == null ? void 0 : B[0]) == null ? void 0 : C.value)), c = M(a.title ?? ""), u = N(
+    var O, V;
+    const a = e, l = s, o = M(!1), d = M(a.type ?? ((V = (O = a.links) == null ? void 0 : O[0]) == null ? void 0 : V.value)), c = M(a.title ?? ""), u = N(
       () => a.links.find((b) => b.value === d.value) ?? {}
     ), f = N(() => u.value.preFill ?? ""), y = M(a.modelValue ? a.modelValue.replace(f.value, "") : ""), p = (b) => {
       var g;
-      const O = (g = a.links.find((I) => I.value === b)) == null ? void 0 : g.preFill;
-      l("update:modelValue", a.modelValue.replace(f.value, O)), d.value = b, l("update:type", b), o.value = !1;
+      const B = (g = a.links.find((I) => I.value === b)) == null ? void 0 : g.preFill;
+      l("update:modelValue", a.modelValue.replace(f.value, B)), d.value = b, l("update:type", b), o.value = !1;
     }, w = (b) => {
       y.value = b, l("update:modelValue", f.value + b), !a.isEdit && d.value !== "link" && l("update:title", b);
     }, D = N(() => u.value.placeholder ?? ""), j = N(() => d.value === "link");
-    return (b, O) => (t(), i("div", null, [
-      j.value || e.isEdit ? (t(), x(r(pe), {
-        key: 0,
-        modelValue: c.value,
-        "onUpdate:modelValue": [
-          O[0] || (O[0] = (g) => c.value = g),
-          O[1] || (O[1] = (g) => b.$emit("update:title", g))
-        ],
-        class: "mb-3",
-        label: "Title",
-        placeholder: "Title",
-        "error-message": e.errorMessage ? " " : ""
-      }, null, 8, ["modelValue", "error-message"])) : m("", !0),
-      h(r(pe), {
-        placeholder: D.value,
-        label: d.value === "link" ? "Link" : e.label,
-        "error-message": e.errorMessage,
-        "is-inline-label": e.isInlineLabel,
-        disabled: e.isDisabled,
-        hint: e.hint,
-        "pre-fill": f.value,
-        "model-value": y.value,
-        "is-required": e.isRequired,
-        "label-icon": e.labelIcon,
-        "tooltip-text": e.tooltipText,
-        "tooltip-options": e.tooltipOptions,
-        "onUpdate:modelValue": w
-      }, {
-        trailing: S(() => [
-          h(r(ie), {
-            modelValue: o.value,
-            "onUpdate:modelValue": O[2] || (O[2] = (g) => o.value = g),
-            distance: 10
-          }, {
-            menu: S(() => [
-              e.isEdit ? m("", !0) : (t(), i("div", Jr, [
-                (t(!0), i(P, null, R(e.links, (g) => (t(), i("div", {
-                  key: g.value,
-                  class: "flex rounded-sm items-center px-3 py-2 gap-x-3 cursor-pointer text-oc-text-400 hover:bg-gray-50",
-                  onClick: (I) => p(g.value)
-                }, [
-                  h(r(T), {
+    return (b, B) => {
+      var g, I;
+      return t(), i("div", null, [
+        j.value || e.isEdit ? (t(), x(r(pe), {
+          key: 0,
+          modelValue: c.value,
+          "onUpdate:modelValue": [
+            B[0] || (B[0] = (C) => c.value = C),
+            B[1] || (B[1] = (C) => b.$emit("update:title", C))
+          ],
+          class: "mb-3",
+          label: "Title",
+          placeholder: "Title",
+          "error-message": (g = e.errorMessages) != null && g.title ? " " : ""
+        }, null, 8, ["modelValue", "error-message"])) : m("", !0),
+        h(r(pe), {
+          placeholder: D.value,
+          label: d.value === "link" ? "Link" : e.label,
+          "error-message": (I = e.errorMessages) != null && I.link ? " " : "",
+          "is-inline-label": e.isInlineLabel,
+          disabled: e.isDisabled,
+          hint: e.hint,
+          "pre-fill": f.value,
+          "model-value": y.value,
+          "is-required": e.isRequired,
+          "label-icon": e.labelIcon,
+          "tooltip-text": e.tooltipText,
+          "tooltip-options": e.tooltipOptions,
+          "onUpdate:modelValue": w
+        }, {
+          trailing: S(() => [
+            h(r(ie), {
+              modelValue: o.value,
+              "onUpdate:modelValue": B[2] || (B[2] = (C) => o.value = C),
+              distance: 10
+            }, {
+              menu: S(() => [
+                e.isEdit ? m("", !0) : (t(), i("div", Jr, [
+                  (t(!0), i(P, null, R(e.links, (C) => (t(), i("div", {
+                    key: C.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: (z) => p(C.value)
+                  }, [
+                    h(r(T), {
+                      width: "20",
+                      height: "20",
+                      name: C.icon
+                    }, null, 8, ["name"]),
+                    W(" " + $(C.label), 1)
+                  ], 8, Zr))), 128))
+                ]))
+              ]),
+              default: S(() => [
+                n("div", Xr, [
+                  u.value.icon ? (t(), x(r(T), {
+                    key: 0,
                     width: "20",
                     height: "20",
-                    name: g.icon
-                  }, null, 8, ["name"]),
-                  W(" " + $(g.label), 1)
-                ], 8, Zr))), 128))
-              ]))
-            ]),
-            default: S(() => [
-              n("div", Xr, [
-                u.value.icon ? (t(), x(r(T), {
-                  key: 0,
-                  width: "20",
-                  height: "20",
-                  name: u.value.icon
-                }, null, 8, ["name"])) : m("", !0),
-                h(r(T), {
-                  width: "16",
-                  height: "16",
-                  class: v(["transition duration-300", o.value ? "-rotate-180" : ""]),
-                  name: "chevron-down"
-                }, null, 8, ["class"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "pre-fill", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"])
-    ]));
+                    name: u.value.icon
+                  }, null, 8, ["name"])) : m("", !0),
+                  h(r(T), {
+                    width: "16",
+                    height: "16",
+                    class: v(["transition duration-300", o.value ? "-rotate-180" : ""]),
+                    name: "chevron-down"
+                  }, null, 8, ["class"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "pre-fill", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"])
+      ]);
+    };
   }
 }, _r = ["disabled", "value", "rows", "placeholder"], ed = "18px", td = {
   __name: "OcTextArea",
@@ -7246,8 +7250,8 @@ var Vt = { exports: {} };
   });
 })(Vt);
 var ld = Vt.exports;
-const Bt = /* @__PURE__ */ We(ld);
-var Ot = { exports: {} };
+const Ot = /* @__PURE__ */ We(ld);
+var Bt = { exports: {} };
 (function(e, s) {
   (function(a, l) {
     e.exports = l();
@@ -7258,8 +7262,8 @@ var Ot = { exports: {} };
       };
     };
   });
-})(Ot);
-var ad = Ot.exports;
+})(Bt);
+var ad = Bt.exports;
 const It = /* @__PURE__ */ We(ad);
 var Tt = { exports: {} };
 (function(e, s) {
@@ -7283,28 +7287,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, o = /\d/, d = /\d\d/, c = /\d\d?/, u = /\d*[^-_:/,()\s\d]+/, f = {}, y = function(b) {
       return (b = +b) + (b > 68 ? 1900 : 2e3);
     }, p = function(b) {
-      return function(O) {
-        this[b] = +O;
+      return function(B) {
+        this[b] = +B;
       };
     }, w = [/[+-]\d\d:?(\d\d)?|Z/, function(b) {
-      (this.zone || (this.zone = {})).offset = function(O) {
-        if (!O || O === "Z") return 0;
-        var g = O.match(/([+-]|\d\d)/g), I = 60 * g[1] + (+g[2] || 0);
+      (this.zone || (this.zone = {})).offset = function(B) {
+        if (!B || B === "Z") return 0;
+        var g = B.match(/([+-]|\d\d)/g), I = 60 * g[1] + (+g[2] || 0);
         return I === 0 ? 0 : g[0] === "+" ? -I : I;
       }(b);
     }], D = function(b) {
-      var O = f[b];
-      return O && (O.indexOf ? O : O.s.concat(O.f));
-    }, j = function(b, O) {
+      var B = f[b];
+      return B && (B.indexOf ? B : B.s.concat(B.f));
+    }, j = function(b, B) {
       var g, I = f.meridiem;
       if (I) {
-        for (var V = 1; V <= 24; V += 1) if (b.indexOf(I(V, 0, O)) > -1) {
-          g = V > 12;
+        for (var C = 1; C <= 24; C += 1) if (b.indexOf(I(C, 0, B)) > -1) {
+          g = C > 12;
           break;
         }
-      } else g = b === (O ? "pm" : "PM");
+      } else g = b === (B ? "pm" : "PM");
       return g;
-    }, B = { A: [u, function(b) {
+    }, O = { A: [u, function(b) {
       this.afternoon = j(b, !1);
     }], a: [u, function(b) {
       this.afternoon = j(b, !0);
@@ -7317,35 +7321,35 @@ var At = { exports: {} };
     }], SSS: [/\d{3}/, function(b) {
       this.milliseconds = +b;
     }], s: [c, p("seconds")], ss: [c, p("seconds")], m: [c, p("minutes")], mm: [c, p("minutes")], H: [c, p("hours")], h: [c, p("hours")], HH: [c, p("hours")], hh: [c, p("hours")], D: [c, p("day")], DD: [d, p("day")], Do: [u, function(b) {
-      var O = f.ordinal, g = b.match(/\d+/);
-      if (this.day = g[0], O) for (var I = 1; I <= 31; I += 1) O(I).replace(/\[|\]/g, "") === b && (this.day = I);
+      var B = f.ordinal, g = b.match(/\d+/);
+      if (this.day = g[0], B) for (var I = 1; I <= 31; I += 1) B(I).replace(/\[|\]/g, "") === b && (this.day = I);
     }], w: [c, p("week")], ww: [d, p("week")], M: [c, p("month")], MM: [d, p("month")], MMM: [u, function(b) {
-      var O = D("months"), g = (D("monthsShort") || O.map(function(I) {
+      var B = D("months"), g = (D("monthsShort") || B.map(function(I) {
         return I.slice(0, 3);
       })).indexOf(b) + 1;
       if (g < 1) throw new Error();
       this.month = g % 12 || g;
     }], MMMM: [u, function(b) {
-      var O = D("months").indexOf(b) + 1;
-      if (O < 1) throw new Error();
-      this.month = O % 12 || O;
+      var B = D("months").indexOf(b) + 1;
+      if (B < 1) throw new Error();
+      this.month = B % 12 || B;
     }], Y: [/[+-]?\d+/, p("year")], YY: [d, function(b) {
       this.year = y(b);
     }], YYYY: [/\d{4}/, p("year")], Z: w, ZZ: w };
-    function C(b) {
-      var O, g;
-      O = b, g = f && f.formats;
-      for (var I = (b = O.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, X, te) {
+    function V(b) {
+      var B, g;
+      B = b, g = f && f.formats;
+      for (var I = (b = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, X, te) {
         var _ = te && te.toUpperCase();
         return X || g[te] || a[te] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ne, de, ve) {
           return de || ve.slice(1);
         });
-      })).match(l), V = I.length, z = 0; z < V; z += 1) {
-        var E = I[z], L = B[E], A = L && L[0], U = L && L[1];
+      })).match(l), C = I.length, z = 0; z < C; z += 1) {
+        var E = I[z], L = O[E], A = L && L[0], U = L && L[1];
         I[z] = U ? { regex: A, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
-        for (var X = {}, te = 0, _ = 0; te < V; te += 1) {
+        for (var X = {}, te = 0, _ = 0; te < C; te += 1) {
           var ne = I[te];
           if (typeof ne == "string") _ += ne.length;
           else {
@@ -7362,9 +7366,9 @@ var At = { exports: {} };
         }(X), X;
       };
     }
-    return function(b, O, g) {
+    return function(b, B, g) {
       g.p.customParseFormat = !0, b && b.parseTwoDigitYear && (y = b.parseTwoDigitYear);
-      var I = O.prototype, V = I.parse;
+      var I = B.prototype, C = I.parse;
       I.parse = function(z) {
         var E = z.date, L = z.utc, A = z.args;
         this.$u = L;
@@ -7374,9 +7378,9 @@ var At = { exports: {} };
           X && (_ = A[2]), f = this.$locale(), !H && _ && (f = g.Ls[_]), this.$d = function(be, we, ge, ke) {
             try {
               if (["x", "X"].indexOf(we) > -1) return new Date((we === "X" ? 1e3 : 1) * be);
-              var se = C(we)(be), Ve = se.year, Se = se.month, Q = se.day, Be = se.hours, q = se.minutes, J = se.seconds, Y = se.milliseconds, ue = se.zone, je = se.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Ve || Se ? 1 : Ke.getDate()), Xe = Ve || Ke.getFullYear(), Ne = 0;
+              var se = V(we)(be), Ve = se.year, Se = se.month, Q = se.day, Oe = se.hours, q = se.minutes, J = se.seconds, Y = se.milliseconds, ue = se.zone, je = se.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Ve || Se ? 1 : Ke.getDate()), Xe = Ve || Ke.getFullYear(), Ne = 0;
               Ve && !Se || (Ne = Se > 0 ? Se - 1 : Ke.getMonth());
-              var ze, Je = Be || 0, Ze = q || 0, Qe = J || 0, _e = Y || 0;
+              var ze, Je = Oe || 0, Ze = q || 0, Qe = J || 0, _e = Y || 0;
               return ue ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e + 60 * ue.offset * 1e3)) : ge ? new Date(Date.UTC(Xe, Ne, Ge, Je, Ze, Qe, _e)) : (ze = new Date(Xe, Ne, Ge, Je, Ze, Qe, _e), je && (ze = ke(ze).week(je).toDate()), ze);
             } catch {
               return /* @__PURE__ */ new Date("");
@@ -7391,7 +7395,7 @@ var At = { exports: {} };
           }
           de === ne && (this.$d = /* @__PURE__ */ new Date(""));
         }
-        else V.call(this, z);
+        else C.call(this, z);
       };
     };
   });
@@ -7438,7 +7442,7 @@ function lt(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var yt = NaN, Sd = /^[-+]0x[0-9a-f]+$/i, Cd = /^0b[01]+$/i, Vd = /^0o[0-7]+$/i, Bd = parseInt;
+var yt = NaN, Sd = /^[-+]0x[0-9a-f]+$/i, Cd = /^0b[01]+$/i, Vd = /^0o[0-7]+$/i, Od = parseInt;
 function xt(e) {
   if (typeof e == "number")
     return e;
@@ -7452,24 +7456,24 @@ function xt(e) {
     return e === 0 ? e : +e;
   e = kd(e);
   var a = Cd.test(e);
-  return a || Vd.test(e) ? Bd(e.slice(2), a ? 2 : 8) : Sd.test(e) ? yt : +e;
+  return a || Vd.test(e) ? Od(e.slice(2), a ? 2 : 8) : Sd.test(e) ? yt : +e;
 }
 var et = function() {
   return Mt.Date.now();
-}, Od = "Expected a function", Id = Math.max, Td = Math.min;
+}, Bd = "Expected a function", Id = Math.max, Td = Math.min;
 function Dd(e, s, a) {
   var l, o, d, c, u, f, y = 0, p = !1, w = !1, D = !0;
   if (typeof e != "function")
-    throw new TypeError(Od);
+    throw new TypeError(Bd);
   s = xt(s) || 0, lt(a) && (p = !!a.leading, w = "maxWait" in a, d = w ? Id(xt(a.maxWait) || 0, s) : d, D = "trailing" in a ? !!a.trailing : D);
   function j(E) {
     var L = l, A = o;
     return l = o = void 0, y = E, c = e.apply(A, L), c;
   }
-  function B(E) {
-    return y = E, u = setTimeout(O, s), p ? j(E) : c;
+  function O(E) {
+    return y = E, u = setTimeout(B, s), p ? j(E) : c;
   }
-  function C(E) {
+  function V(E) {
     var L = E - f, A = E - y, U = s - L;
     return w ? Td(U, d - A) : U;
   }
@@ -7477,11 +7481,11 @@ function Dd(e, s, a) {
     var L = E - f, A = E - y;
     return f === void 0 || L >= s || L < 0 || w && A >= d;
   }
-  function O() {
+  function B() {
     var E = et();
     if (b(E))
       return g(E);
-    u = setTimeout(O, C(E));
+    u = setTimeout(B, V(E));
   }
   function g(E) {
     return u = void 0, D && l ? j(E) : (l = o = void 0, c);
@@ -7489,20 +7493,20 @@ function Dd(e, s, a) {
   function I() {
     u !== void 0 && clearTimeout(u), y = 0, l = f = o = u = void 0;
   }
-  function V() {
+  function C() {
     return u === void 0 ? c : g(et());
   }
   function z() {
     var E = et(), L = b(E);
     if (l = arguments, o = this, f = E, L) {
       if (u === void 0)
-        return B(f);
+        return O(f);
       if (w)
-        return clearTimeout(u), u = setTimeout(O, s), j(f);
+        return clearTimeout(u), u = setTimeout(B, s), j(f);
     }
-    return u === void 0 && (u = setTimeout(O, s)), c;
+    return u === void 0 && (u = setTimeout(B, s)), c;
   }
-  return z.cancel = I, z.flush = V, z;
+  return z.cancel = I, z.flush = C, z;
 }
 const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex flex-col gap-2 p-3" }, jd = { class: "flex justify-between items-center" }, Ld = { key: 0 }, Pd = { key: 1 }, Ed = {
   key: 0,
@@ -7549,13 +7553,13 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
   },
   emits: ["update:modelValue", "reset-calendar", "update:isIndefinite"],
   setup(e, { emit: s }) {
-    K.extend(Bt), K.extend(It), K.extend(Dt), K.extend(ot);
-    const a = e, l = s, o = M(), d = M(), c = M(), u = M(), f = M(), y = M(), p = M(), w = M(!1), D = M(!1), j = M(!1), B = M(!1), C = N(() => a.type === "range"), b = N(() => {
+    K.extend(Ot), K.extend(It), K.extend(Dt), K.extend(ot);
+    const a = e, l = s, o = M(), d = M(), c = M(), u = M(), f = M(), y = M(), p = M(), w = M(!1), D = M(!1), j = M(!1), O = M(!1), V = N(() => a.type === "range"), b = N(() => {
       const J = o.value.endOf("month").date();
       return Array.from({ length: J }, (Y, ue) => ue + 1);
-    }), O = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = N(() => o.value.format("MMMM YYYY")), I = N(
+    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = N(() => o.value.format("MMMM YYYY")), I = N(
       () => j.value ? y.value.format("YYYY") : o.value.format("YYYY")
-    ), V = N(() => o.value.format("MMM")), z = N(() => {
+    ), C = N(() => o.value.format("MMM")), z = N(() => {
       const q = d.value, J = c.value ?? p.value, Y = [q, J];
       return J && (q != null && q.isAfter(J)) && Y.reverse(), {
         from: Y[0],
@@ -7578,7 +7582,7 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
     }, X = () => {
       p.value = null, o.value = o.value.add(1, "month"), u.value = A.value ? d.value.date() : null, f.value = U.value ? c.value.date() : null;
     }, te = (q) => {
-      p.value = null, o.value = o.value.set("month", q), B.value = !1;
+      p.value = null, o.value = o.value.set("month", q), O.value = !1;
     }, _ = (q) => {
       p.value = null, o.value = o.value.set("year", q), j.value = !1;
     }, ne = () => {
@@ -7586,11 +7590,11 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
     }, de = () => {
       p.value = null, j.value ? y.value = y.value.add(11, "year") : o.value = o.value.add(1, "year");
     }, ve = () => {
-      j.value = !1, B.value = !B.value;
+      j.value = !1, O.value = !O.value;
     }, be = (q) => {
       const J = o.value.date(q);
       return Object.values(z.value).filter(Boolean).find((Y) => Y.isSame(J));
-    }, we = (q) => C.value ? E.value ? o.value.date(q).isBetween(
+    }, we = (q) => V.value ? E.value ? o.value.date(q).isBetween(
       z.value.from,
       z.value.to,
       null,
@@ -7599,14 +7603,14 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
       const J = o.value.date(q);
       return a.disabledDate(J.toDate()) || a.minDate && J.isBefore(K(a.minDate), "day") || a.maxDate && J.isAfter(K(a.maxDate), "day");
     }, ke = () => {
-      C.value && (ge(d.value.toDate()) || ge(c.value.toDate())) || (D.value = !1, l(
+      V.value && (ge(d.value.toDate()) || ge(c.value.toDate())) || (D.value = !1, l(
         "update:modelValue",
-        C.value ? [z.value.from, z.value.to].map((q) => q.toDate()) : d.value.toDate()
+        V.value ? [z.value.from, z.value.to].map((q) => q.toDate()) : d.value.toDate()
       ));
     }, se = (q) => {
       l("update:isIndefinite", q);
     }, Ve = (q, J = !0) => {
-      if (!C.value) {
+      if (!V.value) {
         let ue = K(g.value, "MMMM YYYY").date(q);
         u.value = q, d.value = ue, f.value = null, c.value = null, ke();
         return;
@@ -7621,9 +7625,9 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
       D.value && Ve(q, !1);
     }, 50), Q = () => {
       var J, Y, ue;
-      const q = C.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
-      o.value = K(q), y.value = K(q), d.value = q && o.value, u.value = q && d.value.date(), !(!C.value || !q) && (c.value = K((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((ue = c.value) == null ? void 0 : ue.month()) === o.value.month() ? c.value.date() : void 0);
-    }, Be = (q) => {
+      const q = V.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
+      o.value = K(q), y.value = K(q), d.value = q && o.value, u.value = q && d.value.date(), !(!V.value || !q) && (c.value = K((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((ue = c.value) == null ? void 0 : ue.month()) === o.value.month() ? c.value.date() : void 0);
+    }, Oe = (q) => {
       const J = q + 11, Y = [];
       for (; q <= J; )
         Y.push(q++);
@@ -7634,8 +7638,8 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
     }, [
       n("div", Ad, [
         h(r(ie), {
-          modelValue: B.value,
-          "onUpdate:modelValue": J[1] || (J[1] = (Y) => B.value = Y),
+          modelValue: O.value,
+          "onUpdate:modelValue": J[1] || (J[1] = (Y) => O.value = Y),
           distance: 10,
           position: "bottom",
           "is-popover": "",
@@ -7663,7 +7667,7 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
                 })
               ]),
               j.value ? (t(), i("div", Ed, [
-                (t(!0), i(P, null, R(Be(I.value - 11), (Y) => (t(), i("div", {
+                (t(!0), i(P, null, R(Oe(I.value - 11), (Y) => (t(), i("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": o.value.year() === Y
@@ -7671,10 +7675,10 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
                   onClick: (ue) => _(Y)
                 }, $(Y), 11, Nd))), 128))
               ])) : (t(), i("div", zd, [
-                (t(), i(P, null, R(O, (Y, ue) => n("div", {
+                (t(), i(P, null, R(B, (Y, ue) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
-                    "!border-oc-primary bg-oc-primary text-white": V.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": C.value === Y
                   }]),
                   onClick: (je) => te(ue)
                 }, $(Y), 11, Rd)), 64))
@@ -7715,7 +7719,7 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
             class: v(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
               be(Y) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
               ge(Y) ? "pointer-events-none opacity-[.35]" : "",
-              C.value ? {
+              V.value ? {
                 ...we(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)]": z.value.from.isSame(o.value.date(Y)),
@@ -7752,7 +7756,7 @@ const Ad = { class: "flex items-center justify-between" }, Md = { class: "flex f
     ], 2));
   }
 };
-K.extend(Bt);
+K.extend(Ot);
 K.extend(It);
 K.extend(Dt);
 K.extend(ot);
@@ -7862,15 +7866,15 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
     }, w = () => {
       a("resetCalendar"), a("update:modelValue", f.value ? [] : null), o.value = !1;
     }, D = (b) => {
-      const O = K(b);
-      return ((I) => I.get("month") === K().get("month"))(O);
+      const B = K(b);
+      return ((I) => I.get("month") === K().get("month"))(B);
     }, j = (b) => {
       d.value = b, a("update:modelValue", b ? "Indefinite" : null);
-    }, B = (b, O) => {
+    }, O = (b, B) => {
       var I;
       const g = K(b, l.dateFormat, !0);
-      u.value[O] = g.format(l.dateFormat), u.value[O ? 0 : 1] = ((I = l.modelValue) == null ? void 0 : I[O ? 0 : 1]) || K().format(l.dateFormat);
-    }, C = () => {
+      u.value[B] = g.format(l.dateFormat), u.value[B ? 0 : 1] = ((I = l.modelValue) == null ? void 0 : I[B ? 0 : 1]) || K().format(l.dateFormat);
+    }, V = () => {
       if (u.value.length) {
         if (c.value = !1, u.value.some((b) => !K(b, l.dateFormat).isValid())) {
           c.value = !0, u.value = [];
@@ -7881,9 +7885,9 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
         )), a("update:modelValue", u.value), u.value = [];
       }
     };
-    return (b, O) => (t(), x(r(ie), {
+    return (b, B) => (t(), x(r(ie), {
       modelValue: o.value,
-      "onUpdate:modelValue": O[3] || (O[3] = (g) => o.value = g),
+      "onUpdate:modelValue": B[3] || (B[3] = (g) => o.value = g),
       "is-disabled": e.disabled,
       placement: "bottom-start",
       distance: 10,
@@ -7895,13 +7899,13 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
           updateCalendar: p,
           resetCalendar: w
         }, () => {
-          var I, V;
+          var I, C;
           return [
             f.value ? (t(), x(r(Ju), {
               key: 0,
               "model-value": {
                 start: (I = e.modelValue) == null ? void 0 : I[0],
-                end: (V = e.modelValue) == null ? void 0 : V[1]
+                end: (C = e.modelValue) == null ? void 0 : C[1]
               },
               shortcuts: e.shortcuts,
               "count-calendars": e.countCalendars,
@@ -7958,7 +7962,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                       "shadow-[0_0_0_2px]": o.value && !e.disabled
                     }
                   ]]),
-                  onClick: O[2] || (O[2] = (g) => o.value ? g.stopPropagation : null)
+                  onClick: B[2] || (B[2] = (g) => o.value ? g.stopPropagation : null)
                 }, [
                   n("div", Xd, [
                     h(r(T), {
@@ -7969,20 +7973,20 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                       placeholder: "Start date",
                       value: y.value[0] ? y.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: O[0] || (O[0] = (g) => B(g.target.value, 0)),
-                      onKeydown: Fe(C, ["enter"]),
-                      onBlur: C
+                      onInput: B[0] || (B[0] = (g) => O(g.target.value, 0)),
+                      onKeydown: Fe(V, ["enter"]),
+                      onBlur: V
                     }, null, 40, Jd)
                   ]),
-                  O[4] || (O[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", Zd, [
                     n("input", {
                       placeholder: "End date",
                       value: y.value[1] ? y.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: O[1] || (O[1] = (g) => B(g.target.value, 1)),
-                      onKeydown: Fe(C, ["enter"]),
-                      onBlur: C
+                      onInput: B[1] || (B[1] = (g) => O(g.target.value, 1)),
+                      onKeydown: Fe(V, ["enter"]),
+                      onBlur: V
                     }, null, 40, Qd),
                     h(r(T), {
                       class: v([y.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
@@ -8039,26 +8043,26 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
   },
   setup(e, { expose: s, emit: a }) {
     const l = e, o = a, d = M(), c = M(), u = M(), f = M(0), y = M(0), p = () => {
-      var C, b;
-      l.type === "range" && parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((b = d.value) == null ? void 0 : b.value) <= l.minGap && (d.value.value = parseInt(c.value.value) - l.minGap), D();
+      var V, b;
+      l.type === "range" && parseInt((V = c.value) == null ? void 0 : V.value) - parseInt((b = d.value) == null ? void 0 : b.value) <= l.minGap && (d.value.value = parseInt(c.value.value) - l.minGap), D();
     }, w = () => {
-      var C, b, O;
-      parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((b = d.value) == null ? void 0 : b.value) <= l.minGap && (c.value.value = parseInt((O = d.value) == null ? void 0 : O.value) + l.minGap), D();
-    }, D = (C = !1) => {
-      var b, O, g, I;
-      f.value = (((b = d.value) == null ? void 0 : b.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, y.value = l.type === "range" ? (((O = c.value) == null ? void 0 : O.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) ${y.value}%, var(--oc-gray-100) ${y.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || o(
+      var V, b, B;
+      parseInt((V = c.value) == null ? void 0 : V.value) - parseInt((b = d.value) == null ? void 0 : b.value) <= l.minGap && (c.value.value = parseInt((B = d.value) == null ? void 0 : B.value) + l.minGap), D();
+    }, D = (V = !1) => {
+      var b, B, g, I;
+      f.value = (((b = d.value) == null ? void 0 : b.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, y.value = l.type === "range" ? (((B = c.value) == null ? void 0 : B.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100 : 0, 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) ${y.value}%, var(--oc-gray-100) ${y.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, V || o(
         "update:modelValue",
         l.type === "range" ? [(g = d.value) == null ? void 0 : g.value, (I = c.value) == null ? void 0 : I.value] : d.value.value
       );
-    }, j = (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]), p(), l.type === "range" && w()) : C && l.type === "default" ? C <= l.maxLimit && C >= l.minLimit && (d.value.value = Number(C), p()) : D(!0);
+    }, j = (V) => {
+      V.key >= "0" && V.key <= "9" || V.key === "Backspace" || V.preventDefault();
+    }, O = (V) => {
+      V && V[0] && V[1] && l.type === "range" ? (d.value.value = Number(V[0]), c.value.value = Number(V[1]), p(), l.type === "range" && w()) : V && l.type === "default" ? V <= l.maxLimit && V >= l.minLimit && (d.value.value = Number(V), p()) : D(!0);
     };
     return s({
-      updateSlider: B
-    }), $e(() => B()), (C, b) => {
-      var O, g, I, V;
+      updateSlider: O
+    }), $e(() => O()), (V, b) => {
+      var B, g, I, C;
       return t(), i("div", ec, [
         e.label ? (t(), i("label", tc, [
           n("span", lc, $(e.label), 1)
@@ -8080,7 +8084,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: e.type === "range" ? (O = e.modelValue) == null ? void 0 : O[0] : e.modelValue,
+            value: e.type === "range" ? (B = e.modelValue) == null ? void 0 : B[0] : e.modelValue,
             onInput: p
           }, null, 40, ac),
           e.type === "range" ? (t(), i("input", {
@@ -8102,14 +8106,14 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             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 - y.value}%`)
-          }, $((V = e.modelValue) == null ? void 0 : V[1]), 5)) : m("", !0),
+          }, $((C = e.modelValue) == null ? void 0 : C[1]), 5)) : m("", !0),
           n("span", oc, [
-            k(C.$slots, "min-limit-label", {}, () => [
+            k(V.$slots, "min-limit-label", {}, () => [
               W($(e.minLimit), 1)
             ], !0)
           ]),
           n("span", ic, [
-            k(C.$slots, "max-limit-label", {}, () => [
+            k(V.$slots, "max-limit-label", {}, () => [
               W($(e.maxLimit), 1)
             ], !0)
           ])
@@ -8120,7 +8124,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             "model-value": e.modelValue,
             placeholder: "10",
             onKeydown: j,
-            "onUpdate:modelValue": B
+            "onUpdate:modelValue": O
           }, null, 8, ["model-value"])) : m("", !0)
         ])
       ]);
@@ -8454,10 +8458,10 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
       ]);
     };
   }
-}), Vc = ["accept"], Bc = {
+}), Vc = ["accept"], Oc = {
   key: 0,
   class: "py-2 flex flex-col items-center gap-y-4"
-}, Oc = { class: "flex items-baseline gap-x-3 w-full" }, Ic = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Tc = ["accept"], Dc = {
+}, Bc = { class: "flex items-baseline gap-x-3 w-full" }, Ic = { class: "text-sm flex-1 text-oc-text-400 pointer-events-none" }, Tc = ["accept"], Dc = {
   key: 0,
   class: "relative group w-fit rounded overflow-hidden"
 }, Ac = ["src"], Mc = ["src"], jc = { class: "py-2 flex flex-col" }, Lc = { class: "flex flex-1 items-center gap-x-3 text-sm text-oc-text-400" }, Pc = { class: "flex flex-col w-7 h-7 items-center justify-center text-oc-text-300" }, Ec = { class: "uppercase text-[8px] font-bold leading-none block" }, Nc = { class: "flex" }, zc = { class: "text-sm text-oc-primary" }, Rc = { class: "rounded-full bg-oc-gray-100 w-[48px] h-2 overflow-hidden" }, of = {
@@ -8513,12 +8517,12 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
     "invalidFileType"
   ],
   setup(e, { emit: s }) {
-    const a = e, l = s, o = M(), d = M(""), c = M(""), u = M(!0), f = M(!1), y = M(!1), p = M(!1), w = M(""), { currentFiles: D, onChangeFile: j, onDeleteFile: B } = $t(
+    const a = e, l = s, o = M(), d = M(""), c = M(""), u = M(!0), f = M(!1), y = M(!1), p = M(!1), w = M(""), { currentFiles: D, onChangeFile: j, onDeleteFile: O } = $t(
       a.maxSize,
       l,
       a.accept,
       a.validateAcceptFileType
-    ), C = N(() => {
+    ), V = N(() => {
       var L;
       return URL.createObjectURL((L = D.value) == null ? void 0 : L[0].file);
     }), b = N(() => {
@@ -8542,7 +8546,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
         D.value = L;
       }
     });
-    const O = (L) => {
+    const B = (L) => {
       L.preventDefault();
       const A = L.dataTransfer.files;
       j({ target: { files: A } }, a.format === "object");
@@ -8550,7 +8554,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
     }, I = (L) => {
       b.value.fileUrl = L, b.value.fileName = Date.now(), p.value = !1, w.value = "", l("update:modelValue", a.format === "object" ? b.value : [b.value]);
-    }, V = async (L) => {
+    }, C = async (L) => {
       if (L)
         try {
           const A = await fetch(L, { method: "HEAD" });
@@ -8583,12 +8587,12 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             "show-upload-image-area": e.showUploadImageArea,
             "onUpdate:uploadedImage": E,
             onChange: A[0] || (A[0] = (Q) => r(j)(Q, a.format === "object")),
-            onDelete: A[1] || (A[1] = (Q) => r(B)(0))
+            onDelete: A[1] || (A[1] = (Q) => r(O)(0))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), i(P, { key: 1 }, [
             h(r(G), F(e.buttonUploadProps, {
               onClick: A[2] || (A[2] = (Q) => {
-                var Be;
-                return (Be = o.value) == null ? void 0 : Be.click();
+                var Oe;
+                return (Oe = o.value) == null ? void 0 : Oe.click();
               })
             }), null, 16),
             n("input", {
@@ -8612,7 +8616,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                   key: 0,
                   autoplay: "",
                   loop: "",
-                  src: C.value
+                  src: V.value
                 }, null, 8, Ac)) : (t(), i("img", {
                   key: 1,
                   src: (de = b.value) == null ? void 0 : de.fileUrl
@@ -8623,10 +8627,10 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                   class: "absolute top-3 right-3"
                 }, {
                   menu: S(() => {
-                    var Q, Be;
+                    var Q, Oe;
                     return [
                       n("div", jc, [
-                        !((Be = (Q = b.value) == null ? void 0 : Q.file) != null && Be.type.includes("video")) && e.allowToEdit ? (t(), i("div", {
+                        !((Oe = (Q = b.value) == null ? void 0 : Q.file) != null && Oe.type.includes("video")) && e.allowToEdit ? (t(), i("div", {
                           key: 0,
                           class: "flex p-3 cursor-pointer items-center gap-x-3",
                           onClick: z
@@ -8641,7 +8645,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                         n("div", {
                           class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                           onClick: A[12] || (A[12] = () => {
-                            r(B)(0), y.value = !1;
+                            r(O)(0), y.value = !1;
                           })
                         }, [
                           h(r(T), {
@@ -8701,7 +8705,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                   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) => r(B)(0))
+                    onClick: A[16] || (A[16] = (Q) => r(O)(0))
                   }, [
                     h(r(T), {
                       width: "16",
@@ -8711,15 +8715,15 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                   ]))
                 ])
               ], 64))
-            ], 2)) : (t(), i("div", Bc, [
-              n("div", Oc, [
+            ], 2)) : (t(), i("div", Oc, [
+              n("div", Bc, [
                 e.variant === "url" ? (t(), i(P, { key: 0 }, [
                   h(r(pe), {
                     modelValue: d.value,
                     "onUpdate:modelValue": A[4] || (A[4] = (Q) => d.value = Q),
                     "error-message": d.value && !u.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: A[5] || (A[5] = (Q) => V(d.value))
+                    onBlur: A[5] || (A[5] = (Q) => C(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   h(r(pe), {
                     modelValue: c.value,
@@ -8742,7 +8746,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                   ]]),
                   onDragenter: A[8] || (A[8] = (Q) => f.value = !0),
                   onDragleave: A[9] || (A[9] = (Q) => f.value = !1),
-                  onDrop: O,
+                  onDrop: B,
                   onDragover: A[10] || (A[10] = ce(() => {
                   }, ["prevent"]))
                 }, [
@@ -8815,38 +8819,38 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
     const a = e, l = s, o = M([]), d = M(!1), c = M(""), u = M({}), f = N(() => a.uploadedImages[c.value].fileUrl), y = M(!1), p = M(""), w = (I) => {
       y.value = !0, p.value = I;
     }, D = M(!1), j = () => {
-      const I = a.uploadedImages.find((V, z) => z === p.value);
+      const I = a.uploadedImages.find((C, z) => z === p.value);
       I.current ? l("onRemoveImage", I) : (l("delete", p.value), D.value = !0, setTimeout(() => {
         D.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
-        a.uploadedImages.filter((V, z) => z !== p.value)
+        a.uploadedImages.filter((C, z) => z !== p.value)
       ), y.value = !1;
-    }, B = (I) => {
-      const V = a.uploadedImages[c.value];
-      V.fileUrl = I, V.fileName = Date.now(), l("onEditImage", { ...V, index: c.value }), d.value = !1, c.value = "", u.value = {};
-    }, C = (I) => {
-      let V = a.uploadedImages[c.value];
+    }, O = (I) => {
+      const C = a.uploadedImages[c.value];
+      C.fileUrl = I, C.fileName = Date.now(), l("onEditImage", { ...C, index: c.value }), d.value = !1, c.value = "", u.value = {};
+    }, V = (I) => {
+      let C = a.uploadedImages[c.value];
       Object.keys(I).forEach((z) => {
-        V[z] = I[z];
+        C[z] = I[z];
       }), l("update:uploadedImages", a.uploadedImages);
     }, b = (I) => {
-      let V = a.uploadedImages.length + I.target.files.length > a.maxImages;
-      if (a.maxImages && V) {
-        l("onMaxFileExceed", V);
+      let C = a.uploadedImages.length + I.target.files.length > a.maxImages;
+      if (a.maxImages && C) {
+        l("onMaxFileExceed", C);
         return;
       }
       l("change", I);
-    }, O = N(
+    }, B = N(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), g = (I, V) => {
+    ), g = (I, C) => {
       var z;
       c.value = I, (z = a.inputOptions) == null || z.forEach((E) => {
-        u.value[E] = V[E];
+        u.value[E] = C[E];
       }), o[I] = !1, d.value = !0;
     };
-    return (I, V) => (t(), i("div", Fc, [
-      O.value ? (t(), i("label", Uc, [
+    return (I, C) => (t(), i("div", Fc, [
+      B.value ? (t(), i("label", Uc, [
         n("div", qc, [
           h(r(T), { name: "plus" })
         ]),
@@ -8865,14 +8869,14 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: oe(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": V[0] || (V[0] = (z) => I.$emit("update:uploadedImages", z))
+        "onUpdate:modelValue": C[0] || (C[0] = (z) => I.$emit("update:uploadedImages", z))
       }, {
         default: S(({ list: z }) => [
           (t(!0), i(P, null, R(z, (E, L) => (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": L === 0 && O.value
+              "col-start-2": L === 0 && B.value
             }]),
             style: oe(`background-image: url(${E.fileUrl})`),
             onClick: (A) => I.$emit("update:selectedImage", E)
@@ -8899,7 +8903,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                         height: "16",
                         name: "pencil"
                       }),
-                      V[4] || (V[4] = n("span", null, "Edit Image", -1))
+                      C[4] || (C[4] = n("span", null, "Edit Image", -1))
                     ], 8, Kc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -8912,7 +8916,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                         height: "16",
                         name: "bin"
                       }),
-                      V[5] || (V[5] = n("span", null, "Delete", -1))
+                      C[5] || (C[5] = n("span", null, "Delete", -1))
                     ], 8, Gc)
                   ])
                 ])
@@ -8952,19 +8956,19 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
       d.value ? (t(), x(r(it), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": V[1] || (V[1] = (z) => d.value = z),
+        "onUpdate:modelValue": C[1] || (C[1] = (z) => d.value = z),
         img: f.value,
         "input-options": e.inputOptions,
         "input-option-values": u.value,
-        onClose: V[2] || (V[2] = () => {
+        onClose: C[2] || (C[2] = () => {
           d.value = !1, c.value = "";
         }),
-        onChangeImage: B,
-        "onUpdate:inputOptions": C
+        onChangeImage: O,
+        "onUpdate:inputOptions": V
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
       h(r(Au), {
         modelValue: y.value,
-        "onUpdate:modelValue": V[3] || (V[3] = (z) => y.value = z),
+        "onUpdate:modelValue": C[3] || (C[3] = (z) => y.value = z),
         description: "Do you want to delete this image ?",
         onConfirm: j
       }, null, 8, ["modelValue"])
@@ -9032,41 +9036,41 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
       l.validateAcceptFileType
     );
     $e(() => {
-      const B = [];
-      l.modelValue.length > 0 && (l.modelValue.forEach((C) => {
-        C.current && B.push({
-          current: C.current,
+      const O = [];
+      l.modelValue.length > 0 && (l.modelValue.forEach((V) => {
+        V.current && O.push({
+          current: V.current,
           file: null,
-          fileName: C.current.caption ?? "",
+          fileName: V.current.caption ?? "",
           progress: 100,
-          fileUrl: C.current.path,
-          totalSize: C.current.file_size ?? 0,
+          fileUrl: V.current.path,
+          totalSize: V.current.file_size ?? 0,
           isLoaded: !0,
-          extension: C.current.extension ?? "png",
-          description: C.current.description,
-          link: C.current.link,
-          caption: C.current.caption,
-          caption_variant: C.current.caption_variant,
-          lightbox: C.current.lightbox
+          extension: V.current.extension ?? "png",
+          description: V.current.description,
+          link: V.current.link,
+          caption: V.current.caption,
+          caption_variant: V.current.caption_variant,
+          lightbox: V.current.lightbox
         });
-      }), f.value = B);
+      }), f.value = O);
     });
-    const w = (B) => {
-      c.value = !0, y(B);
-    }, D = (B) => {
-      c.value = !1, p(B);
+    const w = (O) => {
+      c.value = !0, y(O);
+    }, D = (O) => {
+      c.value = !1, p(O);
     }, j = () => {
-      var B;
-      (B = o.value) == null || B.click();
+      var O;
+      (O = o.value) == null || O.click();
     };
-    return (B, C) => (t(), i("div", Qc, [
+    return (O, V) => (t(), i("div", Qc, [
       h(r(ye), {
         label: e.label,
         hint: e.hint,
         "error-message": r(u) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
       }, {
         hint: S(() => [
-          k(B.$slots, "hint")
+          k(O.$slots, "hint")
         ]),
         default: S(() => [
           e.isImageOnly ? (t(), x(Zc, {
@@ -9078,17 +9082,17 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             "input-options": e.inputOptions,
             "max-images": e.maxImages,
             onChange: r(y),
-            "onUpdate:selectedImage": C[0] || (C[0] = (b) => B.$emit("update:selectedImage", b)),
-            "onUpdate:uploadedImages": C[1] || (C[1] = (b) => {
-              f.value = b, B.$emit("update:modelValue", b);
+            "onUpdate:selectedImage": V[0] || (V[0] = (b) => O.$emit("update:selectedImage", b)),
+            "onUpdate:uploadedImages": V[1] || (V[1] = (b) => {
+              f.value = b, O.$emit("update:modelValue", b);
             }),
-            onOnEditImage: C[2] || (C[2] = (b) => B.$emit("onEditFile", b)),
-            onOnRemoveImage: C[3] || (C[3] = (b) => B.$emit("onRemoveFile", b)),
+            onOnEditImage: V[2] || (V[2] = (b) => O.$emit("onEditFile", b)),
+            onOnRemoveImage: V[3] || (V[3] = (b) => O.$emit("onRemoveFile", b)),
             onDelete: r(p),
-            onOnMaxFileExceed: C[4] || (C[4] = (b) => B.$emit("onMaxFileExceed", b))
+            onOnMaxFileExceed: V[4] || (V[4] = (b) => O.$emit("onMaxFileExceed", b))
           }, {
             action: S((b) => [
-              k(B.$slots, "action", {
+              k(O.$slots, "action", {
                 item: b.item,
                 removeItem: b.removeItem,
                 fileIndex: b.i
@@ -9096,7 +9100,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             ]),
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), i(P, { key: 1 }, [
-            k(B.$slots, "button", { triggerInput: j }, () => [
+            k(O.$slots, "button", { triggerInput: j }, () => [
               h(r(G), F(e.buttonUploadProps, { onClick: j }), null, 16)
             ]),
             n("input", {
@@ -9119,8 +9123,8 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             ]])
           }, [
             n("div", eu, [
-              (t(!0), i(P, null, R(r(f), (b, O) => (t(), i("div", {
-                key: `${O}-${b.fileName}`,
+              (t(!0), i(P, null, R(r(f), (b, B) => (t(), i("div", {
+                key: `${B}-${b.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
                 n("div", tu, [
@@ -9154,7 +9158,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                     "on-enable-delete": b.progress === 100 && c.value,
                     "opacity-100": !c.value
                   }]),
-                  onClick: (g) => D(O)
+                  onClick: (g) => D(B)
                 }, null, 8, ["class", "onClick"]))
               ]))), 128))
             ]),
@@ -9176,12 +9180,12 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                 type: "file",
                 multiple: "",
                 accept: e.accept,
-                onDragover: C[5] || (C[5] = (b) => d.value = !0),
-                onDragleave: C[6] || (C[6] = (b) => d.value = !1),
-                onDrop: C[7] || (C[7] = (b) => d.value = !1),
+                onDragover: V[5] || (V[5] = (b) => d.value = !0),
+                onDragleave: V[6] || (V[6] = (b) => d.value = !1),
+                onDrop: V[7] || (V[7] = (b) => d.value = !1),
                 onChange: w
               }, null, 40, iu)),
-              r(f).length ? e.isDisabled ? m("", !0) : (t(), i("div", uu, C[9] || (C[9] = [
+              r(f).length ? e.isDisabled ? m("", !0) : (t(), i("div", uu, V[9] || (V[9] = [
                 n("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
               ]))) : (t(), i("div", su, [
                 h(r(T), {
@@ -9189,7 +9193,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
                   class: v(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
                 }, null, 8, ["class"]),
                 e.labelUploadArea ? (t(), i("div", ru, $(e.labelUploadArea), 1)) : e.isDisabled ? (t(), i("div", du, "Upload disabled")) : (t(), i("div", cu, [
-                  C[8] || (C[8] = n("div", null, "Select documents or drag here", -1)),
+                  V[8] || (V[8] = n("div", null, "Select documents or drag here", -1)),
                   n("div", null, "File max " + $(e.maxSize) + "MB", 1)
                 ]))
               ]))
@@ -9312,20 +9316,20 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
   setup(e, { expose: s, emit: a }) {
     const l = a, o = e, d = M(), c = M(), u = async (D) => {
       D != null && D.target && (o.isDisabled || (setTimeout(() => {
-        var j, B;
-        return (B = (j = d.value) == null ? void 0 : j.popperInstance) == null ? void 0 : B.update();
+        var j, O;
+        return (O = (j = d.value) == null ? void 0 : j.popperInstance) == null ? void 0 : O.update();
       }, 10), l("update:modelValue", !o.modelValue)));
     }, f = (D) => {
       o.isAttachToBody && !o.preventClickOutside && d.value.checkElementIsInsidePopper(D.target) || o.modelValue && !o.preventClickOutside && l("update:modelValue", !1);
     }, y = M(), p = M(0);
     return me(() => o.modelValue, async () => {
-      const D = window.innerHeight || document.documentElement.clientHeight, j = y.value.getBoundingClientRect().top, B = D - y.value.getBoundingClientRect().bottom, C = Math.max(j, B), O = C - (2 + (C === j ? 2.5 : 0)) * 16;
-      p.value = O > 0 ? O : 0, d.value.popperInstance.update();
+      const D = window.innerHeight || document.documentElement.clientHeight, j = y.value.getBoundingClientRect().top, O = D - y.value.getBoundingClientRect().bottom, V = Math.max(j, O), B = V - (2 + (V === j ? 2.5 : 0)) * 16;
+      p.value = B > 0 ? B : 0, d.value.popperInstance.update();
     }), s({
       dropdownScroll: c,
       toggleDropdown: u,
       popper: d
-    }), (D, j) => Oe((t(), i("span", {
+    }), (D, j) => Be((t(), i("span", {
       ref_key: "parentElement",
       ref: y,
       class: "flex w-[inherit]"
@@ -9344,14 +9348,14 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
         popper: S(() => [
           h(Ae, { name: "fade" }, {
             default: S(() => [
-              Oe(n("div", {
+              Be(n("div", {
                 ref_key: "dropdownScroll",
                 ref: c,
                 class: v([e.menuClasses, "rounded bg-oc-bg-light shadow min-w-[162px] overflow-y-auto"]),
                 style: oe({
                   maxHeight: (e.maxMenuHeight || p.value) - 68 + "px"
                 }),
-                onScroll: j[0] || (j[0] = (B) => D.$emit("scroll", B))
+                onScroll: j[0] || (j[0] = (O) => D.$emit("scroll", O))
               }, [
                 k(D.$slots, "menu", { isPopoverOpen: e.modelValue }, void 0, !0)
               ], 38), [
@@ -9492,7 +9496,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
     const f = () => {
       a.value && u();
     };
-    return (y, p) => Oe((t(), i("span", yu, [
+    return (y, p) => Be((t(), i("span", yu, [
       h(r(bt), {
         ref_key: "popper",
         ref: d,
@@ -9505,7 +9509,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
         popper: S(() => [
           h(Ae, { name: e.transitionName }, {
             default: S(() => [
-              Oe(n("div", {
+              Be(n("div", {
                 ref_key: "popperBodyEl",
                 ref: o,
                 class: v(["oc-tooltip", e.popperClass])
@@ -9708,7 +9712,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
 }, Vu = {
   key: 0,
   class: "fixed w-screen z-[1008] bg-white top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
-}, Bu = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Ou = { class: "modal-body p-9" }, rf = {
+}, Ou = { class: "w-[calc(100%-40px)] h-[calc(100%-40px)]" }, Bu = { class: "modal-body p-9" }, rf = {
   __name: "OcModalPage",
   props: {
     modelValue: {
@@ -9740,7 +9744,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
   setup(e, { emit: s }) {
     const a = s;
     return (l, o) => e.modelValue ? (t(), i("div", Vu, [
-      n("div", Bu, [
+      n("div", Ou, [
         k(l.$slots, "top"),
         n("div", {
           class: v(["relative z-[1008] shadow-normal max-w-[1440px] bg-[linear-gradient(180deg,_rgba(229,_238,_255,_0.5)_0%,_rgba(229,_238,_255,_0)_77.75%)] rounded-xl flex flex-col overflow-y-auto mx-auto", e.contentClass])
@@ -9768,7 +9772,7 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
             }),
             o[2] || (o[2] = n("span", null, "Close", -1))
           ]),
-          n("div", Ou, [
+          n("div", Bu, [
             k(l.$slots, "default")
           ])
         ], 2)
@@ -10203,45 +10207,45 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
       SectionItem: vc,
       SelectOptions: hc
     }, c = (g) => d[g] ? d[g] : null, u = N(() => {
-      const g = (V) => V.split(`
+      const g = (C) => C.split(`
 `).map((z) => z.trim()).filter(Boolean).map((z) => `"${z}"`).join(" "), I = {};
-      return Object.entries(a.grid).forEach(([V, z]) => {
+      return Object.entries(a.grid).forEach(([C, z]) => {
         Object.entries(z).forEach(([E, L]) => {
-          I[`--grid-${V}-${E}`] = E === "area" ? g(L) : L;
+          I[`--grid-${C}-${E}`] = E === "area" ? g(L) : L;
         });
       }), I;
-    }), f = (g) => typeof g == "object" ? g[0].key : g, y = (g) => `grid-area: ${f(g)}`, p = N(() => a.class), w = M({}), D = M({}), j = M({}), B = (g) => typeof g == "object" ? g[0].key : g, C = (g) => {
+    }), f = (g) => typeof g == "object" ? g[0].key : g, y = (g) => `grid-area: ${f(g)}`, p = N(() => a.class), w = M({}), D = M({}), j = M({}), O = (g) => typeof g == "object" ? g[0].key : g, V = (g) => {
       a.jsonForm.forEach((I) => {
-        var V;
+        var C;
         if (typeof I.name == "object") {
           let z = null;
           I.name.forEach((E) => {
             g[E.key] && (z ? z.push(g[E.key]) : z = [g[E.key]]);
-          }), w.value[B(I.name)] = z, O(I);
+          }), w.value[O(I.name)] = z, B(I);
         } else
-          (V = I.props) != null && V.parentKey ? (w.value[I.props.parentKey] = g[I.props.parentKey] ?? {}, w.value[I.props.parentKey][I.name] = g[I.props.parentKey][I.name] ?? "") : w.value[I.name] = g[I.name] ?? "", O(I);
+          (C = I.props) != null && C.parentKey ? (w.value[I.props.parentKey] = g[I.props.parentKey] ?? {}, w.value[I.props.parentKey][I.name] = g[I.props.parentKey][I.name] ?? "") : w.value[I.name] = g[I.name] ?? "", B(I);
       });
     }, b = () => {
       a.jsonForm.forEach((g) => {
         if (typeof g.name == "object") {
           let I = [];
-          g.name.forEach((V) => {
-            a.errors[V.key] && I.push(a.errors[V.key]);
-          }), D.value[B(g.name)] = I.join(",");
+          g.name.forEach((C) => {
+            a.errors[C.key] && I.push(a.errors[C.key]);
+          }), D.value[O(g.name)] = I.join(",");
         } else
           D.value[g.name] = a.errors[g.name] ?? "";
       });
-    }, O = (g) => {
+    }, B = (g) => {
       if (g.show_if || g.show_if_preview) {
         let I = g.class ? g.class : "";
-        g.show_if ? g.show_if_value !== void 0 ? g.show_if_value !== w.value[g.show_if] && (I = I + " hidden") : g.show_if_not !== void 0 ? g.show_if_not === w.value[g.show_if] && (I = I + " hidden") : g.show_if_min !== void 0 && (isNaN(parseInt(w.value[g.show_if])) ? 1 : parseInt(w.value[g.show_if])) < parseInt(g.show_if_min) && (I = I + " hidden") : g.show_if_preview && (g.show_if_preview_only !== void 0 ? g.show_if_preview_only !== a.previewMode && (I = I + " hidden") : g.show_if_preview_not !== void 0 && g.show_if_preview_not === a.previewMode && (I = I + " hidden")), typeof g.name == "object" ? j.value[B(g.name)] = I : j.value[g.name] = I;
+        g.show_if ? g.show_if_value !== void 0 ? g.show_if_value !== w.value[g.show_if] && (I = I + " hidden") : g.show_if_not !== void 0 ? g.show_if_not === w.value[g.show_if] && (I = I + " hidden") : g.show_if_min !== void 0 && (isNaN(parseInt(w.value[g.show_if])) ? 1 : parseInt(w.value[g.show_if])) < parseInt(g.show_if_min) && (I = I + " hidden") : g.show_if_preview && (g.show_if_preview_only !== void 0 ? g.show_if_preview_only !== a.previewMode && (I = I + " hidden") : g.show_if_preview_not !== void 0 && g.show_if_preview_not === a.previewMode && (I = I + " hidden")), typeof g.name == "object" ? j.value[O(g.name)] = I : j.value[g.name] = I;
       } else
         j.value[g.name] = g.class ? g.class : "";
     };
     return me(
       () => a.values,
       (g) => {
-        C(g);
+        V(g);
       },
       {
         deep: !0
@@ -10257,54 +10261,54 @@ const Yd = { class: "flex flex-col gap-y-2 w-full" }, Wd = { class: "flex w-full
     ), me(
       () => a.previewMode,
       () => {
-        C(a.values);
+        V(a.values);
       }
     ), $e(() => {
-      C(a.values), b(a.errors);
+      V(a.values), b(a.errors);
     }), (g, I) => Object.values(w.value).length > 0 ? (t(), i("div", {
       key: 0,
       class: v(e.grid ? `responsive-smart-form-grid ${p.value}` : p.value),
       style: oe(e.grid ? u.value : "")
     }, [
-      (t(!0), i(P, null, R(e.jsonForm, (V) => {
+      (t(!0), i(P, null, R(e.jsonForm, (C) => {
         var z, E, L, A, U, H;
         return t(), i("div", {
-          key: f(V.name),
-          style: oe(e.grid ? y(V.name) : ""),
+          key: f(C.name),
+          style: oe(e.grid ? y(C.name) : ""),
           class: v([
-            V.type !== "Children" ? j.value[typeof V.name == "object" ? B(V.name) : V.name] : "",
-            V.class
+            C.type !== "Children" ? j.value[typeof C.name == "object" ? O(C.name) : C.name] : "",
+            C.class
           ])
         }, [
-          c(V.type) ? (t(), x(at(c(V.type)), F({
+          c(C.type) ? (t(), x(at(c(C.type)), F({
             key: 0,
             ref_for: !0
-          }, V.props, {
-            "model-value": (z = V.props) != null && z.parentKey ? (L = (E = w.value) == null ? void 0 : E[V.props.parentKey]) == null ? void 0 : L[V.name] : w.value[typeof V.name == "object" ? B(V.name) : V.name],
-            "error-message": D.value[typeof V.name == "object" ? B(V.name) : V.name],
-            "onUpdate:modelValue": (X) => o(V, X)
-          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : k(g.$slots, V.type, {
+          }, C.props, {
+            "model-value": (z = C.props) != null && z.parentKey ? (L = (E = w.value) == null ? void 0 : E[C.props.parentKey]) == null ? void 0 : L[C.name] : w.value[typeof C.name == "object" ? O(C.name) : C.name],
+            "error-message": D.value[typeof C.name == "object" ? O(C.name) : C.name],
+            "onUpdate:modelValue": (X) => o(C, X)
+          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : k(g.$slots, C.type, {
             key: 1,
             formId: e.id,
-            form: V,
-            value: (A = V.props) != null && A.parentKey ? (H = (U = w.value) == null ? void 0 : U[V.props.parentKey]) == null ? void 0 : H[V.name] : w.value[typeof V.name == "object" ? B(V.name) : V.name],
-            error: D.value[typeof V.name == "object" ? B(V.name) : V.name],
+            form: C,
+            value: (A = C.props) != null && A.parentKey ? (H = (U = w.value) == null ? void 0 : U[C.props.parentKey]) == null ? void 0 : H[C.name] : w.value[typeof C.name == "object" ? O(C.name) : C.name],
+            error: D.value[typeof C.name == "object" ? O(C.name) : C.name],
             onUpdate: o
           })
         ], 6);
       }), 128))
     ], 6)) : m("", !0);
   }
-}, mf = re(() => import("./OcDataTable-wMV3v19G.js")), ff = re(() => import("./OcFilterSearch-DDKNu88V.js")), vf = re(() => import("./OcFilterSearchFor-DkDyVxGt.js")), gf = re(() => import("./OcFilterForm-CPb10cSx.js")), Ju = re(
-  () => import("./OcComplexCalendar--wMxk0Ve.js")
+}, mf = re(() => import("./OcDataTable-DSv6mb3F.js")), ff = re(() => import("./OcFilterSearch-CHHFsVn-.js")), vf = re(() => import("./OcFilterSearchFor-bDLcVf6h.js")), gf = re(() => import("./OcFilterForm-DLcXQID6.js")), Ju = re(
+  () => import("./OcComplexCalendar-BaKuUCk-.js")
 ), pf = re(
-  () => import("./OcComplexDatePicker-CY85RtqE.js")
-), it = re(() => import("./OcModalCropper-DLdsv4-U.js")), yf = re(() => import("./OcCropper-Dw5ATyZV.js")), Zu = re(() => import("./OcDraggable-CA_BCbpl.js")), xf = re(() => import("./OcDraggableList-B-D0GC5V.js")), hf = re(() => import("./OcEmojiPicker-CQn6hsXE.js")), bf = re(
-  () => import("./ThumbnailTheme-B2HFX7j8.js")
+  () => import("./OcComplexDatePicker-CzTXyd8f.js")
+), it = re(() => import("./OcModalCropper-Cd3F552b.js")), yf = re(() => import("./OcCropper-Dogk7ZVH.js")), Zu = re(() => import("./OcDraggable-CA_BCbpl.js")), xf = re(() => import("./OcDraggableList-LXK8JQqC.js")), hf = re(() => import("./OcEmojiPicker-DIqNIKuz.js")), bf = re(
+  () => import("./ThumbnailTheme-hSB0WG8D.js")
 ), wf = re(
-  () => import("./ThumbnailSection-1yysvbfR.js")
-), $f = re(() => import("./SubPlanCard-CLpOv0cw.js")), kf = re(() => import("./OcTimePopup-CXGhaOev.js")), Qu = re(() => import("./OcTimePicker-ju8r0Pwk.js")), Sf = re(
-  () => import("./OcAccountSetupProgress-D5I7E6ID.js")
+  () => import("./ThumbnailSection-DI_O8pPj.js")
+), $f = re(() => import("./SubPlanCard-B0si_YTq.js")), kf = re(() => import("./OcTimePopup-CXGhaOev.js")), Qu = re(() => import("./OcTimePicker-DcI4XQG2.js")), Sf = re(
+  () => import("./OcAccountSetupProgress-CjN-GEao.js")
 );
 export {
   Dm as $,
@@ -10312,7 +10316,7 @@ export {
   G as B,
   St as C,
   pn as D,
-  Bm as E,
+  Om as E,
   wl as F,
   kt as G,
   Ue as H,
@@ -10329,7 +10333,7 @@ export {
   Lt as S,
   fl as T,
   km as U,
-  Om as V,
+  Bm as V,
   Im as W,
   Am as X,
   Xn as Y,