@orchidui/core 1.1.31-2 → 1.1.31-4

package/dist/{index-CLrhZuPR.js → index-DvOKqQeL.js}

@@ -55,7 +55,8 @@ const Gt = {
   emits: {
     "click:row": [],
     "update:selected": [],
-    "hover:cell": []
+    "hover:cell": [],
+    "click:row-meta": []
   },
   setup(e, { emit: r }) {
     const a = e, l = r, o = z(() => a.options.isSelectable), d = z(() => a.options.isCursorPointer ?? !0), c = z(() => a.options.fields), u = z(() => a.options.headers), v = z(
@@ -68,19 +69,28 @@ const Gt = {
         l("update:selected", g);
       }
     }), y = (g) => {
-      b.value.find((V) => v.value(V) === v.value(g)) ? b.value = b.value.filter(
-        (V) => v.value(V) !== v.value(g)
+      b.value.find((C) => v.value(C) === v.value(g)) ? b.value = b.value.filter(
+        (C) => v.value(C) !== v.value(g)
       ) : b.value = [...b.value, g];
     }, h = () => {
       const g = b.value.length === c.value.length;
       b.value = g ? [] : [...c.value];
-    }, O = z(() => typeof a.rowClass == "function" ? (g, I) => a.rowClass(g, I) : () => a.rowClass), D = (g, I) => {
-      !I.disableClickRow && I.key !== "actions" && l("click:row", {
-        field: g,
-        header: I
-      });
-    }, C = M(!0), j = M(!0), k = M(), B = () => {
-      a.isSticky && (C.value = k.value.scrollLeft === 0, j.value = k.value.scrollLeft + k.value.clientWidth === k.value.scrollWidth);
+    }, O = z(() => typeof a.rowClass == "function" ? (g, I) => a.rowClass(g, I) : () => a.rowClass), D = (g, I, C) => {
+      if (!I.disableClickRow && I.key !== "actions") {
+        if (C.metaKey) {
+          l("click:row-meta", {
+            field: g,
+            header: I
+          });
+          return;
+        }
+        l("click:row", {
+          field: g,
+          header: I
+        });
+      }
+    }, V = M(!0), j = M(!0), k = M(), B = () => {
+      a.isSticky && (V.value = k.value.scrollLeft === 0, j.value = k.value.scrollLeft + k.value.clientWidth === k.value.scrollWidth);
     };
     return Ce(() => B()), (g, I) => (t(), s("div", {
       ref_key: "scrollTable",
@@ -119,31 +129,31 @@ const Gt = {
             "is-checked": b.value.length === c.value.length && b.value.length > 0,
             onSelectAll: h
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : m("", !0),
-          (t(!0), s(L, null, R(u.value, (V) => (t(), p(i(st), {
-            key: V.key,
-            text: V.label,
+          (t(!0), s(L, null, R(u.value, (C) => (t(), p(i(st), {
+            key: C.key,
+            text: C.label,
             "is-loading": e.isLoading,
-            variant: V.headerVariant,
+            variant: C.headerVariant,
             "is-sticky": e.isSticky,
             class: f([[
               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 && !C.value ? "shadow-right-sticky" : "",
-              V.stickyRight && !j.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 && !V.value ? "shadow-right-sticky" : "",
+              C.stickyRight && !j.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"])
           }, {
             default: w(() => [
-              S(g.$slots, `header-${V.key}`)
+              S(g.$slots, `header-${C.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), s(L, { key: 1 }, R(e.loadingRows, (V) => (t(), s("div", {
-        key: V,
+      e.isLoading ? (t(!0), s(L, { key: 1 }, R(e.loadingRows, (C) => (t(), s("div", {
+        key: C,
         class: f(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": o.value,
           "border-b": e.isBorderless
@@ -154,10 +164,10 @@ const Gt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : m("", !0),
         (t(!0), s(L, null, R(u.value, (N, E) => (t(), p(i(Fe), {
-          key: `${E}-${V}`,
+          key: `${E}-${C}`,
           class: f(N.class),
           "is-loading": "",
-          "is-last": V === e.loadingRows
+          "is-last": C === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), s(L, { key: 2 }, [
         S(g.$slots, "table-body", {
@@ -172,8 +182,8 @@ const Gt = {
           rowLink: e.rowLink,
           calculateRowClass: O.value
         }, () => [
-          (t(!0), s(L, null, R(c.value, (V, N) => (t(), s("div", {
-            key: `${v.value(V)}-${N}`,
+          (t(!0), s(L, null, R(c.value, (C, N) => (t(), s("div", {
+            key: `${v.value(C)}-${N}`,
             class: f({
               "border-b": c.value.length !== N + 1,
               "w-max": e.isSticky
@@ -186,7 +196,7 @@ const Gt = {
                   "cursor-pointer": d.value
                 },
                 e.isResponsive ? "w-full" : e.isSticky ? "w-max !p-0" : "flex-wrap md:flex-nowrap",
-                O.value(V, N)
+                O.value(C, N)
               ]])
             }, [
               o.value ? (t(), p(i(Fe), {
@@ -195,43 +205,43 @@ const Gt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === N + 1,
-                "is-selected": b.value.some((E) => v.value(E) === v.value(V)),
+                "is-selected": b.value.some((E) => v.value(E) === v.value(C)),
                 variant: "checkbox",
-                onSelected: (E) => y(V),
+                onSelected: (E) => y(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), s(L, null, R(u.value, (E, P) => (t(), p(i(Fe), {
                 key: `${P}-${N}`,
                 class: f(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(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 && !C.value ? "shadow-right-sticky" : "",
+                  E.stickyLeft && !V.value ? "shadow-right-sticky" : "",
                   E.stickyRight && !j.value ? "shadow-left-sticky" : ""
                 ]]),
                 "is-last": c.value.length === N + 1,
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: 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] ? V[e.rowLink] : "",
-                onClick: (A) => D(V, E),
+                link: e.rowLink && C[e.rowLink] ? C[e.rowLink] : "",
+                onClick: (A) => D(C, E, A),
                 "onHover:field": I[1] || (I[1] = (A) => g.$emit("hover:cell", A))
               }, {
                 default: w(() => [
                   g.$slots[E.key] ? S(g.$slots, E.key, {
                     key: 0,
-                    item: V,
-                    data: V[E.key],
+                    item: C,
+                    data: C[E.key],
                     index: N
                   }) : m("", !0)
                 ]),
@@ -240,7 +250,7 @@ const Gt = {
             ], 2),
             g.$slots.extra ? (t(), s("div", Gt, [
               S(g.$slots, "extra", {
-                item: V,
+                item: C,
                 index: N
               })
             ])) : m("", !0)
@@ -622,9 +632,9 @@ const Gt = {
                 data: (D = e.row) == null ? void 0 : D[h == null ? void 0 : h.key],
                 item: e.row
               }, () => {
-                var C, j;
+                var V, j;
                 return [
-                  (C = d.value) != null && C[O] ? (t(), p(i(le), {
+                  (V = d.value) != null && V[O] ? (t(), p(i(le), {
                     key: 0,
                     class: "overflow-hidden w-[-webkit-fill-available]",
                     "arrow-hidden": "",
@@ -697,10 +707,10 @@ const Gt = {
             value: e.value[h.key],
             depth: e.depth + 1
           }, te({ _: 2 }, [
-            R(u.$slots, (D, C) => ({
-              name: C,
+            R(u.$slots, (D, V) => ({
+              name: V,
               fn: w((j) => [
-                S(u.$slots, C, F({ ref_for: !0 }, j))
+                S(u.$slots, V, F({ ref_for: !0 }, j))
               ])
             }))
           ]), 1032, ["row", "important", "is-alternative", "is-loading", "headers", "value", "depth"]))), 128))
@@ -1202,7 +1212,7 @@ const Gt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, o) => {
-      var d, c, u, v, b, y, h, O, D, C, j, k, B, g, I, V, N, E, P;
+      var d, c, u, v, b, y, h, O, D, V, j, k, B, g, I, C, N, E, P;
       return t(), s("div", {
         class: f(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1261,10 +1271,10 @@ const Gt = {
                 key: 2,
                 label: "Address",
                 content: [
-                  ((j = (C = e.customer) == null ? void 0 : C.address) == null ? void 0 : j.street) || "",
+                  ((j = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : j.street) || "",
                   ((B = (k = e.customer) == null ? void 0 : k.address) == null ? void 0 : B.city) || "",
                   ((I = (g = e.customer) == null ? void 0 : g.address) == null ? void 0 : I.state) || "",
-                  ((N = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : N.postal_code) || "",
+                  ((N = (C = e.customer) == null ? void 0 : C.address) == null ? void 0 : N.postal_code) || "",
                   ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
@@ -2613,16 +2623,16 @@ const Gt = {
       b.value ? o.value = Math.round(d.value.clientHeight / ft) : o.value = Math.round(d.value.clientWidth / mt);
     }, h = (D) => {
       var k;
-      const C = D === "left" ? --u.value : ++u.value, j = (k = a.tabs[C]) == null ? void 0 : k.value;
+      const V = D === "left" ? --u.value : ++u.value, j = (k = a.tabs[V]) == null ? void 0 : k.value;
       j !== void 0 && c("update:modelValue", j);
     }, O = () => {
-      const D = a.tabs.findIndex((C) => C.value === a.modelValue);
+      const D = a.tabs.findIndex((V) => V.value === a.modelValue);
       D > -1 && Ye(() => {
         var j;
         y(), l.value = D;
-        const C = {};
-        b.value ? C.top = D * ft : C.left = D * mt, (j = d.value) == null || j.scroll({
-          ...C,
+        const V = {};
+        b.value ? V.top = D * ft : V.left = D * mt, (j = d.value) == null || j.scroll({
+          ...V,
           behavior: "smooth"
         });
       });
@@ -2642,7 +2652,7 @@ const Gt = {
       () => {
         O();
       }
-    ), (D, C) => (t(), s("div", {
+    ), (D, V) => (t(), s("div", {
       id: "test",
       ref_key: "tabsContainer",
       ref: d,
@@ -2663,7 +2673,7 @@ const Gt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: C[0] || (C[0] = ye((j) => h("left"), ["prevent"]))
+          onClick: V[0] || (V[0] = ye((j) => h("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : m("", !0),
       n("div", {
@@ -2704,7 +2714,7 @@ const Gt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: C[1] || (C[1] = (j) => h("right"))
+          onClick: V[1] || (V[1] = (j) => h("right"))
         }, null, 8, ["name"])
       ], 2)) : m("", !0)
     ], 2));
@@ -3299,16 +3309,16 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           distance: 7
         }, {
           popper: w(() => {
-            var C, j;
+            var V, j;
             return [
-              n("div", Co, $((j = (C = e.primaryActions) == null ? void 0 : C.mainLinkAction) == null ? void 0 : j.tooltipContent), 1)
+              n("div", Co, $((j = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : j.tooltipContent), 1)
             ];
           }),
           default: w(() => {
-            var C, j;
+            var V, j;
             return [
               n("a", {
-                href: (j = (C = e.primaryActions) == null ? void 0 : C.mainLinkAction) == null ? void 0 : j.url,
+                href: (j = (V = e.primaryActions) == null ? void 0 : V.mainLinkAction) == null ? void 0 : j.url,
                 target: "_blank"
               }, [
                 x(i(T), {
@@ -3320,7 +3330,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           }),
           _: 1
         })) : m("", !0),
-        (t(!0), s(L, null, R(e.primaryActions.actions, (C, j) => {
+        (t(!0), s(L, null, R(e.primaryActions.actions, (V, j) => {
           var k;
           return t(), s(L, { key: j }, [
             (k = e.primaryActions) != null && k.mainLinkAction || j > 0 ? (t(), s("div", Vo)) : m("", !0),
@@ -3330,19 +3340,19 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
               distance: 7
             }, {
               popper: w(() => [
-                n("div", Oo, $(C != null && C.isCopyButton ? o.value ? b.value : v.value : C.tooltipContent), 1)
+                n("div", Oo, $(V != null && V.isCopyButton ? o.value ? b.value : v.value : V.tooltipContent), 1)
               ]),
               default: w(() => [
-                C != null && C.isCopyButton ? (t(), p(i(T), {
+                V != null && V.isCopyButton ? (t(), p(i(T), {
                   key: 0,
                   class: f(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", o.value ? "!text-oc-success" : ""]),
                   name: o.value ? "check" : "copy",
                   onClick: u
                 }, null, 8, ["name", "class"])) : (t(), p(i(T), {
                   key: 1,
-                  class: f(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", C.class ?? ""]),
-                  name: C.icon,
-                  onClick: C.onClick
+                  class: f(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", V.class ?? ""]),
+                  name: V.icon,
+                  onClick: V.onClick
                 }, null, 8, ["name", "class", "onClick"]))
               ]),
               _: 2
@@ -3356,15 +3366,15 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         d.value ? (t(), p(i(ne), {
           key: 2,
           modelValue: c.value,
-          "onUpdate:modelValue": O[3] || (O[3] = (C) => c.value = C),
+          "onUpdate:modelValue": O[3] || (O[3] = (V) => c.value = V),
           distance: 6
         }, {
           menu: w(() => {
-            var C, j, k;
+            var V, j, k;
             return [
               n("div", Bo, [
                 n("div", Io, [
-                  (t(!0), s(L, null, R((C = e.primaryActions.dropdownOptions) == null ? void 0 : C.top, (B, g) => (t(), s(L, { key: g }, [
+                  (t(!0), s(L, null, R((V = e.primaryActions.dropdownOptions) == null ? void 0 : V.top, (B, g) => (t(), s(L, { key: g }, [
                     B != null && B.isCopyButton ? (t(), p(i(pe), {
                       key: 0,
                       icon: o.value ? "check" : "copy",
@@ -3549,7 +3559,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 "px-5 py-3": e.isExpanded,
                 "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": O.active
               }]),
-              onClick: (C) => c(O.name)
+              onClick: (V) => c(O.name)
             }, [
               e.isExpanded ? (t(), p(i(T), {
                 key: 0,
@@ -3563,7 +3573,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
               }, null, 8, ["class", "name"])) : (t(), p(i(ne), {
                 key: 1,
                 modelValue: o.value[O.name + "-" + D],
-                "onUpdate:modelValue": (C) => o.value[O.name + "-" + D] = C,
+                "onUpdate:modelValue": (V) => o.value[O.name + "-" + D] = V,
                 placement: "right-start"
               }, {
                 menu: w(() => [
@@ -3584,10 +3594,10 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                       menu: O,
                       "is-expanded": ""
                     }, {
-                      label: w(({ submenu: C }) => [
+                      label: w(({ submenu: V }) => [
                         S(v.$slots, "submenu_label", {
                           menu: O,
-                          submenu: C
+                          submenu: V
                         })
                       ]),
                       _: 2
@@ -3609,7 +3619,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                         "text-[var(--oc-sidebar-menu-active-icon-active)]": O.active
                       }),
                       name: O.icon,
-                      onClick: (C) => v.$emit("click:sidebar-icon", O)
+                      onClick: (V) => v.$emit("click:sidebar-icon", O)
                     }, null, 8, ["class", "name", "onClick"])
                   ], 2)
                 ]),
@@ -3629,10 +3639,10 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 "is-expanded-sidebar": e.isExpanded,
                 "is-expanded": d.expanded.includes(O.name)
               }, {
-                label: w(({ submenu: C }) => [
+                label: w(({ submenu: V }) => [
                   S(v.$slots, "submenu_label", {
                     menu: O,
-                    submenu: C,
+                    submenu: V,
                     isExpanded: e.isExpanded
                   })
                 ]),
@@ -5316,9 +5326,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           e.isAdditionalArea ? "rounded-l-[inherit]" : "rounded-[inherit]"
         ]]),
         disabled: e.isDisabled || e.isLoading,
-        onMousedown: D[0] || (D[0] = (C) => a.value = !0),
-        onMouseup: D[1] || (D[1] = (C) => a.value = !1),
-        onMouseleave: D[2] || (D[2] = (C) => a.value = !1)
+        onMousedown: D[0] || (D[0] = (V) => a.value = !0),
+        onMouseup: D[1] || (D[1] = (V) => a.value = !1),
+        onMouseleave: D[2] || (D[2] = (V) => a.value = !1)
       }, [
         e.isLoading ? (t(), p(i(T), {
           key: 0,
@@ -5346,7 +5356,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       e.isAdditionalArea && !e.isTransparent ? (t(), s("div", {
         key: 0,
         class: f(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [o.value[e.size], e.variant]]),
-        onClick: D[3] || (D[3] = ye((C) => O.$emit("addition-click"), ["stop"]))
+        onClick: D[3] || (D[3] = ye((V) => O.$emit("addition-click"), ["stop"]))
       }, [
         S(O.$slots, "additional-content", {}, () => [
           x(i(T), {
@@ -5553,7 +5563,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             class: f({ "!w-fit": !e.isBlock }),
             "model-value": d(O.value),
             "is-button-variant": e.isButtonVariant,
-            "onUpdate:modelValue": (C) => c(O.value)
+            "onUpdate:modelValue": (V) => c(O.value)
           }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
         ], 2)
       ]),
@@ -5844,15 +5854,15 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
   },
   setup(e, { expose: r, emit: a }) {
     const l = e, o = a, d = M([]), c = M(), u = M(""), v = M(!1), b = M(!1), y = z(() => v.value ? d.value : d.value.slice(0, l.maxVisibleOptions)), h = (D) => {
-      d.value = d.value.filter((C) => C !== D), o("option-removed", D), o("update:modelValue", d.value);
+      d.value = d.value.filter((V) => V !== D), o("option-removed", D), o("update:modelValue", d.value);
     }, O = (D) => {
       if (!(D != null && D.trim()))
         return;
-      const C = (D == null ? void 0 : D.split(",")) || [];
-      C.forEach((j) => {
+      const V = (D == null ? void 0 : D.split(",")) || [];
+      V.forEach((j) => {
         var k;
         j != null && j.trim() && (!l.allowDuplicated && ((k = d.value) != null && k.includes(j)) || (d.value.push(j), o("option-added", j)));
-      }), C.length && (u.value = "", o("update:modelValue", d.value));
+      }), V.length && (u.value = "", o("update:modelValue", d.value));
     };
     return ve(
       () => l.modelValue,
@@ -5865,7 +5875,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       }
     ), r({
       focus: () => c.value.focus()
-    }), (D, C) => (t(), p(i(ge), {
+    }), (D, V) => (t(), p(i(ge), {
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -5881,7 +5891,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             e.isInlineLabel && e.label ? (t(), s("label", Ws, $(e.label) + ": ", 1)) : m("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
-              onClick: C[4] || (C[4] = (B) => c.value.focus())
+              onClick: V[4] || (V[4] = (B) => c.value.focus())
             }, [
               n("div", {
                 class: f(["border min-h-[36px] py-3 w-full px-3 flex justify-between items-center cursor-pointer gap-x-3 rounded", {
@@ -5903,7 +5913,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     d.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
                       key: 0,
                       variant: "gray",
-                      onClick: C[0] || (C[0] = (B) => v.value = !v.value)
+                      onClick: V[0] || (V[0] = (B) => v.value = !v.value)
                     }, {
                       default: w(() => [
                         v.value ? (t(), p(i(T), {
@@ -5925,11 +5935,11 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     placeholder: ((j = y.value) == null ? void 0 : j.length) === 0 ? e.placeholder : "",
                     disabled: e.isDisabled,
                     class: f(["h-7 flex-1 outline-none text-oc-text disabled:bg-transparent placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light", ((k = y.value) == null ? void 0 : k.length) === 0 ? "min-w-full" : "min-w-[80px]"]),
-                    onFocus: C[1] || (C[1] = (B) => b.value = !0),
-                    onBlur: C[2] || (C[2] = (B) => {
+                    onFocus: V[1] || (V[1] = (B) => b.value = !0),
+                    onBlur: V[2] || (V[2] = (B) => {
                       console.log("$event: ", B), b.value = !1, D.$emit("blur", B);
                     }),
-                    onKeyup: C[3] || (C[3] = Ue((B) => O(B.target.value), ["enter"]))
+                    onKeyup: V[3] || (V[3] = Ue((B) => O(B.target.value), ["enter"]))
                   }, null, 42, Xs)
                 ])
               ], 2)
@@ -5994,13 +6004,13 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     }, h = (B) => {
       l("update:modelValue", [y(d.value), B]);
     }, O = (B, g, I = null) => {
-      var V;
-      d.value = B.toLowerCase(), l("update:modelValue", [g, I || ((V = a.modelValue) == null ? void 0 : V[1]) || ""]), c.value = !1;
-    }, D = M(null), C = M([]), j = () => {
+      var C;
+      d.value = B.toLowerCase(), l("update:modelValue", [g, I || ((C = a.modelValue) == null ? void 0 : C[1]) || ""]), c.value = !1;
+    }, D = M(null), V = M([]), j = () => {
       setTimeout(() => {
         const B = v.value.indexOf(
           b(d.value)
-        ), I = C.value[B].offsetTop;
+        ), I = V.value[B].offsetTop;
         D.value.scrollTo(0, I - 60, { behavior: "smooth" });
       }, 10);
     }, k = (B) => {
@@ -6008,10 +6018,10 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       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: N } = Kt(
+            const { nationalNumber: I, countryCallingCode: C, country: N } = Kt(
               "+" + g.replace("+", "")
             );
-            V && N ? O(N, V, I) : l("update:modelValue", [y(d.value), I]);
+            C && N ? O(N, C, I) : l("update:modelValue", [y(d.value), I]);
           } else
             l("update:modelValue", [y(d.value), g]);
       } catch {
@@ -6041,7 +6051,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           x(i(ne), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              g[3] || (g[3] = (V) => c.value = V),
+              g[3] || (g[3] = (C) => c.value = C),
               j
             ],
             distance: 10,
@@ -6056,7 +6066,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 n("div", Qs, [
                   x(i(xe), {
                     modelValue: u.value,
-                    "onUpdate:modelValue": g[0] || (g[0] = (V) => u.value = V),
+                    "onUpdate:modelValue": g[0] || (g[0] = (C) => u.value = C),
                     icon: "search",
                     placeholder: "Search",
                     onKeydown: g[1] || (g[1] = ye(() => {
@@ -6073,22 +6083,22 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), s(L, null, R(v.value, (V, N) => (t(), s("div", {
+                (t(!0), s(L, null, R(v.value, (C, N) => (t(), s("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
-                  ref: C,
+                  ref: V,
                   key: N,
                   class: f([
                     "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) => O(V.iso, V.code)
+                  onClick: (E) => O(C.iso, C.code)
                 }, [
                   n("div", {
-                    class: f(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${V.iso.toLowerCase()}`])
+                    class: f(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${C.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", er, "+" + $(V.code), 1),
-                  n("span", tr, $(V.country), 1)
+                  n("span", er, "+" + $(C.code), 1),
+                  n("span", tr, $(C.country), 1)
                 ], 10, _s))), 128))
               ], 512)
             ]),
@@ -6474,7 +6484,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         } else
           ((A = H.label) != null && A.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && P.push(H);
       return P;
-    }), C = z(() => {
+    }), V = z(() => {
       if (l.multiple) {
         let P = [];
         if (l.modelValue)
@@ -6496,7 +6506,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       let A;
       if (l.multiple) {
         const H = (l.modelValue || []).find((X) => X === P.value);
-        if (!H && l.maxOptionAllowed && ((U = C.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
+        if (!H && l.maxOptionAllowed && ((U = V.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
           o("max-option-allowed-set");
           return;
         }
@@ -6527,7 +6537,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         (A = u.value) == null || A.focus();
       });
     });
-    const I = M("100%"), V = z(() => ({ maxWidth: I.value })), N = () => {
+    const I = M("100%"), C = z(() => ({ maxWidth: I.value })), N = () => {
       var P, A, U, H;
       o("toggle"), I.value = (A = (P = g.value) == null ? void 0 : P.$el) != null && A.offsetWidth ? `${(H = (U = g.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var se;
@@ -6580,7 +6590,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           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,
@@ -6594,7 +6604,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 ref: y,
                 class: "flex flex-col gap-y-2"
               }, [
-                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && C.value ? (t(), s("div", xr, [
+                e.isFilterable && !e.isInlineSearch || e.isFilterable && e.isInlineSearch && V.value ? (t(), s("div", xr, [
                   x(i(xe), {
                     ref_key: "searchInputRef",
                     ref: u,
@@ -6616,7 +6626,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   }, 8, ["modelValue", "placeholder"])
                 ])) : m("", !0),
                 n("div", {
-                  class: f(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !C.value }])
+                  class: f(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !V.value }])
                 }, [
                   e.isCheckboxes && e.isSelectAll && D.value.length && e.multiple ? (t(), p(i(gt), {
                     key: 0,
@@ -6683,7 +6693,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             }, [
               e.multiple ? (t(), s("div", mr, [
                 S(P.$slots, "selection", {}, () => [
-                  (t(!0), s(L, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), p(i(ae), F({
+                  (t(!0), s(L, null, R(e.maxVisibleOptions ? V.value.slice(0, e.maxVisibleOptions) : V.value, (U) => (t(), p(i(ae), F({
                     key: U.value,
                     closable: "",
                     variant: U.variant,
@@ -6693,14 +6703,14 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     "should-truncate-chip": "",
                     onRemove: (H) => k(U.value)
                   }), null, 16, ["variant", "label", "onRemove"]))), 128)),
-                  e.maxVisibleOptions && C.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
+                  e.maxVisibleOptions && V.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
                     key: 0,
-                    label: `+${C.value.length - e.maxVisibleOptions}`
+                    label: `+${V.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
                 ]),
-                C.value.length === 0 ? (t(), s("span", fr, $(e.placeholder), 1)) : m("", !0)
+                V.value.length === 0 ? (t(), s("span", fr, $(e.placeholder), 1)) : m("", !0)
               ])) : m("", !0),
-              e.isInlineSearch && e.isFilterable && !C.value ? (t(), p(i(xe), {
+              e.isInlineSearch && e.isFilterable && !V.value ? (t(), p(i(xe), {
                 key: 1,
                 modelValue: d.value,
                 "onUpdate:modelValue": [
@@ -6730,7 +6740,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   height: "16"
                 }, null, 8, ["name"])) : m("", !0),
                 e.isInlineLabel && e.label ? (t(), s("span", gr, $(e.label) + ": ", 1)) : m("", !0),
-                C.value ? (t(), s("span", pr, $(C.value.label), 1)) : (t(), s("span", yr, $(e.placeholder), 1))
+                V.value ? (t(), s("span", pr, $(V.value.label), 1)) : (t(), s("span", yr, $(e.placeholder), 1))
               ])),
               e.modelValue && e.isClearable ? (t(), p(i(T), {
                 key: 3,
@@ -6880,8 +6890,8 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     "update:title": []
   },
   setup(e, { emit: r }) {
-    var C, j;
-    const a = e, l = r, o = M(!1), d = M(a.type ?? ((j = (C = a.links) == null ? void 0 : C[0]) == null ? void 0 : j.value)), c = M(a.title ?? ""), u = z(
+    var V, j;
+    const a = e, l = r, o = M(!1), d = M(a.type ?? ((j = (V = a.links) == null ? void 0 : V[0]) == null ? void 0 : j.value)), c = M(a.title ?? ""), u = z(
       () => a.links.find((k) => k.value === d.value) ?? {}
     ), v = z(() => u.value.preFill ?? ""), b = M(a.modelValue ? a.modelValue.replace(v.value, "") : ""), y = (k) => {
       var g;
@@ -7097,13 +7107,13 @@ var Pt = { exports: {} };
     }, D = function(k, B) {
       var g, I = v.meridiem;
       if (I) {
-        for (var V = 1; V <= 24; V += 1) if (k.indexOf(I(V, 0, B)) > -1) {
-          g = V > 12;
+        for (var C = 1; C <= 24; C += 1) if (k.indexOf(I(C, 0, B)) > -1) {
+          g = C > 12;
           break;
         }
       } else g = k === (B ? "pm" : "PM");
       return g;
-    }, C = { A: [u, function(k) {
+    }, V = { A: [u, function(k) {
       this.afternoon = D(k, !1);
     }], a: [u, function(k) {
       this.afternoon = D(k, !0);
@@ -7139,12 +7149,12 @@ var Pt = { exports: {} };
         return X || g[ee] || a[ee] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, se, me) {
           return se || me.slice(1);
         });
-      })).match(l), V = I.length, N = 0; N < V; N += 1) {
-        var E = I[N], P = C[E], A = P && P[0], U = P && P[1];
+      })).match(l), C = I.length, N = 0; N < C; N += 1) {
+        var E = I[N], P = V[E], A = P && P[0], U = P && P[1];
         I[N] = U ? { regex: A, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
-        for (var X = {}, ee = 0, _ = 0; ee < V; ee += 1) {
+        for (var X = {}, ee = 0, _ = 0; ee < C; ee += 1) {
           var oe = I[ee];
           if (typeof oe == "string") _ += oe.length;
           else {
@@ -7163,7 +7173,7 @@ var Pt = { exports: {} };
     }
     return function(k, B, g) {
       g.p.customParseFormat = !0, k && k.parseTwoDigitYear && (b = k.parseTwoDigitYear);
-      var I = B.prototype, V = I.parse;
+      var I = B.prototype, C = I.parse;
       I.parse = function(N) {
         var E = N.date, P = N.utc, A = N.args;
         this.$u = P;
@@ -7190,7 +7200,7 @@ var Pt = { exports: {} };
           }
           se === oe && (this.$d = /* @__PURE__ */ new Date(""));
         }
-        else V.call(this, N);
+        else C.call(this, N);
       };
     };
   });
@@ -7265,7 +7275,7 @@ function rd(e, r, a) {
     var P = l, A = o;
     return l = o = void 0, b = E, c = e.apply(A, P), c;
   }
-  function C(E) {
+  function V(E) {
     return b = E, u = setTimeout(B, r), y ? D(E) : c;
   }
   function j(E) {
@@ -7288,20 +7298,20 @@ function rd(e, r, a) {
   function I() {
     u !== void 0 && clearTimeout(u), b = 0, l = v = o = u = void 0;
   }
-  function V() {
+  function C() {
     return u === void 0 ? c : g(tt());
   }
   function N() {
     var E = tt(), P = k(E);
     if (l = arguments, o = this, v = E, P) {
       if (u === void 0)
-        return C(v);
+        return V(v);
       if (h)
         return clearTimeout(u), u = setTimeout(B, r), D(v);
     }
     return u === void 0 && (u = setTimeout(B, r)), c;
   }
-  return N.cancel = I, N.flush = V, N;
+  return N.cancel = I, N.flush = C, N;
 }
 const dd = { class: "flex items-center justify-between" }, cd = { class: "flex flex-col gap-2 p-3" }, ud = { class: "flex justify-between items-center" }, md = { key: 0 }, fd = { key: 1 }, vd = {
   key: 0,
@@ -7349,12 +7359,12 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
   emits: ["update:modelValue", "reset-calendar", "update:isIndefinite"],
   setup(e, { emit: r }) {
     K.extend(Tt), K.extend(At), K.extend(Mt), K.extend(nt);
-    const a = e, l = r, o = M(), d = M(), c = M(), u = M(), v = M(), b = M(), y = M(), h = M(!1), O = M(!1), D = M(!1), C = M(!1), j = z(() => a.type === "range"), k = z(() => {
+    const a = e, l = r, o = M(), d = M(), c = M(), u = M(), v = M(), b = M(), y = M(), h = M(!1), O = M(!1), D = M(!1), V = M(!1), j = z(() => a.type === "range"), k = z(() => {
       const J = o.value.endOf("month").date();
       return Array.from({ length: J }, (Y, ce) => ce + 1);
     }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = z(() => o.value.format("MMMM YYYY")), I = z(
       () => D.value ? b.value.format("YYYY") : o.value.format("YYYY")
-    ), V = z(() => o.value.format("MMM")), N = z(() => {
+    ), C = z(() => o.value.format("MMM")), N = z(() => {
       const q = d.value, J = c.value ?? y.value, Y = [q, J];
       return J && (q != null && q.isAfter(J)) && Y.reverse(), {
         from: Y[0],
@@ -7377,7 +7387,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
     }, X = () => {
       y.value = null, o.value = o.value.add(1, "month"), u.value = A.value ? d.value.date() : null, v.value = U.value ? c.value.date() : null;
     }, ee = (q) => {
-      y.value = null, o.value = o.value.set("month", q), C.value = !1;
+      y.value = null, o.value = o.value.set("month", q), V.value = !1;
     }, _ = (q) => {
       y.value = null, o.value = o.value.set("year", q), D.value = !1;
     }, oe = () => {
@@ -7385,7 +7395,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
     }, se = () => {
       y.value = null, D.value ? b.value = b.value.add(11, "year") : o.value = o.value.add(1, "year");
     }, me = () => {
-      D.value = !1, C.value = !C.value;
+      D.value = !1, V.value = !V.value;
     }, be = (q) => {
       const J = o.value.date(q);
       return Object.values(N.value).filter(Boolean).find((Y) => Y.isSame(J));
@@ -7433,8 +7443,8 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
     }, [
       n("div", dd, [
         x(i(ne), {
-          modelValue: C.value,
-          "onUpdate:modelValue": J[1] || (J[1] = (Y) => C.value = Y),
+          modelValue: V.value,
+          "onUpdate:modelValue": J[1] || (J[1] = (Y) => V.value = Y),
           distance: 10,
           position: "bottom",
           "is-popover": "",
@@ -7473,7 +7483,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                 (t(), s(L, null, R(B, (Y, ce) => n("div", {
                   key: Y,
                   class: f(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
-                    "!border-oc-primary bg-oc-primary text-white": V.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": C.value === Y
                   }]),
                   onClick: (Pe) => ee(ce)
                 }, $(Y), 11, yd)), 64))
@@ -7665,7 +7675,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       return ((I) => I.get("month") === K().get("month"))(B);
     }, D = (k) => {
       d.value = k, a("update:modelValue", k ? "Indefinite" : null);
-    }, C = (k, B) => {
+    }, V = (k, B) => {
       var I;
       const g = K(k, l.dateFormat, !0);
       u.value[B] = g.format(l.dateFormat), u.value[B ? 0 : 1] = ((I = l.modelValue) == null ? void 0 : I[B ? 0 : 1]) || K().format(l.dateFormat);
@@ -7694,13 +7704,13 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           updateCalendar: y,
           resetCalendar: h
         }, () => {
-          var I, V;
+          var I, C;
           return [
             v.value ? (t(), p(i(hu), {
               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,
@@ -7768,7 +7778,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                       placeholder: "Start date",
                       value: b.value[0] ? b.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: B[0] || (B[0] = (g) => C(g.target.value, 0)),
+                      onInput: B[0] || (B[0] = (g) => V(g.target.value, 0)),
                       onKeydown: Ue(j, ["enter"]),
                       onBlur: j
                     }, null, 40, Od)
@@ -7779,7 +7789,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                       placeholder: "End date",
                       value: b.value[1] ? b.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: B[1] || (B[1] = (g) => C(g.target.value, 1)),
+                      onInput: B[1] || (B[1] = (g) => V(g.target.value, 1)),
                       onKeydown: Ue(j, ["enter"]),
                       onBlur: j
                     }, null, 40, Id),
@@ -8188,7 +8198,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     "invalidFileType"
   ],
   setup(e, { emit: r }) {
-    const a = e, l = r, o = M(), d = M(""), c = M(""), u = M(!0), v = M(!1), b = M(!1), y = M(!1), h = M(""), { currentFiles: O, onChangeFile: D, onDeleteFile: C } = Ct(
+    const a = e, l = r, o = M(), d = M(""), c = M(""), u = M(!0), v = M(!1), b = M(!1), y = M(!1), h = M(""), { currentFiles: O, onChangeFile: D, onDeleteFile: V } = Ct(
       a.maxSize,
       l,
       a.accept,
@@ -8225,7 +8235,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
     }, I = (P) => {
       k.value.fileUrl = P, k.value.fileName = Date.now(), y.value = !1, h.value = "", l("update:modelValue", a.format === "object" ? k.value : [k.value]);
-    }, V = async (P) => {
+    }, C = async (P) => {
       if (P)
         try {
           const A = await fetch(P, { method: "HEAD" });
@@ -8258,7 +8268,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             "show-upload-image-area": e.showUploadImageArea,
             "onUpdate:uploadedImage": E,
             onChange: A[0] || (A[0] = (Q) => i(D)(Q, a.format === "object")),
-            onDelete: A[1] || (A[1] = (Q) => i(C)(0))
+            onDelete: A[1] || (A[1] = (Q) => i(V)(0))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), s(L, { key: 1 }, [
             x(i(G), F(e.buttonUploadProps, {
               onClick: A[2] || (A[2] = (Q) => {
@@ -8316,7 +8326,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                         n("div", {
                           class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                           onClick: A[12] || (A[12] = () => {
-                            i(C)(0), b.value = !1;
+                            i(V)(0), b.value = !1;
                           })
                         }, [
                           x(i(T), {
@@ -8376,7 +8386,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   e.isDisabled ? m("", !0) : (t(), s("div", {
                     key: 0,
                     class: "w-[36px] cursor-pointer flex text-oc-error items-center justify-center",
-                    onClick: A[16] || (A[16] = (Q) => i(C)(0))
+                    onClick: A[16] || (A[16] = (Q) => i(V)(0))
                   }, [
                     x(i(T), {
                       width: "16",
@@ -8394,7 +8404,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     "onUpdate:modelValue": A[4] || (A[4] = (Q) => d.value = Q),
                     "error-message": d.value && !u.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: A[5] || (A[5] = (Q) => V(d.value))
+                    onBlur: A[5] || (A[5] = (Q) => C(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   x(i(xe), {
                     modelValue: c.value,
@@ -8490,37 +8500,37 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     const a = e, l = r, o = M([]), d = M(!1), c = M(""), u = M({}), v = z(() => a.uploadedImages[c.value].fileUrl), b = M(!1), y = M(""), h = (I) => {
       b.value = !0, y.value = I;
     }, O = M(!1), D = () => {
-      const I = a.uploadedImages.find((V, N) => N === y.value);
+      const I = a.uploadedImages.find((C, N) => N === y.value);
       I.current ? l("onRemoveImage", I) : (l("delete", y.value), O.value = !0, setTimeout(() => {
         O.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
-        a.uploadedImages.filter((V, N) => N !== y.value)
+        a.uploadedImages.filter((C, N) => N !== y.value)
       ), b.value = !1;
-    }, C = (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 = {};
+    }, V = (I) => {
+      const C = a.uploadedImages[c.value];
+      C.fileUrl = I, C.fileName = Date.now(), l("onEditImage", { ...C, index: c.value }), d.value = !1, c.value = "", u.value = {};
     }, j = (I) => {
-      let V = a.uploadedImages[c.value];
+      let C = a.uploadedImages[c.value];
       Object.keys(I).forEach((N) => {
-        V[N] = I[N];
+        C[N] = I[N];
       }), l("update:uploadedImages", a.uploadedImages);
     }, k = (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);
     }, B = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), g = (I, V) => {
+    ), g = (I, C) => {
       var N;
       c.value = I, (N = a.inputOptions) == null || N.forEach((E) => {
-        u.value[E] = V[E];
+        u.value[E] = C[E];
       }), o[I] = !1, d.value = !0;
     };
-    return (I, V) => (t(), s("div", dc, [
+    return (I, C) => (t(), s("div", dc, [
       B.value ? (t(), s("label", cc, [
         n("div", uc, [
           x(i(T), { name: "plus" })
@@ -8540,7 +8550,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: re(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": V[0] || (V[0] = (N) => I.$emit("update:uploadedImages", N))
+        "onUpdate:modelValue": C[0] || (C[0] = (N) => I.$emit("update:uploadedImages", N))
       }, {
         default: w(({ list: N }) => [
           (t(!0), s(L, null, R(N, (E, P) => (t(), s("div", {
@@ -8574,7 +8584,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { 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, gc),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -8587,7 +8597,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { 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, pc)
                   ])
                 ])
@@ -8627,19 +8637,19 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       d.value ? (t(), p(i(ot), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": V[1] || (V[1] = (N) => d.value = N),
+        "onUpdate:modelValue": C[1] || (C[1] = (N) => d.value = N),
         img: v.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: C,
+        onChangeImage: V,
         "onUpdate:inputOptions": j
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : m("", !0),
       x(i(tu), {
         modelValue: b.value,
-        "onUpdate:modelValue": V[3] || (V[3] = (N) => b.value = N),
+        "onUpdate:modelValue": C[3] || (C[3] = (N) => b.value = N),
         description: "Do you want to delete this image ?",
         onConfirm: D
       }, null, 8, ["modelValue"])
@@ -8707,9 +8717,9 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       l.validateAcceptFileType
     );
     Ce(() => {
-      const C = [];
+      const V = [];
       l.modelValue.length > 0 && (l.modelValue.forEach((j) => {
-        j.current && C.push({
+        j.current && V.push({
           current: j.current,
           file: null,
           fileName: j.current.caption ?? "",
@@ -8724,24 +8734,24 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           caption_variant: j.current.caption_variant,
           lightbox: j.current.lightbox
         });
-      }), v.value = C);
+      }), v.value = V);
     });
-    const h = (C) => {
-      c.value = !0, b(C);
-    }, O = (C) => {
-      c.value = !1, y(C);
+    const h = (V) => {
+      c.value = !0, b(V);
+    }, O = (V) => {
+      c.value = !1, y(V);
     }, D = () => {
-      var C;
-      (C = o.value) == null || C.click();
+      var V;
+      (V = o.value) == null || V.click();
     };
-    return (C, j) => (t(), s("div", bc, [
+    return (V, j) => (t(), s("div", bc, [
       x(i(ge), {
         label: e.label,
         hint: e.hint,
         "error-message": i(u) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
       }, {
         hint: w(() => [
-          S(C.$slots, "hint")
+          S(V.$slots, "hint")
         ]),
         default: w(() => [
           e.isImageOnly ? (t(), p(hc, {
@@ -8753,17 +8763,17 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             "input-options": e.inputOptions,
             "max-images": e.maxImages,
             onChange: i(b),
-            "onUpdate:selectedImage": j[0] || (j[0] = (k) => C.$emit("update:selectedImage", k)),
+            "onUpdate:selectedImage": j[0] || (j[0] = (k) => V.$emit("update:selectedImage", k)),
             "onUpdate:uploadedImages": j[1] || (j[1] = (k) => {
-              v.value = k, C.$emit("update:modelValue", k);
+              v.value = k, V.$emit("update:modelValue", k);
             }),
-            onOnEditImage: j[2] || (j[2] = (k) => C.$emit("onEditFile", k)),
-            onOnRemoveImage: j[3] || (j[3] = (k) => C.$emit("onRemoveFile", k)),
+            onOnEditImage: j[2] || (j[2] = (k) => V.$emit("onEditFile", k)),
+            onOnRemoveImage: j[3] || (j[3] = (k) => V.$emit("onRemoveFile", k)),
             onDelete: i(y),
-            onOnMaxFileExceed: j[4] || (j[4] = (k) => C.$emit("onMaxFileExceed", k))
+            onOnMaxFileExceed: j[4] || (j[4] = (k) => V.$emit("onMaxFileExceed", k))
           }, {
             action: w((k) => [
-              S(C.$slots, "action", {
+              S(V.$slots, "action", {
                 item: k.item,
                 removeItem: k.removeItem,
                 fileIndex: k.i
@@ -8771,7 +8781,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             ]),
             _: 3
           }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), s(L, { key: 1 }, [
-            S(C.$slots, "button", { triggerInput: D }, () => [
+            S(V.$slots, "button", { triggerInput: D }, () => [
               x(i(G), F(e.buttonUploadProps, { onClick: D }), null, 16)
             ]),
             n("input", {
@@ -8987,14 +8997,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
   setup(e, { expose: r, emit: a }) {
     const l = a, o = e, d = M(), c = M(), u = async (O) => {
       O != null && O.target && (o.isDisabled || (setTimeout(() => {
-        var D, C;
-        return (C = (D = d.value) == null ? void 0 : D.popperInstance) == null ? void 0 : C.update();
+        var D, V;
+        return (V = (D = d.value) == null ? void 0 : D.popperInstance) == null ? void 0 : V.update();
       }, 0), l("update:modelValue", !o.modelValue)));
     }, v = (O) => {
       o.isAttachToBody && !o.preventClickOutside && d.value.checkElementIsInsidePopper(O.target) || o.modelValue && !o.preventClickOutside && l("update:modelValue", !1);
     }, b = M(), y = M(0);
     return ve(() => o.modelValue, async () => {
-      const O = window.innerHeight || document.documentElement.clientHeight, D = b.value.getBoundingClientRect().top, C = O - b.value.getBoundingClientRect().bottom, j = Math.max(D, C), B = j - (2 + (j === D ? 2.5 : 0)) * 16;
+      const O = window.innerHeight || document.documentElement.clientHeight, D = b.value.getBoundingClientRect().top, V = O - b.value.getBoundingClientRect().bottom, j = Math.max(D, V), B = j - (2 + (j === D ? 2.5 : 0)) * 16;
       y.value = B > 0 ? B : 0, d.value.popperInstance.update();
     }), r({
       dropdownScroll: c,
@@ -9026,7 +9036,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 style: re({
                   maxHeight: (e.maxMenuHeight || y.value) - 68 + "px"
                 }),
-                onScroll: D[0] || (D[0] = (C) => O.$emit("scroll", C))
+                onScroll: D[0] || (D[0] = (V) => O.$emit("scroll", V))
               }, [
                 S(O.$slots, "menu", { isPopoverOpen: e.modelValue }, void 0, !0)
               ], 38), [
@@ -9676,7 +9686,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 ref_for: !0
               }, c), {
                 badge: w(() => [
-                  S(a.$slots, "badge")
+                  S(a.$slots, "badge", { item: c }),
+                  c.isLoading ? (t(), p(i(T), {
+                    key: 0,
+                    width: 16,
+                    height: 16,
+                    class: "animate-spin",
+                    name: "loading-2"
+                  })) : m("", !0)
                 ]),
                 _: 2
               }, 1040))), 128))
@@ -9688,7 +9705,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               ref_for: !0
             }, o), {
               badge: w(() => [
-                S(a.$slots, "badge")
+                S(a.$slots, "badge", { item: o }),
+                o.isLoading ? (t(), p(i(T), {
+                  key: 0,
+                  width: 16,
+                  height: 16,
+                  class: "animate-spin",
+                  name: "loading-2"
+                })) : m("", !0)
               ]),
               _: 2
             }, 1040))), 128))
@@ -9867,38 +9891,38 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       SectionItem: Ld,
       SelectOptions: Fd
     }, c = (g) => d[g] ? d[g] : null, u = z(() => {
-      const g = (V) => V.split(`
+      const g = (C) => C.split(`
 `).map((N) => N.trim()).filter(Boolean).map((N) => `"${N}"`).join(" "), I = {};
-      return Object.entries(a.grid).forEach(([V, N]) => {
+      return Object.entries(a.grid).forEach(([C, N]) => {
         Object.entries(N).forEach(([E, P]) => {
-          I[`--grid-${V}-${E}`] = E === "area" ? g(P) : P;
+          I[`--grid-${C}-${E}`] = E === "area" ? g(P) : P;
         });
       }), I;
-    }), v = (g) => typeof g == "object" ? g[0].key : g, b = (g) => `grid-area: ${v(g)}`, y = z(() => a.class), h = M({}), O = M({}), D = M({}), C = (g) => typeof g == "object" ? g[0].key : g, j = (g) => {
+    }), v = (g) => typeof g == "object" ? g[0].key : g, b = (g) => `grid-area: ${v(g)}`, y = z(() => a.class), h = M({}), O = M({}), D = M({}), V = (g) => typeof g == "object" ? g[0].key : g, j = (g) => {
       a.jsonForm.forEach((I) => {
-        var V;
+        var C;
         if (typeof I.name == "object") {
           let N = null;
           I.name.forEach((E) => {
             g[E.key] && (N ? N.push(g[E.key]) : N = [g[E.key]]);
-          }), h.value[C(I.name)] = N, B(I);
+          }), h.value[V(I.name)] = N, B(I);
         } else
-          (V = I.props) != null && V.parentKey ? (h.value[I.props.parentKey] = g[I.props.parentKey] ?? {}, h.value[I.props.parentKey][I.name] = g[I.props.parentKey][I.name] ?? "") : h.value[I.name] = g[I.name] ?? "", B(I);
+          (C = I.props) != null && C.parentKey ? (h.value[I.props.parentKey] = g[I.props.parentKey] ?? {}, h.value[I.props.parentKey][I.name] = g[I.props.parentKey][I.name] ?? "") : h.value[I.name] = g[I.name] ?? "", B(I);
       });
     }, k = () => {
       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]);
-          }), O.value[C(g.name)] = I.join(",");
+          g.name.forEach((C) => {
+            a.errors[C.key] && I.push(a.errors[C.key]);
+          }), O.value[V(g.name)] = I.join(",");
         } else
           O.value[g.name] = a.errors[g.name] ?? "";
       });
     }, B = (g) => {
       if (g.show_if || g.show_if_preview) {
         let I = g.class ? g.class : "";
-        g.show_if ? g.show_if_value !== void 0 ? g.show_if_value !== h.value[g.show_if] && (I = I + " hidden") : g.show_if_not !== void 0 ? g.show_if_not === h.value[g.show_if] && (I = I + " hidden") : g.show_if_min !== void 0 && (isNaN(parseInt(h.value[g.show_if])) ? 1 : parseInt(h.value[g.show_if])) < parseInt(g.show_if_min) && (I = I + " hidden") : g.show_if_preview && (g.show_if_preview_only !== void 0 ? g.show_if_preview_only !== a.previewMode && (I = I + " hidden") : g.show_if_preview_not !== void 0 && g.show_if_preview_not === a.previewMode && (I = I + " hidden")), typeof g.name == "object" ? D.value[C(g.name)] = I : D.value[g.name] = I;
+        g.show_if ? g.show_if_value !== void 0 ? g.show_if_value !== h.value[g.show_if] && (I = I + " hidden") : g.show_if_not !== void 0 ? g.show_if_not === h.value[g.show_if] && (I = I + " hidden") : g.show_if_min !== void 0 && (isNaN(parseInt(h.value[g.show_if])) ? 1 : parseInt(h.value[g.show_if])) < parseInt(g.show_if_min) && (I = I + " hidden") : g.show_if_preview && (g.show_if_preview_only !== void 0 ? g.show_if_preview_only !== a.previewMode && (I = I + " hidden") : g.show_if_preview_not !== void 0 && g.show_if_preview_not === a.previewMode && (I = I + " hidden")), typeof g.name == "object" ? D.value[V(g.name)] = I : D.value[g.name] = I;
       } else
         D.value[g.name] = g.class ? g.class : "";
     };
@@ -9930,44 +9954,44 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       class: f(e.grid ? `responsive-smart-form-grid ${y.value}` : y.value),
       style: re(e.grid ? u.value : "")
     }, [
-      (t(!0), s(L, null, R(e.jsonForm, (V) => {
+      (t(!0), s(L, null, R(e.jsonForm, (C) => {
         var N, E, P, A, U, H;
         return t(), s("div", {
-          key: v(V.name),
-          style: re(e.grid ? b(V.name) : ""),
+          key: v(C.name),
+          style: re(e.grid ? b(C.name) : ""),
           class: f([
-            V.type !== "Children" ? D.value[typeof V.name == "object" ? C(V.name) : V.name] : "",
-            V.class
+            C.type !== "Children" ? D.value[typeof C.name == "object" ? V(C.name) : C.name] : "",
+            C.class
           ])
         }, [
-          c(V.type) ? (t(), p(bt(c(V.type)), F({
+          c(C.type) ? (t(), p(bt(c(C.type)), F({
             key: 0,
             ref_for: !0
-          }, V.props, {
-            "model-value": (N = V.props) != null && N.parentKey ? (P = (E = h.value) == null ? void 0 : E[V.props.parentKey]) == null ? void 0 : P[V.name] : h.value[typeof V.name == "object" ? C(V.name) : V.name],
-            "error-message": O.value[typeof V.name == "object" ? C(V.name) : V.name],
-            "onUpdate:modelValue": (X) => o(V, X)
-          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : S(g.$slots, V.type, {
+          }, C.props, {
+            "model-value": (N = C.props) != null && N.parentKey ? (P = (E = h.value) == null ? void 0 : E[C.props.parentKey]) == null ? void 0 : P[C.name] : h.value[typeof C.name == "object" ? V(C.name) : C.name],
+            "error-message": O.value[typeof C.name == "object" ? V(C.name) : C.name],
+            "onUpdate:modelValue": (X) => o(C, X)
+          }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : S(g.$slots, C.type, {
             key: 1,
             formId: e.id,
-            form: V,
-            value: (A = V.props) != null && A.parentKey ? (H = (U = h.value) == null ? void 0 : U[V.props.parentKey]) == null ? void 0 : H[V.name] : h.value[typeof V.name == "object" ? C(V.name) : V.name],
-            error: O.value[typeof V.name == "object" ? C(V.name) : V.name],
+            form: C,
+            value: (A = C.props) != null && A.parentKey ? (H = (U = h.value) == null ? void 0 : U[C.props.parentKey]) == null ? void 0 : H[C.name] : h.value[typeof C.name == "object" ? V(C.name) : C.name],
+            error: O.value[typeof C.name == "object" ? V(C.name) : C.name],
             onUpdate: o
           })
         ], 6);
       }), 128))
     ], 6)) : m("", !0);
   }
-}, Dm = de(() => import("./OcDataTable-qsYLnYTP.js")), Am = de(() => import("./OcFilterSearch-DSZHDIEK.js")), jm = de(() => import("./OcFilterSearchFor-DHlpy8VY.js")), Mm = de(() => import("./OcFilterForm-BJJiBrBO.js")), hu = de(
-  () => import("./OcComplexCalendar-D1rWf4we.js")
+}, Dm = de(() => import("./OcDataTable-ChQoZYkz.js")), Am = de(() => import("./OcFilterSearch-VrsqR8K3.js")), jm = de(() => import("./OcFilterSearchFor-pYQS37xa.js")), Mm = de(() => import("./OcFilterForm-C6bbxMQz.js")), hu = de(
+  () => import("./OcComplexCalendar-CsieDc13.js")
 ), Pm = de(
-  () => import("./OcComplexDatePicker-IY65Yb3W.js")
-), ot = de(() => import("./OcModalCropper-C8ZOsHYG.js")), Lm = de(() => import("./OcCropper-Ozcbc9oS.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-BMMa_l-x.js")), zm = de(() => import("./OcEmojiPicker-BJPcCdTO.js")), Nm = de(
-  () => import("./ThumbnailTheme-DxB6mbrd.js")
+  () => import("./OcComplexDatePicker-C1rftM9e.js")
+), ot = de(() => import("./OcModalCropper-BSkm1o9d.js")), Lm = de(() => import("./OcCropper-DEMCCdNv.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-CNJ0UX7A.js")), zm = de(() => import("./OcEmojiPicker-BzgpAvzA.js")), Nm = de(
+  () => import("./ThumbnailTheme-DDuGf9g2.js")
 ), Rm = de(
-  () => import("./ThumbnailSection-CYESszhq.js")
-), Fm = de(() => import("./SubPlanCard-B8Wrl2Om.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-D6NMTvxZ.js"));
+  () => import("./ThumbnailSection-ByWHvtKc.js")
+), Fm = de(() => import("./SubPlanCard-okV5TfUX.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-CEePomr_.js"));
 export {
   tm as $,
   Wu as A,