@orchidui/core 1.8.1-134 → 1.8.1-136

package/dist/{index-BI9GfGEn.js → index-DX_VusbA.js}

@@ -74,8 +74,8 @@ const Jt = {
         l("update:selected", O);
       }
     }), g = (O) => {
-      x.value.find((B) => f.value(B) === f.value(O)) ? x.value = x.value.filter(
-        (B) => f.value(B) !== f.value(O)
+      x.value.find((V) => f.value(V) === f.value(O)) ? x.value = x.value.filter(
+        (V) => f.value(V) !== f.value(O)
       ) : x.value = [...x.value, O];
     }, k = () => {
       const O = x.value.length === c.value.length;
@@ -85,10 +85,10 @@ const Jt = {
         field: O,
         header: b
       });
-    }, I = L(!0), C = L(!0), h = L(), V = () => {
+    }, I = L(!0), C = L(!0), h = L(), B = () => {
       a.isSticky && (I.value = h.value.scrollLeft === 0, C.value = h.value.scrollLeft + h.value.clientWidth === h.value.scrollWidth);
     };
-    return $e(() => V()), (O, b) => (t(), i("div", {
+    return $e(() => B()), (O, b) => (t(), i("div", {
       ref_key: "scrollTable",
       ref: h,
       class: v(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -96,7 +96,7 @@ const Jt = {
         e.isResponsive ? "rounded" : "md:rounded",
         e.isBorderless ? "" : "border"
       ]]),
-      onScroll: V
+      onScroll: B
     }, [
       O.$slots.before ? (t(), i("div", {
         key: 0,
@@ -125,34 +125,34 @@ const Jt = {
             "is-checked": x.value.length === c.value.length && x.value.length > 0,
             onSelectAll: k
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : u("", !0),
-          (t(!0), i(N, null, R(m.value, (B) => (t(), p(o(ut), {
-            key: B.key,
-            text: B.label,
+          (t(!0), i(N, null, R(m.value, (V) => (t(), p(o(ut), {
+            key: V.key,
+            text: V.label,
             "is-loading": e.isLoading,
-            variant: B.headerVariant,
+            variant: V.headerVariant,
             "is-sticky": e.isSticky,
             class: v([[
               e.isSticky || e.isResponsive ? "flex md:min-h-auto" : "hidden md:flex",
-              B.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
-              B.stickyRight ? "right-0" : "",
-              typeof B.class == "function" ? B.class() : B.class,
-              B.stickyLeft || B.stickyRight ? "sticky shrink-0 z-10" : "",
-              B.stickyLeft && !I.value ? "shadow-right-sticky" : "",
-              B.stickyRight && !C.value ? "shadow-left-sticky" : ""
+              V.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
+              V.stickyRight ? "right-0" : "",
+              typeof V.class == "function" ? V.class() : V.class,
+              V.stickyLeft || V.stickyRight ? "sticky shrink-0 z-10" : "",
+              V.stickyLeft && !I.value ? "shadow-right-sticky" : "",
+              V.stickyRight && !C.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"]),
-            "is-sortable": B.isSortable,
-            "sort-by": e.sortBy[B.key],
-            "onUpdate:sortBy": (M) => O.$emit("update:sort-by", { key: B.key, value: M })
+            "is-sortable": V.isSortable,
+            "sort-by": e.sortBy[V.key],
+            "onUpdate:sortBy": (M) => O.$emit("update:sort-by", { key: V.key, value: M })
           }, {
             default: S(() => [
-              $(O.$slots, `header-${B.key}`)
+              $(O.$slots, `header-${V.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class", "is-sortable", "sort-by", "onUpdate:sortBy"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (B) => (t(), i("div", {
-        key: B,
+      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (V) => (t(), i("div", {
+        key: V,
         class: v(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": s.value,
           "border-b": e.isBorderless
@@ -163,10 +163,10 @@ const Jt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : u("", !0),
         (t(!0), i(N, null, R(m.value, (M, E) => (t(), p(o(Re), {
-          key: `${E}-${B}`,
+          key: `${E}-${V}`,
           class: v(M.class),
           "is-loading": "",
-          "is-last": B === e.loadingRows
+          "is-last": V === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), i(N, { key: 2 }, [
         $(O.$slots, "table-body", {
@@ -181,8 +181,8 @@ const Jt = {
           rowLink: e.rowLink,
           calculateRowClass: A.value
         }, () => [
-          (t(!0), i(N, null, R(c.value, (B, M) => (t(), i("div", {
-            key: `${f.value(B)}-${M}`,
+          (t(!0), i(N, null, R(c.value, (V, M) => (t(), i("div", {
+            key: `${f.value(V)}-${M}`,
             class: v({
               "border-b": c.value.length !== M + 1,
               "w-max": e.isSticky
@@ -195,7 +195,7 @@ const Jt = {
                   "cursor-pointer": d.value
                 },
                 e.isResponsive ? "w-full" : e.isSticky ? "w-max !p-0" : "flex-wrap md:flex-nowrap",
-                A.value(B, M)
+                A.value(V, M)
               ]])
             }, [
               s.value ? (t(), p(o(Re), {
@@ -204,15 +204,15 @@ const Jt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === M + 1,
-                "is-selected": x.value.some((E) => f.value(E) === f.value(B)),
+                "is-selected": x.value.some((E) => f.value(E) === f.value(V)),
                 variant: "checkbox",
-                onSelected: (E) => g(B),
+                onSelected: (E) => g(V),
                 "onHover:field": b[0] || (b[0] = (E) => O.$emit("hover:cell", E))
               }, null, 8, ["is-last", "is-selected", "class", "onSelected"])) : u("", !0),
               (t(!0), i(N, null, R(m.value, (E, P) => (t(), p(o(Re), {
                 key: `${P}-${M}`,
                 class: v(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(B) : E.class,
+                  typeof E.class == "function" ? E.class(V) : E.class,
                   E.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
                   E.stickyRight ? "right-0" : "",
                   E.stickyLeft || E.stickyRight ? "shrink-0 sticky z-10" : "",
@@ -223,24 +223,24 @@ const Jt = {
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: B[`${E.key}`] ?? "",
+                data: V[`${E.key}`] ?? "",
                 content: {
                   important: E.important ?? !1,
-                  title: B[`${E.title}`],
-                  description: B[`${E.description}`],
-                  href: B[`${E.href}`]
+                  title: V[`${E.title}`],
+                  description: V[`${E.description}`],
+                  href: V[`${E.href}`]
                 },
                 "chip-options": E.chipOptions,
                 "image-class": E.imageClass,
-                link: e.rowLink && B[e.rowLink] && E.key !== "actions" ? B[e.rowLink] : "",
-                onClick: (D) => j(B, E),
+                link: e.rowLink && V[e.rowLink] && E.key !== "actions" ? V[e.rowLink] : "",
+                onClick: (D) => j(V, E),
                 "onHover:field": b[1] || (b[1] = (D) => O.$emit("hover:cell", D))
               }, {
                 default: S(() => [
                   O.$slots[E.key] ? $(O.$slots, E.key, {
                     key: 0,
-                    item: B,
-                    data: B[E.key],
+                    item: V,
+                    data: V[E.key],
                     index: M
                   }) : u("", !0)
                 ]),
@@ -249,7 +249,7 @@ const Jt = {
             ], 2),
             O.$slots.extra ? (t(), i("div", Jt, [
               $(O.$slots, "extra", {
-                item: B,
+                item: V,
                 index: M
               })
             ])) : u("", !0)
@@ -1243,7 +1243,7 @@ const Jt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, s) => {
-      var d, c, m, f, x, g, k, A, j, I, C, h, V, O, b, B, M, E, P;
+      var d, c, m, f, x, g, k, A, j, I, C, h, B, O, b, V, M, E, P;
       return t(), i("div", {
         class: v(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1306,9 +1306,9 @@ const Jt = {
                 label: "Address",
                 content: [
                   ((C = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : C.street) || "",
-                  ((V = (h = e.customer) == null ? void 0 : h.address) == null ? void 0 : V.city) || "",
+                  ((B = (h = e.customer) == null ? void 0 : h.address) == null ? void 0 : B.city) || "",
                   ((b = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : b.state) || "",
-                  ((M = (B = e.customer) == null ? void 0 : B.address) == null ? void 0 : M.postal_code) || "",
+                  ((M = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : M.postal_code) || "",
                   ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
@@ -2662,8 +2662,8 @@ const Jt = {
     const a = e, l = L(0), s = L(0), d = L(), c = r, m = z(() => a.tabs.findIndex((I) => I.value === a.modelValue)), f = z(() => a.variant === "pills"), x = z(() => a.direction === "vertical"), g = () => {
       x.value ? s.value = Math.round(d.value.clientHeight / yt) : s.value = Math.round(d.value.clientWidth / pt);
     }, k = (I) => {
-      var V;
-      const C = I === "left" ? --m.value : ++m.value, h = (V = a.tabs[C]) == null ? void 0 : V.value;
+      var B;
+      const C = I === "left" ? --m.value : ++m.value, h = (B = a.tabs[C]) == null ? void 0 : B.value;
       h !== void 0 && c("update:modelValue", h);
     }, A = () => {
       const I = a.tabs.findIndex((C) => C.value === a.modelValue);
@@ -2723,13 +2723,13 @@ const Jt = {
         class: v(["flex items-center", { "flex-col": x.value, "w-full": e.isFullWidth }])
       }, [
         (t(!0), i(N, null, R(e.tabs, (h) => {
-          var V, O;
+          var B, O;
           return t(), i("div", {
             key: h.value,
             class: v(["relative cursor-pointer min-w-[48px] gap-x-3 items-center flex justify-center", [
               h.class,
               f.value ? "py-2 px-3 rounded" : "px-4 pb-3 border-b-2 -mb-[1px]",
-              ((V = e.modelValue) == null ? void 0 : V.toString()) === ((O = h.value) == null ? void 0 : O.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
+              ((B = e.modelValue) == null ? void 0 : B.toString()) === ((O = h.value) == null ? void 0 : O.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
               e.isArrows ? "!justify-normal !min-w-[100px]" : "",
               x.value ? "!justify-start w-full py-3 px-5" : "",
               x.value && e.isArrows ? "!min-h-[35px]" : "",
@@ -3455,8 +3455,8 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
             return [
               n("div", Pi, [
                 n("div", Ei, [
-                  (t(!0), i(N, null, R((I = e.primaryActions.dropdownOptions) == null ? void 0 : I.top, (V, O) => (t(), i(N, { key: O }, [
-                    V != null && V.isCopyButton ? (t(), p(o(we), {
+                  (t(!0), i(N, null, R((I = e.primaryActions.dropdownOptions) == null ? void 0 : I.top, (B, O) => (t(), i(N, { key: O }, [
+                    B != null && B.isCopyButton ? (t(), p(o(we), {
                       key: 0,
                       icon: s.value ? "check" : "copy",
                       text: s.value ? x.value : f.value,
@@ -3465,24 +3465,24 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
                     }, null, 8, ["icon", "text", "icon-classes"])) : (t(), p(o(we), F({
                       key: 1,
                       ref_for: !0
-                    }, V, {
+                    }, B, {
                       onClick: A[0] || (A[0] = (b) => c.value = !1)
                     }), null, 16))
                   ], 64))), 128))
                 ]),
                 (C = e.primaryActions.dropdownOptions) != null && C.bottom ? (t(), i("div", Ni, [
-                  (t(!0), i(N, null, R((h = e.primaryActions.dropdownOptions) == null ? void 0 : h.bottom, (V, O) => (t(), i("div", { key: O }, [
-                    V != null && V.tooltipText ? (t(), p(o(ae), {
+                  (t(!0), i(N, null, R((h = e.primaryActions.dropdownOptions) == null ? void 0 : h.bottom, (B, O) => (t(), i("div", { key: O }, [
+                    B != null && B.tooltipText ? (t(), p(o(ae), {
                       key: 0,
                       position: "bottom",
                       distance: 14,
                       class: "!w-full"
                     }, {
                       popper: S(() => [
-                        n("div", zi, w(V == null ? void 0 : V.tooltipText), 1)
+                        n("div", zi, w(B == null ? void 0 : B.tooltipText), 1)
                       ]),
                       default: S(() => [
-                        y(o(we), F({ ref_for: !0 }, V, {
+                        y(o(we), F({ ref_for: !0 }, B, {
                           onClick: A[1] || (A[1] = (b) => c.value = !1)
                         }), null, 16)
                       ]),
@@ -3490,7 +3490,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
                     }, 1024)) : (t(), p(o(we), F({
                       key: 1,
                       ref_for: !0
-                    }, V, {
+                    }, B, {
                       onClick: A[2] || (A[2] = (b) => c.value = !1)
                     }), null, 16))
                   ]))), 128))
@@ -3671,7 +3671,7 @@ const mf = /* @__PURE__ */ ye(ri, [["render", ci]]), ui = { class: "flex items-c
                       "is-beta": C.isBeta,
                       "is-try-it": C.isTryIt,
                       "is-expanded": e.isExpanded,
-                      onClick: (V) => f.$emit("redirect", C)
+                      onClick: (B) => f.$emit("redirect", C)
                     }, null, 8, ["icon", "label", "is-active", "is-new", "is-beta", "is-try-it", "is-expanded", "onClick"]))), 128))
                   ]),
                   _: 2
@@ -6255,7 +6255,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
             e.isInlineLabel && e.label ? (t(), i("label", Ar, w(e.label) + ": ", 1)) : u("", !0),
             n("div", {
               class: "bg-oc-bg-light flex items-center gap-x-1 w-full",
-              onClick: I[4] || (I[4] = (V) => c.value.focus())
+              onClick: I[4] || (I[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", {
@@ -6268,16 +6268,16 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                     options: g.value,
                     areAllOptionsVisible: f.value
                   }, () => [
-                    (t(!0), i(N, null, R(g.value, (V, O) => (t(), p(o(ne), {
-                      key: `${V}-${O}`,
+                    (t(!0), i(N, null, R(g.value, (B, O) => (t(), p(o(ne), {
+                      key: `${B}-${O}`,
                       closable: "",
-                      label: V,
-                      onRemove: (b) => k(V)
+                      label: B,
+                      onRemove: (b) => k(B)
                     }, null, 8, ["label", "onRemove"]))), 128)),
                     d.value.length > e.maxVisibleOptions ? (t(), p(o(ne), {
                       key: 0,
                       variant: "gray",
-                      onClick: I[0] || (I[0] = (V) => f.value = !f.value)
+                      onClick: I[0] || (I[0] = (B) => f.value = !f.value)
                     }, {
                       default: S(() => [
                         f.value ? (t(), p(o(T), {
@@ -6299,11 +6299,11 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                     placeholder: ((C = g.value) == null ? void 0 : C.length) === 0 ? e.placeholder : "",
                     disabled: e.isDisabled,
                     class: v(["h-7 flex-1 outline-none text-oc-text disabled:bg-transparent placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light", ((h = g.value) == null ? void 0 : h.length) === 0 ? "min-w-full" : "min-w-[80px]"]),
-                    onFocus: I[1] || (I[1] = (V) => x.value = !0),
-                    onBlur: I[2] || (I[2] = (V) => {
-                      console.log("$event: ", V), x.value = !1, j.$emit("blur", V);
+                    onFocus: I[1] || (I[1] = (B) => x.value = !0),
+                    onBlur: I[2] || (I[2] = (B) => {
+                      console.log("$event: ", B), x.value = !1, j.$emit("blur", B);
                     }),
-                    onKeyup: I[3] || (I[3] = Ye((V) => A(V.target.value), ["enter"]))
+                    onKeyup: I[3] || (I[3] = Ye((B) => A(B.target.value), ["enter"]))
                   }, null, 42, Lr)
                 ])
               ], 2)
@@ -6357,43 +6357,44 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
     const a = e, l = r;
     let s = a.initialCountryCode;
     if (a.modelValue && a.modelValue[0]) {
-      const V = a.countryCodes.find((O) => O.code === a.modelValue[0].toString());
-      V && (s = V.iso.toLowerCase());
+      const B = a.countryCodes.find((O) => O.code === a.modelValue[0].toString());
+      B && (s = B.iso.toLowerCase());
     }
     const d = L(s), c = L(!1), m = L(""), f = z(
-      () => a.countryCodes.filter((V) => V.country.toLowerCase().includes(m.value.toLowerCase())).sort((V, O) => V.country.localeCompare(O.country))
-    ), x = (V) => a.countryCodes.find((O) => O.iso.toLowerCase() === V.toLowerCase()) || null, g = (V) => {
+      () => a.countryCodes.filter((B) => B.country.toLowerCase().includes(m.value.toLowerCase())).sort((B, O) => B.country.localeCompare(O.country))
+    ), x = (B) => a.countryCodes.find((O) => O.iso.toLowerCase() === B.toLowerCase()) || null, g = (B) => {
       var O;
-      return ((O = x(V)) == null ? void 0 : O.code) || "";
-    }, k = (V) => {
-      l("update:modelValue", [g(d.value), V]);
-    }, A = (V, O, b = null) => {
-      var B;
-      d.value = V.toLowerCase(), l("update:modelValue", [O, b || ((B = a.modelValue) == null ? void 0 : B[1]) || ""]), c.value = !1;
+      return ((O = x(B)) == null ? void 0 : O.code) || "";
+    }, k = (B) => {
+      l("update:modelValue", [g(d.value), B]);
+    }, A = (B, O, b = null) => {
+      var V;
+      d.value = B.toLowerCase(), l("update:modelValue", [O, b || ((V = a.modelValue) == null ? void 0 : V[1]) || ""]), c.value = !1;
     }, j = L(null), I = L([]), C = () => {
       setTimeout(() => {
-        const V = f.value.indexOf(
+        const B = f.value.indexOf(
           x(d.value)
-        ), b = I.value[V].offsetTop;
+        ), b = I.value[B].offsetTop;
         j.value.scrollTo(0, b - 60, { behavior: "smooth" });
       }, 10);
-    }, h = (V) => {
-      let O = V.clipboardData.getData("Text");
+    }, h = (B) => {
+      var b;
+      let O = ((b = B == null ? void 0 : B.clipboardData) == null ? void 0 : b.getData("Text")) || "";
       try {
         if (O.search(/[^0-9]/g) < 0)
           if (O = O.slice(0, 19), O.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: b, countryCallingCode: B, country: M } = Xt(
+            const { nationalNumber: V, countryCallingCode: M, country: E } = Xt(
               "+" + O.replace("+", "")
             );
-            B && M ? A(M, B, b) : l("update:modelValue", [g(d.value), b]);
+            M && E ? A(E, M, V) : l("update:modelValue", [g(d.value), V]);
           } else
             l("update:modelValue", [g(d.value), O]);
       } catch {
         l("update:modelValue", [g(d.value), O]);
       }
-      V.preventDefault();
+      B.preventDefault();
     };
-    return (V, O) => {
+    return (B, O) => {
       var b;
       return t(), p(o(xe), {
         "error-message": e.errorMessage,
@@ -6415,7 +6416,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
           y(o(re), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              O[3] || (O[3] = (B) => c.value = B),
+              O[3] || (O[3] = (V) => c.value = V),
               C
             ],
             distance: 10,
@@ -6430,7 +6431,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                 n("div", Nr, [
                   y(o(xe), {
                     modelValue: m.value,
-                    "onUpdate:modelValue": O[0] || (O[0] = (B) => m.value = B),
+                    "onUpdate:modelValue": O[0] || (O[0] = (V) => m.value = V),
                     icon: "search",
                     placeholder: "Search",
                     onKeydown: O[1] || (O[1] = se(() => {
@@ -6447,22 +6448,22 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), i(N, null, R(f.value, (B, M) => (t(), i("div", {
+                (t(!0), i(N, null, R(f.value, (V, M) => (t(), i("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
                   ref: I,
                   key: M,
                   class: v([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
-                    d.value === B.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                    d.value === V.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
                   ]),
-                  onClick: (E) => A(B.iso, B.code)
+                  onClick: (E) => A(V.iso, V.code)
                 }, [
                   n("div", {
-                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${B.iso.toLowerCase()}`])
+                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${V.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Rr, "+" + w(B.code), 1),
-                  n("span", Fr, w(B.country), 1)
+                  n("span", Rr, "+" + w(V.code), 1),
+                  n("span", Fr, w(V.country), 1)
                 ], 10, zr))), 128))
               ], 512)
             ]),
@@ -6884,7 +6885,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         "update:modelValue",
         (l.modelValue || []).filter((D) => D !== P)
       );
-    }, V = () => {
+    }, B = () => {
       l.isAsynchronousSearch || (A.value ? s("update:modelValue", null) : s(
         "update:modelValue",
         j.value.map((P) => P.value)
@@ -6902,7 +6903,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         (D = m.value) == null || D.focus();
       });
     });
-    const b = L("100%"), B = z(() => ({ maxWidth: b.value })), M = () => {
+    const b = L("100%"), V = z(() => ({ maxWidth: b.value })), M = () => {
       var P, D, U, H;
       s("toggle"), b.value = (D = (P = O.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = O.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var ue, ge, ke;
@@ -6957,7 +6958,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
           distance: 4,
           "popper-class": "w-full",
           placement: "bottom-end",
-          "popper-style": B.value,
+          "popper-style": V.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
           "menu-classes": e.menuClasses,
@@ -7002,7 +7003,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
                     "is-partial": !A.value && !!((U = e.modelValue) != null && U.length),
                     class: "border-b border-oc-gray-200",
                     label: "Select All",
-                    onClick: V
+                    onClick: B
                   }, null, 8, ["is-selected", "is-partial"])) : u("", !0),
                   $(P.$slots, "default", {
                     key: k.value,
@@ -7281,18 +7282,18 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
       () => a.links.find((h) => h.value === d.value) ?? {}
     ), f = z(() => m.value.preFill ?? ""), x = L(a.modelValue ? a.modelValue.replace(f.value, "") : ""), g = (h) => {
       var O;
-      const V = (O = a.links.find((b) => b.value === h)) == null ? void 0 : O.preFill;
-      l("update:modelValue", a.modelValue.replace(f.value, V)), d.value = h, l("update:type", h), s.value = !1;
+      const B = (O = a.links.find((b) => b.value === h)) == null ? void 0 : O.preFill;
+      l("update:modelValue", a.modelValue.replace(f.value, B)), d.value = h, l("update:type", h), s.value = !1;
     }, k = (h) => {
       x.value = h, l("update:modelValue", f.value + h), !a.isEdit && d.value !== "link" && l("update:title", h);
     }, A = z(() => m.value.placeholder ?? ""), j = z(() => d.value === "link");
-    return (h, V) => (t(), i("div", null, [
+    return (h, B) => (t(), i("div", null, [
       j.value || e.isEdit ? (t(), p(o(xe), {
         key: 0,
         modelValue: c.value,
         "onUpdate:modelValue": [
-          V[0] || (V[0] = (O) => c.value = O),
-          V[1] || (V[1] = (O) => h.$emit("update:title", O))
+          B[0] || (B[0] = (O) => c.value = O),
+          B[1] || (B[1] = (O) => h.$emit("update:title", O))
         ],
         class: "mb-3",
         label: "Title",
@@ -7317,7 +7318,7 @@ const nt = /* @__PURE__ */ ye(rs, [["render", cs]]), us = { class: "flex" }, ms
         trailing: S(() => [
           y(o(re), {
             modelValue: s.value,
-            "onUpdate:modelValue": V[2] || (V[2] = (O) => s.value = O),
+            "onUpdate:modelValue": B[2] || (B[2] = (O) => s.value = O),
             distance: 10
           }, {
             menu: S(() => [
@@ -7484,26 +7485,26 @@ function Id() {
       var a = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, l = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, d = /\d\d/, c = /\d\d?/, m = /\d*[^-_:/,()\s\d]+/, f = {}, x = function(h) {
         return (h = +h) + (h > 68 ? 1900 : 2e3);
       }, g = function(h) {
-        return function(V) {
-          this[h] = +V;
+        return function(B) {
+          this[h] = +B;
         };
       }, k = [/[+-]\d\d:?(\d\d)?|Z/, function(h) {
-        (this.zone || (this.zone = {})).offset = function(V) {
-          if (!V || V === "Z") return 0;
-          var O = V.match(/([+-]|\d\d)/g), b = 60 * O[1] + (+O[2] || 0);
+        (this.zone || (this.zone = {})).offset = function(B) {
+          if (!B || B === "Z") return 0;
+          var O = B.match(/([+-]|\d\d)/g), b = 60 * O[1] + (+O[2] || 0);
           return b === 0 ? 0 : O[0] === "+" ? -b : b;
         }(h);
       }], A = function(h) {
-        var V = f[h];
-        return V && (V.indexOf ? V : V.s.concat(V.f));
-      }, j = function(h, V) {
+        var B = f[h];
+        return B && (B.indexOf ? B : B.s.concat(B.f));
+      }, j = function(h, B) {
         var O, b = f.meridiem;
         if (b) {
-          for (var B = 1; B <= 24; B += 1) if (h.indexOf(b(B, 0, V)) > -1) {
-            O = B > 12;
+          for (var V = 1; V <= 24; V += 1) if (h.indexOf(b(V, 0, B)) > -1) {
+            O = V > 12;
             break;
           }
-        } else O = h === (V ? "pm" : "PM");
+        } else O = h === (B ? "pm" : "PM");
         return O;
       }, I = { A: [m, function(h) {
         this.afternoon = j(h, !1);
@@ -7518,35 +7519,35 @@ function Id() {
       }], SSS: [/\d{3}/, function(h) {
         this.milliseconds = +h;
       }], s: [c, g("seconds")], ss: [c, g("seconds")], m: [c, g("minutes")], mm: [c, g("minutes")], H: [c, g("hours")], h: [c, g("hours")], HH: [c, g("hours")], hh: [c, g("hours")], D: [c, g("day")], DD: [d, g("day")], Do: [m, function(h) {
-        var V = f.ordinal, O = h.match(/\d+/);
-        if (this.day = O[0], V) for (var b = 1; b <= 31; b += 1) V(b).replace(/\[|\]/g, "") === h && (this.day = b);
+        var B = f.ordinal, O = h.match(/\d+/);
+        if (this.day = O[0], B) for (var b = 1; b <= 31; b += 1) B(b).replace(/\[|\]/g, "") === h && (this.day = b);
       }], w: [c, g("week")], ww: [d, g("week")], M: [c, g("month")], MM: [d, g("month")], MMM: [m, function(h) {
-        var V = A("months"), O = (A("monthsShort") || V.map(function(b) {
+        var B = A("months"), O = (A("monthsShort") || B.map(function(b) {
           return b.slice(0, 3);
         })).indexOf(h) + 1;
         if (O < 1) throw new Error();
         this.month = O % 12 || O;
       }], MMMM: [m, function(h) {
-        var V = A("months").indexOf(h) + 1;
-        if (V < 1) throw new Error();
-        this.month = V % 12 || V;
+        var B = A("months").indexOf(h) + 1;
+        if (B < 1) throw new Error();
+        this.month = B % 12 || B;
       }], Y: [/[+-]?\d+/, g("year")], YY: [d, function(h) {
         this.year = x(h);
       }], YYYY: [/\d{4}/, g("year")], Z: k, ZZ: k };
       function C(h) {
-        var V, O;
-        V = h, O = f && f.formats;
-        for (var b = (h = V.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, G, _) {
+        var B, O;
+        B = h, O = f && f.formats;
+        for (var b = (h = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, G, _) {
           var ee = _ && _.toUpperCase();
           return G || O[_] || a[_] || O[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, ue, ge) {
             return ue || ge.slice(1);
           });
-        })).match(l), B = b.length, M = 0; M < B; M += 1) {
+        })).match(l), V = b.length, M = 0; M < V; M += 1) {
           var E = b[M], P = I[E], D = P && P[0], U = P && P[1];
           b[M] = U ? { regex: D, parser: U } : E.replace(/^\[|\]$/g, "");
         }
         return function(H) {
-          for (var G = {}, _ = 0, ee = 0; _ < B; _ += 1) {
+          for (var G = {}, _ = 0, ee = 0; _ < V; _ += 1) {
             var oe = b[_];
             if (typeof oe == "string") ee += oe.length;
             else {
@@ -7563,9 +7564,9 @@ function Id() {
           }(G), G;
         };
       }
-      return function(h, V, O) {
+      return function(h, B, O) {
         O.p.customParseFormat = !0, h && h.parseTwoDigitYear && (x = h.parseTwoDigitYear);
-        var b = V.prototype, B = b.parse;
+        var b = B.prototype, V = b.parse;
         b.parse = function(M) {
           var E = M.date, P = M.utc, D = M.args;
           this.$u = P;
@@ -7592,7 +7593,7 @@ function Id() {
             }
             ue === oe && (this.$d = /* @__PURE__ */ new Date(""));
           }
-          else B.call(this, M);
+          else V.call(this, M);
         };
       };
     });
@@ -7669,7 +7670,7 @@ function lc(e, r, a) {
     return l = s = void 0, x = E, c = e.apply(D, P), c;
   }
   function I(E) {
-    return x = E, m = setTimeout(V, r), g ? j(E) : c;
+    return x = E, m = setTimeout(B, r), g ? j(E) : c;
   }
   function C(E) {
     var P = E - f, D = E - x, U = r - P;
@@ -7679,11 +7680,11 @@ function lc(e, r, a) {
     var P = E - f, D = E - x;
     return f === void 0 || P >= r || P < 0 || k && D >= d;
   }
-  function V() {
+  function B() {
     var E = at();
     if (h(E))
       return O(E);
-    m = setTimeout(V, C(E));
+    m = setTimeout(B, C(E));
   }
   function O(E) {
     return m = void 0, A && l ? j(E) : (l = s = void 0, c);
@@ -7691,7 +7692,7 @@ function lc(e, r, a) {
   function b() {
     m !== void 0 && clearTimeout(m), x = 0, l = f = s = m = void 0;
   }
-  function B() {
+  function V() {
     return m === void 0 ? c : O(at());
   }
   function M() {
@@ -7700,11 +7701,11 @@ function lc(e, r, a) {
       if (m === void 0)
         return I(f);
       if (k)
-        return clearTimeout(m), m = setTimeout(V, r), j(f);
+        return clearTimeout(m), m = setTimeout(B, r), j(f);
     }
-    return m === void 0 && (m = setTimeout(V, r)), c;
+    return m === void 0 && (m = setTimeout(B, r)), c;
   }
-  return M.cancel = b, M.flush = B, M;
+  return M.cancel = b, M.flush = V, M;
 }
 const ac = { class: "flex items-center justify-between" }, nc = { class: "flex flex-col gap-2 p-3" }, ic = { class: "flex justify-between items-center" }, oc = { key: 0 }, sc = { key: 1 }, rc = {
   key: 0,
@@ -7755,9 +7756,9 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
     const a = e, l = r, s = L(), d = L(), c = L(), m = L(), f = L(), x = L(), g = L(), k = L(!1), A = L(!1), j = L(!1), I = L(!1), C = z(() => a.type === "range"), h = z(() => {
       const J = s.value.endOf("month").date();
       return Array.from({ length: J }, (Y, pe) => pe + 1);
-    }), V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), b = z(
+    }), B = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), b = z(
       () => j.value ? x.value.format("YYYY") : s.value.format("YYYY")
-    ), B = z(() => s.value.format("MMM")), M = z(() => {
+    ), V = z(() => s.value.format("MMM")), M = z(() => {
       const q = d.value, J = c.value ?? g.value, Y = [q, J];
       return J && (q != null && q.isAfter(J)) && Y.reverse(), {
         from: Y[0],
@@ -7873,10 +7874,10 @@ const ac = { class: "flex items-center justify-between" }, nc = { class: "flex f
                   onClick: (pe) => ee(Y)
                 }, w(Y), 11, dc))), 128))
               ])) : (t(), i("div", cc, [
-                (t(), i(N, null, R(V, (Y, pe) => n("div", {
+                (t(), i(N, null, R(B, (Y, pe) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
-                    "!border-oc-primary bg-oc-primary text-white": B.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": V.value === Y
                   }]),
                   onClick: (Me) => _(pe)
                 }, w(Y), 11, uc)), 64))
@@ -8068,14 +8069,14 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     }, k = () => {
       a("resetCalendar"), a("update:modelValue", f.value ? [] : null), s.value = !1;
     }, A = (h) => {
-      const V = X(h);
-      return ((b) => b.get("month") === X().get("month"))(V);
+      const B = X(h);
+      return ((b) => b.get("month") === X().get("month"))(B);
     }, j = (h) => {
       d.value = h, a("update:modelValue", h ? "Indefinite" : null);
-    }, I = (h, V) => {
+    }, I = (h, B) => {
       var b;
       const O = X(h, l.dateFormat, !0);
-      m.value[V] = O.format(l.dateFormat), m.value[V ? 0 : 1] = ((b = l.modelValue) == null ? void 0 : b[V ? 0 : 1]) || X().format(l.dateFormat);
+      m.value[B] = O.format(l.dateFormat), m.value[B ? 0 : 1] = ((b = l.modelValue) == null ? void 0 : b[B ? 0 : 1]) || X().format(l.dateFormat);
     }, C = () => {
       if (m.value.length) {
         if (c.value = !1, m.value.some((h) => !X(h, l.dateFormat).isValid())) {
@@ -8087,9 +8088,9 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         )), a("update:modelValue", m.value), m.value = [];
       }
     };
-    return (h, V) => (t(), p(o(re), {
+    return (h, B) => (t(), p(o(re), {
       modelValue: s.value,
-      "onUpdate:modelValue": V[3] || (V[3] = (O) => s.value = O),
+      "onUpdate:modelValue": B[3] || (B[3] = (O) => s.value = O),
       "is-disabled": e.disabled,
       placement: e.placement,
       distance: 10,
@@ -8101,13 +8102,13 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
           updateCalendar: g,
           resetCalendar: k
         }, () => {
-          var b, B;
+          var b, V;
           return [
             f.value ? (t(), p(o(Cm), {
               key: 0,
               "model-value": {
                 start: (b = e.modelValue) == null ? void 0 : b[0],
-                end: (B = e.modelValue) == null ? void 0 : B[1]
+                end: (V = e.modelValue) == null ? void 0 : V[1]
               },
               shortcuts: e.shortcuts,
               "count-calendars": e.countCalendars,
@@ -8162,7 +8163,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       "focused-shadow": s.value && !e.disabled
                     }
                   ]]),
-                  onClick: V[2] || (V[2] = (O) => s.value ? O.stopPropagation : null)
+                  onClick: B[2] || (B[2] = (O) => s.value ? O.stopPropagation : null)
                 }, [
                   n("div", hc, [
                     y(o(T), {
@@ -8173,18 +8174,18 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                       placeholder: "Start date",
                       value: x.value[0] ? x.value[0].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: V[0] || (V[0] = (O) => I(O.target.value, 0)),
+                      onInput: B[0] || (B[0] = (O) => I(O.target.value, 0)),
                       onKeydown: Ye(C, ["enter"]),
                       onBlur: C
                     }, null, 40, bc)
                   ]),
-                  V[4] || (V[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
+                  B[4] || (B[4] = n("span", { class: "text-oc-text-400" }, "To", -1)),
                   n("div", wc, [
                     n("input", {
                       placeholder: "End date",
                       value: x.value[1] ? x.value[1].format(e.dateFormat) : "",
                       class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
-                      onInput: V[1] || (V[1] = (O) => I(O.target.value, 1)),
+                      onInput: B[1] || (B[1] = (O) => I(O.target.value, 1)),
                       onKeydown: Ye(C, ["enter"]),
                       onBlur: C
                     }, null, 40, kc),
@@ -8246,11 +8247,11 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       var C, h;
       l.type === "range" && parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (d.value.value = parseInt(c.value.value) - l.minGap), A();
     }, k = () => {
-      var C, h, V;
-      parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (c.value.value = parseInt((V = d.value) == null ? void 0 : V.value) + l.minGap), A();
+      var C, h, B;
+      parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((h = d.value) == null ? void 0 : h.value) <= l.minGap && (c.value.value = parseInt((B = d.value) == null ? void 0 : B.value) + l.minGap), A();
     }, A = (C = !1) => {
-      var h, V, O, b;
-      f.value = (((h = d.value) == null ? void 0 : h.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, x.value = l.type === "range" ? (((V = c.value) == null ? void 0 : V.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100 : 0, m.value.style.background = l.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${x.value}%, var(--oc-gray-100) ${x.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || s(
+      var h, B, O, b;
+      f.value = (((h = d.value) == null ? void 0 : h.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100, x.value = l.type === "range" ? (((B = c.value) == null ? void 0 : B.value) - l.minLimit) / (l.maxLimit - l.minLimit) * 100 : 0, m.value.style.background = l.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${f.value}% , var(--oc-primary-500) ${f.value}% , var(--oc-primary-500) ${x.value}%, var(--oc-gray-100) ${x.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${f.value}%, var(--oc-gray-100) ${f.value}%)`, C || s(
         "update:modelValue",
         l.type === "range" ? [(O = d.value) == null ? void 0 : O.value, (b = c.value) == null ? void 0 : b.value] : d.value.value
       );
@@ -8262,7 +8263,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     return r({
       updateSlider: I
     }), $e(() => I()), (C, h) => {
-      var V, O, b, B;
+      var B, O, b, V;
       return t(), i("div", Sc, [
         e.label ? (t(), i("label", Cc, [
           n("span", Bc, w(e.label), 1)
@@ -8284,7 +8285,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: e.type === "range" ? (V = e.modelValue) == null ? void 0 : V[0] : e.modelValue,
+            value: e.type === "range" ? (B = e.modelValue) == null ? void 0 : B[0] : e.modelValue,
             onInput: g
           }, null, 40, Vc),
           e.type === "range" ? (t(), i("input", {
@@ -8306,7 +8307,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             key: 2,
             class: "group-hover:block absolute top-[1rem] z-[1] translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
             style: ie(`right: ${100 - x.value}%`)
-          }, w((B = e.modelValue) == null ? void 0 : B[1]), 5)) : u("", !0),
+          }, w((V = e.modelValue) == null ? void 0 : V[1]), 5)) : u("", !0),
           n("span", Ic, [
             $(C.$slots, "min-limit-label", {}, () => [
               W(w(e.minLimit), 1)
@@ -8749,7 +8750,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         A.value = P;
       }
     });
-    const V = (P) => {
+    const B = (P) => {
       P.preventDefault();
       const D = P.dataTransfer.files;
       j({ target: { files: D } }, a.format === "object");
@@ -8757,7 +8758,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
     }, b = (P) => {
       h.value.fileUrl = P, h.value.fileName = Date.now(), g.value = !1, k.value = "", l("update:modelValue", a.format === "object" ? h.value : [h.value]);
-    }, B = async (P) => {
+    }, V = async (P) => {
       if (P)
         try {
           const D = await fetch(P, { method: "HEAD" });
@@ -8926,7 +8927,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                     "onUpdate:modelValue": D[4] || (D[4] = (Q) => d.value = Q),
                     "error-message": d.value && !m.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: D[5] || (D[5] = (Q) => B(d.value))
+                    onBlur: D[5] || (D[5] = (Q) => V(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   y(o(xe), {
                     modelValue: c.value,
@@ -8949,7 +8950,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                   ]]),
                   onDragenter: D[8] || (D[8] = (Q) => f.value = !0),
                   onDragleave: D[9] || (D[9] = (Q) => f.value = !1),
-                  onDrop: V,
+                  onDrop: B,
                   onDragover: D[10] || (D[10] = se(() => {
                   }, ["prevent"]))
                 }, [
@@ -9026,38 +9027,38 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
     const a = e, l = r, s = L([]), d = L(!1), c = L(""), m = L({}), f = z(() => a.uploadedImages[c.value].fileUrl), x = L(!1), g = L(""), k = (b) => {
       x.value = !0, g.value = b;
     }, A = L(!1), j = () => {
-      const b = a.uploadedImages.find((B, M) => M === g.value);
+      const b = a.uploadedImages.find((V, M) => M === g.value);
       b.current ? l("onRemoveImage", b) : (l("delete", g.value), A.value = !0, setTimeout(() => {
         A.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
-        a.uploadedImages.filter((B, M) => M !== g.value)
+        a.uploadedImages.filter((V, M) => M !== g.value)
       ), x.value = !1;
-    }, I = ({ url: b, cropper: B }) => {
+    }, I = ({ url: b, cropper: V }) => {
       const M = a.uploadedImages[c.value];
-      M.fileUrl = b, M.fileName = Date.now(), l("onEditImage", { ...M, index: c.value, cropper: B }), d.value = !1, c.value = "", m.value = {};
+      M.fileUrl = b, M.fileName = Date.now(), l("onEditImage", { ...M, index: c.value, cropper: V }), d.value = !1, c.value = "", m.value = {};
     }, C = (b) => {
-      let B = a.uploadedImages[c.value];
+      let V = a.uploadedImages[c.value];
       Object.keys(b).forEach((M) => {
-        B[M] = b[M];
+        V[M] = b[M];
       }), l("update:uploadedImages", a.uploadedImages);
     }, h = (b) => {
-      let B = a.uploadedImages.length + b.target.files.length > a.maxImages;
-      if (a.maxImages && B) {
-        l("onMaxFileExceed", B);
+      let V = a.uploadedImages.length + b.target.files.length > a.maxImages;
+      if (a.maxImages && V) {
+        l("onMaxFileExceed", V);
         return;
       }
       l("change", b);
-    }, V = z(
+    }, B = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), O = (b, B) => {
+    ), O = (b, V) => {
       var M;
       c.value = b, (M = a.inputOptions) == null || M.forEach((E) => {
-        m.value[E] = B[E], E === "caption" && (m.value.caption_variant = B.caption_variant);
+        m.value[E] = V[E], E === "caption" && (m.value.caption_variant = V.caption_variant);
       }), s[b] = !1, d.value = !0;
     };
-    return (b, B) => (t(), i("div", uu, [
-      V.value ? (t(), i("label", mu, [
+    return (b, V) => (t(), i("div", uu, [
+      B.value ? (t(), i("label", mu, [
         n("div", fu, [
           y(o(T), { name: "plus" })
         ]),
@@ -9077,14 +9078,14 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: ie(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": B[0] || (B[0] = (M) => e.isDisabled ? null : b.$emit("update:uploadedImages", M))
+        "onUpdate:modelValue": V[0] || (V[0] = (M) => e.isDisabled ? null : b.$emit("update:uploadedImages", M))
       }, {
         default: S(({ list: M }) => [
           (t(!0), i(N, null, R(M, (E, P) => (t(), i("div", {
             key: E.fileName,
             class: v(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100 bg-cover bg-center", {
               "border-oc-primary": e.selectedImage.fileName === E.fileName,
-              "col-start-2": P === 0 && V.value
+              "col-start-2": P === 0 && B.value
             }]),
             style: ie(`background-image: url(${E.fileUrl})`),
             onClick: (D) => b.$emit("update:selectedImage", E)
@@ -9112,7 +9113,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                         height: "16",
                         name: "pencil"
                       }),
-                      B[4] || (B[4] = n("span", null, "Edit Image", -1))
+                      V[4] || (V[4] = n("span", null, "Edit Image", -1))
                     ], 8, yu),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -9125,7 +9126,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                         height: "16",
                         name: "bin"
                       }),
-                      B[5] || (B[5] = n("span", null, "Delete", -1))
+                      V[5] || (V[5] = n("span", null, "Delete", -1))
                     ], 8, xu)
                   ])
                 ])
@@ -9165,11 +9166,11 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       d.value ? (t(), p(o(dt), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": B[1] || (B[1] = (M) => d.value = M),
+        "onUpdate:modelValue": V[1] || (V[1] = (M) => d.value = M),
         img: f.value,
         "input-options": e.inputOptions,
         "input-option-values": m.value,
-        onClose: B[2] || (B[2] = () => {
+        onClose: V[2] || (V[2] = () => {
           d.value = !1, c.value = "";
         }),
         onChangeImage: I,
@@ -9177,7 +9178,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : u("", !0),
       y(o(sm), {
         modelValue: x.value,
-        "onUpdate:modelValue": B[3] || (B[3] = (M) => x.value = M),
+        "onUpdate:modelValue": V[3] || (V[3] = (M) => x.value = M),
         description: "Do you want to delete this image ?",
         onConfirm: j
       }, null, 8, ["modelValue"])
@@ -9334,8 +9335,8 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
             ]])
           }, [
             n("div", Su, [
-              (t(!0), i(N, null, R(o(f), (h, V) => (t(), i("div", {
-                key: `${V}-${h.fileName}`,
+              (t(!0), i(N, null, R(o(f), (h, B) => (t(), i("div", {
+                key: `${B}-${h.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
                 n("div", Cu, [
@@ -9369,7 +9370,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
                     "on-enable-delete": h.progress === 100 && c.value,
                     "opacity-100": !c.value
                   }]),
-                  onClick: (O) => A(V)
+                  onClick: (O) => A(B)
                 }, null, 8, ["class", "onClick"]))
               ]))), 128))
             ]),
@@ -10421,8 +10422,8 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
   },
   emits: ["onUpdate"],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = (b, B) => {
-      l("onUpdate", b, B);
+    const a = e, l = r, s = (b, V) => {
+      l("onUpdate", b, V);
     }, d = {
       CardInput: hr,
       CheckboxesGroup: kr,
@@ -10443,51 +10444,51 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       SelectOptions: qc
     }, c = (b) => d[b] ? d[b] : null, m = z(() => {
       const b = (M) => M.split(`
-`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), B = {};
+`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), V = {};
       return Object.entries(a.grid).forEach(([M, E]) => {
         Object.entries(E).forEach(([P, D]) => {
-          B[`--grid-${M}-${P}`] = P === "area" ? b(D) : D;
+          V[`--grid-${M}-${P}`] = P === "area" ? b(D) : D;
         });
-      }), B;
+      }), V;
     }), f = (b) => typeof b == "object" ? b[0].key : b, x = (b) => `grid-area: ${f(b)}`, g = z(() => a.class), k = L({}), A = L({}), j = L({}), I = (b) => typeof b == "object" ? b[0].key : b, C = (b) => {
-      a.jsonForm.forEach((B) => {
+      a.jsonForm.forEach((V) => {
         var M;
-        if (typeof B.name == "object") {
+        if (typeof V.name == "object") {
           let E = null;
-          B.name.forEach((P) => {
+          V.name.forEach((P) => {
             b[P.key] && (E ? E.push(b[P.key]) : E = [b[P.key]]);
-          }), k.value[I(B.name)] = E, O(B);
+          }), k.value[I(V.name)] = E, O(V);
         } else
-          (M = B.props) != null && M.parentKey ? (k.value[B.props.parentKey] = b[B.props.parentKey] ?? {}, k.value[B.props.parentKey][B.name] = b[B.props.parentKey][B.name] ?? "") : k.value[B.name] = b[B.name] ?? "", O(B);
+          (M = V.props) != null && M.parentKey ? (k.value[V.props.parentKey] = b[V.props.parentKey] ?? {}, k.value[V.props.parentKey][V.name] = b[V.props.parentKey][V.name] ?? "") : k.value[V.name] = b[V.name] ?? "", O(V);
       });
     }, h = () => {
       a.jsonForm.forEach((b) => {
         if (typeof b.name == "object") {
-          let B = [];
+          let V = [];
           b.name.forEach((M) => {
-            a.errors[M.key] && B.push(a.errors[M.key]);
-          }), A.value[I(b.name)] = B.join(",");
+            a.errors[M.key] && V.push(a.errors[M.key]);
+          }), A.value[I(b.name)] = V.join(",");
         } else
           A.value[b.name] = a.errors[b.name] ?? "";
       });
-    }, V = z(() => ({
+    }, B = z(() => ({
       ...a.logicValues,
       ...k.value
     })), O = (b) => {
       if (b.show_if || b.show_if_preview) {
-        let B = b.class ? b.class : "";
+        let V = b.class ? b.class : "";
         if (b.show_if)
           if (b.show_if_value !== void 0)
             if (Array.isArray(b.show_if_value)) {
               let M = 0;
               b.show_if.forEach((E, P) => {
                 var D;
-                b.show_if_value[P] === "arrayExist" ? (D = V.value[b.show_if[P]]) != null && D.length && (M = M + 1) : b.show_if_value[P] === V.value[b.show_if[P]] && (M = M + 1);
-              }), (b.show_if_one && M < 1 || !b.show_if_one && M < b.show_if.length) && (B = B + " hidden");
-            } else b.show_if_value !== V.value[b.show_if] && (B = B + " hidden");
-          else b.show_if_not !== void 0 ? b.show_if_not === V.value[b.show_if] && (B = B + " hidden") : b.show_if_min !== void 0 && (isNaN(parseInt(V.value[b.show_if])) ? 1 : parseInt(V.value[b.show_if])) < parseInt(b.show_if_min) && (B = B + " hidden");
-        else b.show_if_preview && (b.show_if_preview_only !== void 0 ? b.show_if_preview_only !== a.previewMode && (B = B + " hidden") : b.show_if_preview_not !== void 0 && b.show_if_preview_not === a.previewMode && (B = B + " hidden"));
-        typeof b.name == "object" ? j.value[I(b.name)] = B : j.value[b.name] = B;
+                b.show_if_value[P] === "arrayExist" ? (D = B.value[b.show_if[P]]) != null && D.length && (M = M + 1) : b.show_if_value[P] === B.value[b.show_if[P]] && (M = M + 1);
+              }), (b.show_if_one && M < 1 || !b.show_if_one && M < b.show_if.length) && (V = V + " hidden");
+            } else b.show_if_value !== B.value[b.show_if] && (V = V + " hidden");
+          else b.show_if_not !== void 0 ? b.show_if_not === B.value[b.show_if] && (V = V + " hidden") : b.show_if_min !== void 0 && (isNaN(parseInt(B.value[b.show_if])) ? 1 : parseInt(B.value[b.show_if])) < parseInt(b.show_if_min) && (V = V + " hidden");
+        else b.show_if_preview && (b.show_if_preview_only !== void 0 ? b.show_if_preview_only !== a.previewMode && (V = V + " hidden") : b.show_if_preview_not !== void 0 && b.show_if_preview_not === a.previewMode && (V = V + " hidden"));
+        typeof b.name == "object" ? j.value[I(b.name)] = V : j.value[b.name] = V;
       } else
         j.value[b.name] = b.class ? b.class : "";
     };
@@ -10522,7 +10523,7 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }
     ), $e(() => {
       C(a.values), h(a.errors);
-    }), (b, B) => Object.values(k.value).length > 0 ? (t(), i("div", {
+    }), (b, V) => Object.values(k.value).length > 0 ? (t(), i("div", {
       key: 0,
       class: v(e.grid ? `responsive-smart-form-grid ${g.value}` : g.value),
       style: ie(e.grid ? m.value : "")
@@ -10556,16 +10557,16 @@ const pc = { class: "flex flex-col gap-y-2 w-full" }, yc = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Uf = ce(() => import("./OcDataTable-D5ZNuU09.js")), qf = ce(() => import("./OcFilterSearch-D1aZ7DJT.js")), Hf = ce(() => import("./OcFilterSearchFor-Bhm51J4z.js")), Yf = ce(() => import("./OcFilterForm-C5OYBL70.js")), Cm = ce(
-  () => import("./OcComplexCalendar-BZFxf8Lh.js")
+}, Uf = ce(() => import("./OcDataTable-hBmfv0Zi.js")), qf = ce(() => import("./OcFilterSearch-C8sITK6k.js")), Hf = ce(() => import("./OcFilterSearchFor-CwqovT96.js")), Yf = ce(() => import("./OcFilterForm-gyvxkzd7.js")), Cm = ce(
+  () => import("./OcComplexCalendar-DfjQ4j4M.js")
 ), Wf = ce(
-  () => import("./OcComplexDatePicker-ympDlwaC.js")
-), dt = ce(() => import("./OcModalCropper-BBPAuh66.js")), Kf = ce(() => import("./OcCropper-DlKZtcHA.js")), Bm = ce(() => import("./OcDraggable-DRsp4j4e.js")), Gf = ce(() => import("./OcDraggableList-DzGGUjnK.js")), Xf = ce(() => import("./OcEmojiPicker-BGYZvadx.js")), Jf = ce(
-  () => import("./ThumbnailTheme-BpGZfNxB.js")
+  () => import("./OcComplexDatePicker-C0rfUDzP.js")
+), dt = ce(() => import("./OcModalCropper-W5jMZiGn.js")), Kf = ce(() => import("./OcCropper-Duw9kTuk.js")), Bm = ce(() => import("./OcDraggable-DRsp4j4e.js")), Gf = ce(() => import("./OcDraggableList-NXrJ8kts.js")), Xf = ce(() => import("./OcEmojiPicker-CnLgVyZC.js")), Jf = ce(
+  () => import("./ThumbnailTheme-phw0YhT5.js")
 ), Zf = ce(
-  () => import("./ThumbnailSection-CX4F78f1.js")
-), Qf = ce(() => import("./SubPlanCard-DEnQ-E6b.js")), _f = ce(() => import("./OcTimePopup-CrwbZ_Nx.js")), Vm = ce(() => import("./OcTimePicker-CKAgGMLx.js")), ev = ce(
-  () => import("./OcAccountSetupProgress-BqabYW47.js")
+  () => import("./ThumbnailSection-CiNGVIZx.js")
+), Qf = ce(() => import("./SubPlanCard-Lx2q_NlD.js")), _f = ce(() => import("./OcTimePopup-CrwbZ_Nx.js")), Vm = ce(() => import("./OcTimePicker-BVMzvukC.js")), ev = ce(
+  () => import("./OcAccountSetupProgress-CZQTN53D.js")
 );
 export {
   sf as $,