@orchidui/core 1.8.1-64 → 1.8.1-67

package/dist/{index-Bi7Z29u6.js → index-DeUsmmuo.js}

@@ -60,30 +60,30 @@ const Kt = {
   },
   setup(e, { emit: r }) {
     const a = e, l = r, s = z(() => a.options.isSelectable), d = z(() => a.options.isCursorPointer ?? !0), c = z(() => a.options.fields), m = z(() => a.options.headers), f = z(
-      () => typeof a.rowKey == "function" ? a.rowKey : (O) => O[a.rowKey]
+      () => typeof a.rowKey == "function" ? a.rowKey : (I) => I[a.rowKey]
     ), x = z({
       get() {
         return a.selected || [];
       },
-      set(O) {
-        l("update:selected", O);
+      set(I) {
+        l("update:selected", I);
       }
-    }), h = (O) => {
-      x.value.find((I) => f.value(I) === f.value(O)) ? x.value = x.value.filter(
-        (I) => f.value(I) !== f.value(O)
-      ) : x.value = [...x.value, O];
+    }), h = (I) => {
+      x.value.find((O) => f.value(O) === f.value(I)) ? x.value = x.value.filter(
+        (O) => f.value(O) !== f.value(I)
+      ) : x.value = [...x.value, I];
     }, b = () => {
-      const O = x.value.length === c.value.length;
-      x.value = O ? [] : [...c.value];
-    }, A = z(() => typeof a.rowClass == "function" ? (O, $) => a.rowClass(O, $) : () => a.rowClass), j = (O, $) => {
+      const I = x.value.length === c.value.length;
+      x.value = I ? [] : [...c.value];
+    }, A = z(() => typeof a.rowClass == "function" ? (I, $) => a.rowClass(I, $) : () => a.rowClass), j = (I, $) => {
       !$.disableClickRow && $.key !== "actions" && l("click:row", {
-        field: O,
+        field: I,
         header: $
       });
     }, B = M(!0), C = M(!0), y = M(), V = () => {
       a.isSticky && (B.value = y.value.scrollLeft === 0, C.value = y.value.scrollLeft + y.value.clientWidth === y.value.scrollWidth);
     };
-    return we(() => V()), (O, $) => (t(), i("div", {
+    return we(() => V()), (I, $) => (t(), i("div", {
       ref_key: "scrollTable",
       ref: y,
       class: v(["flex text-oc-text flex-col border-oc-gray-200 isolate z-10", [
@@ -93,15 +93,15 @@ const Kt = {
       ]]),
       onScroll: V
     }, [
-      O.$slots.before ? (t(), i("div", {
+      I.$slots.before ? (t(), i("div", {
         key: 0,
         class: v(["border-b border-oc-gray-200", {
           "sticky left-0": e.isSticky
         }])
       }, [
-        k(O.$slots, "before")
+        k(I.$slots, "before")
       ], 2)) : u("", !0),
-      k(O.$slots, "table-header", {
+      k(I.$slots, "table-header", {
         fields: c.value,
         headers: m.value,
         isSelectable: s.value,
@@ -120,31 +120,31 @@ const Kt = {
             "is-checked": x.value.length === c.value.length && x.value.length > 0,
             onSelectAll: b
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : u("", !0),
-          (t(!0), i(N, null, R(m.value, (I) => (t(), p(o(rt), {
-            key: I.key,
-            text: I.label,
+          (t(!0), i(N, null, R(m.value, (O) => (t(), p(o(rt), {
+            key: O.key,
+            text: O.label,
             "is-loading": e.isLoading,
-            variant: I.headerVariant,
+            variant: O.headerVariant,
             "is-sticky": e.isSticky,
             class: v([[
               e.isSticky || e.isResponsive ? "flex md:min-h-auto" : "hidden md:flex",
-              I.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
-              I.stickyRight ? "right-0" : "",
-              typeof I.class == "function" ? I.class() : I.class,
-              I.stickyLeft || I.stickyRight ? "sticky shrink-0 z-10" : "",
-              I.stickyLeft && !B.value ? "shadow-right-sticky" : "",
-              I.stickyRight && !C.value ? "shadow-left-sticky" : ""
+              O.stickyLeft && s.value ? "left-[40px] md:left-[32px]" : "left-0",
+              O.stickyRight ? "right-0" : "",
+              typeof O.class == "function" ? O.class() : O.class,
+              O.stickyLeft || O.stickyRight ? "sticky shrink-0 z-10" : "",
+              O.stickyLeft && !B.value ? "shadow-right-sticky" : "",
+              O.stickyRight && !C.value ? "shadow-left-sticky" : ""
             ], "md:border-b border-oc-gray-200"])
           }, {
             default: S(() => [
-              k(O.$slots, `header-${I.key}`)
+              k(I.$slots, `header-${O.key}`)
             ]),
             _: 2
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (I) => (t(), i("div", {
-        key: I,
+      e.isLoading ? (t(!0), i(N, { key: 1 }, R(e.loadingRows, (O) => (t(), i("div", {
+        key: O,
         class: v(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": s.value,
           "border-b": e.isBorderless
@@ -155,13 +155,13 @@ const Kt = {
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : u("", !0),
         (t(!0), i(N, null, R(m.value, (L, E) => (t(), p(o(Re), {
-          key: `${E}-${I}`,
+          key: `${E}-${O}`,
           class: v(L.class),
           "is-loading": "",
-          "is-last": I === e.loadingRows
+          "is-last": O === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
       ], 2))), 128)) : (t(), i(N, { key: 2 }, [
-        k(O.$slots, "table-body", {
+        k(I.$slots, "table-body", {
           fields: c.value,
           headers: m.value,
           isScrollOnEnd: C.value,
@@ -173,8 +173,8 @@ const Kt = {
           rowLink: e.rowLink,
           calculateRowClass: A.value
         }, () => [
-          (t(!0), i(N, null, R(c.value, (I, L) => (t(), i("div", {
-            key: `${f.value(I)}-${L}`,
+          (t(!0), i(N, null, R(c.value, (O, L) => (t(), i("div", {
+            key: `${f.value(O)}-${L}`,
             class: v({
               "border-b": c.value.length !== L + 1,
               "w-max": e.isSticky
@@ -187,7 +187,7 @@ const Kt = {
                   "cursor-pointer": d.value
                 },
                 e.isResponsive ? "w-full" : e.isSticky ? "w-max !p-0" : "flex-wrap md:flex-nowrap",
-                A.value(I, L)
+                A.value(O, L)
               ]])
             }, [
               s.value ? (t(), p(o(Re), {
@@ -196,15 +196,15 @@ const Kt = {
                   e.isSticky ? "shrink-0 z-10 left-0 sticky" : "md:relative absolute w-[40px] md:w-[5%]"
                 ]]),
                 "is-last": c.value.length === L + 1,
-                "is-selected": x.value.some((E) => f.value(E) === f.value(I)),
+                "is-selected": x.value.some((E) => f.value(E) === f.value(O)),
                 variant: "checkbox",
-                onSelected: (E) => h(I),
-                "onHover:field": $[0] || ($[0] = (E) => O.$emit("hover:cell", E))
+                onSelected: (E) => h(O),
+                "onHover:field": $[0] || ($[0] = (E) => I.$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}-${L}`,
                 class: v(["flex border-oc-gray-200", [
-                  typeof E.class == "function" ? E.class(I) : E.class,
+                  typeof E.class == "function" ? E.class(O) : 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" : "",
@@ -215,41 +215,41 @@ const Kt = {
                 variant: E.variant,
                 "is-copy": E.isCopy,
                 "add-description-to-copy-clipboard": E.addDescriptionToCopyClipboard ?? !0,
-                data: I[`${E.key}`] ?? "",
+                data: O[`${E.key}`] ?? "",
                 content: {
                   important: E.important ?? !1,
-                  title: I[`${E.title}`],
-                  description: I[`${E.description}`],
-                  href: I[`${E.href}`]
+                  title: O[`${E.title}`],
+                  description: O[`${E.description}`],
+                  href: O[`${E.href}`]
                 },
                 "chip-options": E.chipOptions,
                 "image-class": E.imageClass,
-                link: e.rowLink && I[e.rowLink] && E.key !== "actions" ? I[e.rowLink] : "",
-                onClick: (D) => j(I, E),
-                "onHover:field": $[1] || ($[1] = (D) => O.$emit("hover:cell", D))
+                link: e.rowLink && O[e.rowLink] && E.key !== "actions" ? O[e.rowLink] : "",
+                onClick: (D) => j(O, E),
+                "onHover:field": $[1] || ($[1] = (D) => I.$emit("hover:cell", D))
               }, {
                 default: S(() => [
-                  O.$slots[E.key] ? k(O.$slots, E.key, {
+                  I.$slots[E.key] ? k(I.$slots, E.key, {
                     key: 0,
-                    item: I,
-                    data: I[E.key],
+                    item: O,
+                    data: O[E.key],
                     index: L
                   }) : u("", !0)
                 ]),
                 _: 2
               }, 1032, ["is-last", "variant", "is-copy", "add-description-to-copy-clipboard", "data", "content", "chip-options", "class", "image-class", "link", "onClick"]))), 128))
             ], 2),
-            O.$slots.extra ? (t(), i("div", Kt, [
-              k(O.$slots, "extra", {
-                item: I,
+            I.$slots.extra ? (t(), i("div", Kt, [
+              k(I.$slots, "extra", {
+                item: O,
                 index: L
               })
             ])) : u("", !0)
           ], 2))), 128))
         ]),
-        c.value.length ? u("", !0) : k(O.$slots, "empty", { key: 0 })
+        c.value.length ? u("", !0) : k(I.$slots, "empty", { key: 0 })
       ], 64)),
-      k(O.$slots, "after")
+      k(I.$slots, "after")
     ], 34));
   }
 }, Gt = { class: "mx-auto" }, rt = {
@@ -1181,7 +1181,7 @@ const Kt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, s) => {
-      var d, c, m, f, x, h, b, A, j, B, C, y, V, O, $, I, L, E, P;
+      var d, c, m, f, x, h, b, A, j, B, C, y, V, I, $, O, L, E, P;
       return t(), i("div", {
         class: v(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1245,8 +1245,8 @@ const Kt = {
                 content: [
                   ((C = (B = e.customer) == null ? void 0 : B.address) == null ? void 0 : C.street) || "",
                   ((V = (y = e.customer) == null ? void 0 : y.address) == null ? void 0 : V.city) || "",
-                  (($ = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : $.state) || "",
-                  ((L = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : L.postal_code) || "",
+                  (($ = (I = e.customer) == null ? void 0 : I.address) == null ? void 0 : $.state) || "",
+                  ((L = (O = e.customer) == null ? void 0 : O.address) == null ? void 0 : L.postal_code) || "",
                   ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
@@ -2658,13 +2658,13 @@ const Kt = {
         class: v(["flex items-center", { "flex-col": x.value, "w-full": e.isFullWidth }])
       }, [
         (t(!0), i(N, null, R(e.tabs, (y) => {
-          var V, O;
+          var V, I;
           return t(), i("div", {
             key: y.value,
             class: v(["relative cursor-pointer min-w-[48px] gap-x-3 items-center flex justify-center", [
               y.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 = y.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",
+              ((V = e.modelValue) == null ? void 0 : V.toString()) === ((I = y.value) == null ? void 0 : I.toString()) ? f.value ? "bg-oc-gray-200 text-oc-text-500" : "border-oc-primary-500 font-medium text-oc-text-500" : f.value ? "text-oc-text-400" : "border-transparent text-oc-text-400",
               e.isArrows ? "!justify-normal !min-w-[100px]" : "",
               x.value ? "!justify-start w-full py-3 px-5" : "",
               x.value && e.isArrows ? "!min-h-[35px]" : "",
@@ -3392,7 +3392,7 @@ const _m = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
             return [
               n("div", Li, [
                 n("div", Pi, [
-                  (t(!0), i(N, null, R((B = e.primaryActions.dropdownOptions) == null ? void 0 : B.top, (V, O) => (t(), i(N, { key: O }, [
+                  (t(!0), i(N, null, R((B = e.primaryActions.dropdownOptions) == null ? void 0 : B.top, (V, I) => (t(), i(N, { key: I }, [
                     V != null && V.isCopyButton ? (t(), p(o(be), {
                       key: 0,
                       icon: s.value ? "check" : "copy",
@@ -3408,7 +3408,7 @@ const _m = /* @__PURE__ */ ge(si, [["render", di]]), ci = { class: "flex items-c
                   ], 64))), 128))
                 ]),
                 (C = e.primaryActions.dropdownOptions) != null && C.bottom ? (t(), i("div", Ei, [
-                  (t(!0), i(N, null, R((y = e.primaryActions.dropdownOptions) == null ? void 0 : y.bottom, (V, O) => (t(), i("div", { key: O }, [
+                  (t(!0), i(N, null, R((y = e.primaryActions.dropdownOptions) == null ? void 0 : y.bottom, (V, I) => (t(), i("div", { key: I }, [
                     V != null && V.tooltipText ? (t(), p(o(ae), {
                       key: 0,
                       position: "bottom",
@@ -6178,8 +6178,8 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
                     options: h.value,
                     areAllOptionsVisible: f.value
                   }, () => [
-                    (t(!0), i(N, null, R(h.value, (V, O) => (t(), p(o(ne), {
-                      key: `${V}-${O}`,
+                    (t(!0), i(N, null, R(h.value, (V, I) => (t(), p(o(ne), {
+                      key: `${V}-${I}`,
                       closable: "",
                       label: V,
                       onRemove: ($) => b(V)
@@ -6267,19 +6267,19 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
     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());
+      const V = a.countryCodes.find((I) => I.code === a.modelValue[0].toString());
       V && (s = V.iso.toLowerCase());
     }
     const d = M(s), c = M(!1), m = M(""), 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, h = (V) => {
-      var O;
-      return ((O = x(V)) == null ? void 0 : O.code) || "";
+      () => a.countryCodes.filter((V) => V.country.toLowerCase().includes(m.value.toLowerCase())).sort((V, I) => V.country.localeCompare(I.country))
+    ), x = (V) => a.countryCodes.find((I) => I.iso.toLowerCase() === V.toLowerCase()) || null, h = (V) => {
+      var I;
+      return ((I = x(V)) == null ? void 0 : I.code) || "";
     }, b = (V) => {
       l("update:modelValue", [h(d.value), V]);
-    }, A = (V, O, $ = null) => {
-      var I;
-      d.value = V.toLowerCase(), l("update:modelValue", [O, $ || ((I = a.modelValue) == null ? void 0 : I[1]) || ""]), c.value = !1;
+    }, A = (V, I, $ = null) => {
+      var O;
+      d.value = V.toLowerCase(), l("update:modelValue", [I, $ || ((O = a.modelValue) == null ? void 0 : O[1]) || ""]), c.value = !1;
     }, j = M(null), B = M([]), C = () => {
       setTimeout(() => {
         const V = f.value.indexOf(
@@ -6288,22 +6288,22 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         j.value.scrollTo(0, $ - 60, { behavior: "smooth" });
       }, 10);
     }, y = (V) => {
-      let O = V.clipboardData.getData("Text");
+      let I = V.clipboardData.getData("Text");
       try {
-        if (O.search(/[^0-9]/g) < 0)
-          if (O = O.slice(0, 19), O.length > 5 && a.shouldParseCountryCode) {
-            const { nationalNumber: $, countryCallingCode: I, country: L } = Wt(
-              "+" + O.replace("+", "")
+        if (I.search(/[^0-9]/g) < 0)
+          if (I = I.slice(0, 19), I.length > 5 && a.shouldParseCountryCode) {
+            const { nationalNumber: $, countryCallingCode: O, country: L } = Wt(
+              "+" + I.replace("+", "")
             );
-            I && L ? A(L, I, $) : l("update:modelValue", [h(d.value), $]);
+            O && L ? A(L, O, $) : l("update:modelValue", [h(d.value), $]);
           } else
-            l("update:modelValue", [h(d.value), O]);
+            l("update:modelValue", [h(d.value), I]);
       } catch {
-        l("update:modelValue", [h(d.value), O]);
+        l("update:modelValue", [h(d.value), I]);
       }
       V.preventDefault();
     };
-    return (V, O) => {
+    return (V, I) => {
       var $;
       return t(), p(o(xe), {
         "error-message": e.errorMessage,
@@ -6325,7 +6325,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
           g(o(se), {
             modelValue: c.value,
             "onUpdate:modelValue": [
-              O[3] || (O[3] = (I) => c.value = I),
+              I[3] || (I[3] = (O) => c.value = O),
               C
             ],
             distance: 10,
@@ -6340,12 +6340,12 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
                 n("div", jr, [
                   g(o(xe), {
                     modelValue: m.value,
-                    "onUpdate:modelValue": O[0] || (O[0] = (I) => m.value = I),
+                    "onUpdate:modelValue": I[0] || (I[0] = (O) => m.value = O),
                     icon: "search",
                     placeholder: "Search",
-                    onKeydown: O[1] || (O[1] = fe(() => {
+                    onKeydown: I[1] || (I[1] = fe(() => {
                     }, ["stop"])),
-                    onClick: O[2] || (O[2] = fe(() => {
+                    onClick: I[2] || (I[2] = fe(() => {
                     }, ["stop"]))
                   }, {
                     icon: S(() => [
@@ -6357,22 +6357,22 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), i(N, null, R(f.value, (I, L) => (t(), i("div", {
+                (t(!0), i(N, null, R(f.value, (O, L) => (t(), i("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
                   ref: B,
                   key: L,
                   class: v([
                     "py-3 px-4 flex gap-x-4 items-center hover:bg-oc-gray-50 cursor-pointer",
-                    d.value === I.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
+                    d.value === O.iso.toLowerCase() ? "bg-oc-gray-50 font-medium" : ""
                   ]),
-                  onClick: (E) => A(I.iso, I.code)
+                  onClick: (E) => A(O.iso, O.code)
                 }, [
                   n("div", {
-                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${I.iso.toLowerCase()}`])
+                    class: v(["fi !w-[20px] !h-[15px] !rounded-[2px] shadow-md", `fi-${O.iso.toLowerCase()}`])
                   }, null, 2),
-                  n("span", Pr, "+" + w(I.code), 1),
-                  n("span", Er, w(I.country), 1)
+                  n("span", Pr, "+" + w(O.code), 1),
+                  n("span", Er, w(O.country), 1)
                 ], 10, Lr))), 128))
               ], 512)
             ]),
@@ -6799,7 +6799,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         "update:modelValue",
         j.value.map((P) => P.value)
       ));
-    }, O = M();
+    }, I = M();
     ue(j, () => {
       b.value = (/* @__PURE__ */ new Date()).toISOString();
     }), ue(c, (P) => {
@@ -6812,9 +6812,9 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         (D = m.value) == null || D.focus();
       });
     });
-    const $ = M("100%"), I = z(() => ({ maxWidth: $.value })), L = () => {
+    const $ = M("100%"), O = z(() => ({ maxWidth: $.value })), L = () => {
       var P, D, U, H;
-      s("toggle"), $.value = (D = (P = O.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = O.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
+      s("toggle"), $.value = (D = (P = I.value) == null ? void 0 : P.$el) != null && D.offsetWidth ? `${(H = (U = I.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var ce;
         let K, _;
         if (Array.isArray(l.modelValue) ? K = l.modelValue[0] ?? null : K = l.modelValue, !K) return;
@@ -6835,7 +6835,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
       dropdownRef: f
     }), (P, D) => (t(), p(o(he), {
       ref_key: "baseInput",
-      ref: O,
+      ref: I,
       class: "relative rounded",
       label: e.isInlineLabel ? "" : e.label,
       hint: e.hint,
@@ -6867,7 +6867,7 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
           distance: 4,
           "popper-class": "w-full",
           placement: "bottom-end",
-          "popper-style": I.value,
+          "popper-style": O.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
           "menu-classes": e.menuClasses,
@@ -7190,8 +7190,8 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
     const a = e, l = r, s = M(!1), d = M(a.type ?? ((C = (B = a.links) == null ? void 0 : B[0]) == null ? void 0 : C.value)), c = M(a.title ?? ""), m = z(
       () => a.links.find((y) => y.value === d.value) ?? {}
     ), f = z(() => m.value.preFill ?? ""), x = M(a.modelValue ? a.modelValue.replace(f.value, "") : ""), h = (y) => {
-      var O;
-      const V = (O = a.links.find(($) => $.value === y)) == null ? void 0 : O.preFill;
+      var I;
+      const V = (I = a.links.find(($) => $.value === y)) == null ? void 0 : I.preFill;
       l("update:modelValue", a.modelValue.replace(f.value, V)), d.value = y, l("update:type", y), s.value = !1;
     }, b = (y) => {
       x.value = y, l("update:modelValue", f.value + y), !a.isEdit && d.value !== "link" && l("update:title", y);
@@ -7201,8 +7201,8 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         key: 0,
         modelValue: c.value,
         "onUpdate:modelValue": [
-          V[0] || (V[0] = (O) => c.value = O),
-          V[1] || (V[1] = (O) => y.$emit("update:title", O))
+          V[0] || (V[0] = (I) => c.value = I),
+          V[1] || (V[1] = (I) => y.$emit("update:title", I))
         ],
         class: "mb-3",
         label: "Title",
@@ -7227,22 +7227,22 @@ const tt = /* @__PURE__ */ ge(ss, [["render", ds]]), cs = { class: "flex" }, us
         trailing: S(() => [
           g(o(se), {
             modelValue: s.value,
-            "onUpdate:modelValue": V[2] || (V[2] = (O) => s.value = O),
+            "onUpdate:modelValue": V[2] || (V[2] = (I) => s.value = I),
             distance: 10
           }, {
             menu: S(() => [
               e.isEdit ? u("", !0) : (t(), i("div", dd, [
-                (t(!0), i(N, null, R(e.links, (O) => (t(), i("div", {
-                  key: O.value,
+                (t(!0), i(N, null, R(e.links, (I) => (t(), i("div", {
+                  key: I.value,
                   class: "flex items-center px-3 py-2 rounded-sm cursor-pointer gap-x-3 text-oc-text-400 hover:bg-gray-50",
-                  onClick: ($) => h(O.value)
+                  onClick: ($) => h(I.value)
                 }, [
                   g(o(T), {
                     width: "20",
                     height: "20",
-                    name: O.icon
+                    name: I.icon
                   }, null, 8, ["name"]),
-                  W(" " + w(O.label), 1)
+                  W(" " + w(I.label), 1)
                 ], 8, cd))), 128))
               ]))
             ]),
@@ -7394,21 +7394,21 @@ var At = { exports: {} };
     }, b = [/[+-]\d\d:?(\d\d)?|Z/, function(y) {
       (this.zone || (this.zone = {})).offset = function(V) {
         if (!V || V === "Z") return 0;
-        var O = V.match(/([+-]|\d\d)/g), $ = 60 * O[1] + (+O[2] || 0);
-        return $ === 0 ? 0 : O[0] === "+" ? -$ : $;
+        var I = V.match(/([+-]|\d\d)/g), $ = 60 * I[1] + (+I[2] || 0);
+        return $ === 0 ? 0 : I[0] === "+" ? -$ : $;
       }(y);
     }], A = function(y) {
       var V = f[y];
       return V && (V.indexOf ? V : V.s.concat(V.f));
     }, j = function(y, V) {
-      var O, $ = f.meridiem;
+      var I, $ = f.meridiem;
       if ($) {
-        for (var I = 1; I <= 24; I += 1) if (y.indexOf($(I, 0, V)) > -1) {
-          O = I > 12;
+        for (var O = 1; O <= 24; O += 1) if (y.indexOf($(O, 0, V)) > -1) {
+          I = O > 12;
           break;
         }
-      } else O = y === (V ? "pm" : "PM");
-      return O;
+      } else I = y === (V ? "pm" : "PM");
+      return I;
     }, B = { A: [m, function(y) {
       this.afternoon = j(y, !1);
     }], a: [m, function(y) {
@@ -7422,14 +7422,14 @@ var At = { exports: {} };
     }], SSS: [/\d{3}/, function(y) {
       this.milliseconds = +y;
     }], s: [c, h("seconds")], ss: [c, h("seconds")], m: [c, h("minutes")], mm: [c, h("minutes")], H: [c, h("hours")], h: [c, h("hours")], HH: [c, h("hours")], hh: [c, h("hours")], D: [c, h("day")], DD: [d, h("day")], Do: [m, function(y) {
-      var V = f.ordinal, O = y.match(/\d+/);
-      if (this.day = O[0], V) for (var $ = 1; $ <= 31; $ += 1) V($).replace(/\[|\]/g, "") === y && (this.day = $);
+      var V = f.ordinal, I = y.match(/\d+/);
+      if (this.day = I[0], V) for (var $ = 1; $ <= 31; $ += 1) V($).replace(/\[|\]/g, "") === y && (this.day = $);
     }], w: [c, h("week")], ww: [d, h("week")], M: [c, h("month")], MM: [d, h("month")], MMM: [m, function(y) {
-      var V = A("months"), O = (A("monthsShort") || V.map(function($) {
+      var V = A("months"), I = (A("monthsShort") || V.map(function($) {
         return $.slice(0, 3);
       })).indexOf(y) + 1;
-      if (O < 1) throw new Error();
-      this.month = O % 12 || O;
+      if (I < 1) throw new Error();
+      this.month = I % 12 || I;
     }], MMMM: [m, function(y) {
       var V = A("months").indexOf(y) + 1;
       if (V < 1) throw new Error();
@@ -7438,19 +7438,19 @@ var At = { exports: {} };
       this.year = x(y);
     }], YYYY: [/\d{4}/, h("year")], Z: b, ZZ: b };
     function C(y) {
-      var V, O;
-      V = y, O = f && f.formats;
+      var V, I;
+      V = y, I = f && f.formats;
       for (var $ = (y = V.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, K, _) {
         var ee = _ && _.toUpperCase();
-        return K || O[_] || a[_] || O[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ie, ce, pe) {
+        return K || I[_] || a[_] || I[ee].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ie, ce, pe) {
           return ce || pe.slice(1);
         });
-      })).match(l), I = $.length, L = 0; L < I; L += 1) {
+      })).match(l), O = $.length, L = 0; L < O; L += 1) {
         var E = $[L], P = B[E], D = P && P[0], U = P && P[1];
         $[L] = U ? { regex: D, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
-        for (var K = {}, _ = 0, ee = 0; _ < I; _ += 1) {
+        for (var K = {}, _ = 0, ee = 0; _ < O; _ += 1) {
           var ie = $[_];
           if (typeof ie == "string") ee += ie.length;
           else {
@@ -7467,16 +7467,16 @@ var At = { exports: {} };
         }(K), K;
       };
     }
-    return function(y, V, O) {
-      O.p.customParseFormat = !0, y && y.parseTwoDigitYear && (x = y.parseTwoDigitYear);
-      var $ = V.prototype, I = $.parse;
+    return function(y, V, I) {
+      I.p.customParseFormat = !0, y && y.parseTwoDigitYear && (x = y.parseTwoDigitYear);
+      var $ = V.prototype, O = $.parse;
       $.parse = function(L) {
         var E = L.date, P = L.utc, D = L.args;
         this.$u = P;
         var U = D[1];
         if (typeof U == "string") {
           var H = D[2] === !0, K = D[3] === !0, _ = H || K, ee = D[2];
-          K && (ee = D[2]), f = this.$locale(), !H && ee && (f = O.Ls[ee]), this.$d = function($e, ke, ye, Se) {
+          K && (ee = D[2]), f = this.$locale(), !H && ee && (f = I.Ls[ee]), this.$d = function($e, ke, ye, Se) {
             try {
               if (["x", "X"].indexOf(ke) > -1) return new Date((ke === "X" ? 1e3 : 1) * $e);
               var re = C(ke)($e), Be = re.year, Ce = re.month, Q = re.day, Ve = re.hours, q = re.minutes, J = re.seconds, Y = re.milliseconds, ve = re.zone, je = re.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Be || Ce ? 1 : Ke.getDate()), Xe = Be || Ke.getFullYear(), Ne = 0;
@@ -7486,17 +7486,17 @@ var At = { exports: {} };
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(E, U, P, O), this.init(), ee && ee !== !0 && (this.$L = this.locale(ee).$L), _ && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
+          }(E, U, P, I), this.init(), ee && ee !== !0 && (this.$L = this.locale(ee).$L), _ && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
         } else if (U instanceof Array) for (var ie = U.length, ce = 1; ce <= ie; ce += 1) {
           D[1] = U[ce - 1];
-          var pe = O.apply(this, D);
+          var pe = I.apply(this, D);
           if (pe.isValid()) {
             this.$d = pe.$d, this.$L = pe.$L, this.init();
             break;
           }
           ce === ie && (this.$d = /* @__PURE__ */ new Date(""));
         }
-        else I.call(this, L);
+        else O.call(this, L);
       };
     };
   });
@@ -7585,17 +7585,17 @@ function Hd(e, r, a) {
   function V() {
     var E = et();
     if (y(E))
-      return O(E);
+      return I(E);
     m = setTimeout(V, C(E));
   }
-  function O(E) {
+  function I(E) {
     return m = void 0, A && l ? j(E) : (l = s = void 0, c);
   }
   function $() {
     m !== void 0 && clearTimeout(m), x = 0, l = f = s = m = void 0;
   }
-  function I() {
-    return m === void 0 ? c : O(et());
+  function O() {
+    return m === void 0 ? c : I(et());
   }
   function L() {
     var E = et(), P = y(E);
@@ -7607,7 +7607,7 @@ function Hd(e, r, a) {
     }
     return m === void 0 && (m = setTimeout(V, r)), c;
   }
-  return L.cancel = $, L.flush = I, L;
+  return L.cancel = $, L.flush = O, L;
 }
 const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex flex-col gap-2 p-3" }, Kd = { class: "flex justify-between items-center" }, Gd = { key: 0 }, Xd = { key: 1 }, Jd = {
   key: 0,
@@ -7658,9 +7658,9 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
     const a = e, l = r, s = M(), d = M(), c = M(), m = M(), f = M(), x = M(), h = M(), b = M(!1), A = M(!1), j = M(!1), B = M(!1), C = z(() => a.type === "range"), y = z(() => {
       const J = s.value.endOf("month").date();
       return Array.from({ length: J }, (Y, ve) => ve + 1);
-    }), V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], O = z(() => s.value.format("MMMM YYYY")), $ = z(
+    }), V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], I = z(() => s.value.format("MMMM YYYY")), $ = z(
       () => j.value ? x.value.format("YYYY") : s.value.format("YYYY")
-    ), I = z(() => s.value.format("MMM")), L = z(() => {
+    ), O = z(() => s.value.format("MMM")), L = z(() => {
       const q = d.value, J = c.value ?? h.value, Y = [q, J];
       return J && (q != null && q.isAfter(J)) && Y.reverse(), {
         from: Y[0],
@@ -7712,7 +7712,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
       l("update:isIndefinite", q);
     }, Be = (q, J = !0) => {
       if (!C.value) {
-        let ve = G(O.value, "MMMM YYYY").date(q);
+        let ve = G(I.value, "MMMM YYYY").date(q);
         m.value = q, d.value = ve, f.value = null, c.value = null, Se();
         return;
       }
@@ -7779,7 +7779,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
                 (t(), i(N, null, R(V, (Y, ve) => 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": I.value === Y
+                    "!border-oc-primary bg-oc-primary text-white": O.value === Y
                   }]),
                   onClick: (je) => _(ve)
                 }, w(Y), 11, _d)), 64))
@@ -7790,7 +7790,7 @@ const Yd = { class: "flex items-center justify-between" }, Wd = { class: "flex f
             n("span", {
               class: v([[b.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
               onClick: fe(pe, ["stop"])
-            }, w(O.value), 3)
+            }, w(I.value), 3)
           ]),
           _: 1
         }, 8, ["modelValue"]),
@@ -7977,8 +7977,8 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       d.value = y, a("update:modelValue", y ? "Indefinite" : null);
     }, B = (y, V) => {
       var $;
-      const O = G(y, l.dateFormat, !0);
-      m.value[V] = O.format(l.dateFormat), m.value[V ? 0 : 1] = (($ = l.modelValue) == null ? void 0 : $[V ? 0 : 1]) || G().format(l.dateFormat);
+      const I = G(y, l.dateFormat, !0);
+      m.value[V] = I.format(l.dateFormat), m.value[V ? 0 : 1] = (($ = l.modelValue) == null ? void 0 : $[V ? 0 : 1]) || G().format(l.dateFormat);
     }, C = () => {
       if (m.value.length) {
         if (c.value = !1, m.value.some((y) => !G(y, l.dateFormat).isValid())) {
@@ -7992,25 +7992,25 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     };
     return (y, V) => (t(), p(o(se), {
       modelValue: s.value,
-      "onUpdate:modelValue": V[3] || (V[3] = (O) => s.value = O),
+      "onUpdate:modelValue": V[3] || (V[3] = (I) => s.value = I),
       "is-disabled": e.disabled,
       placement: e.placement,
       distance: 10,
       class: "w-full"
     }, {
-      menu: S(({ isPopoverOpen: O }) => [
+      menu: S(({ isPopoverOpen: I }) => [
         k(y.$slots, "menu", {
-          isPopoverOpen: O,
+          isPopoverOpen: I,
           updateCalendar: h,
           resetCalendar: b
         }, () => {
-          var $, I;
+          var $, O;
           return [
             f.value ? (t(), p(o(fm), {
               key: 0,
               "model-value": {
                 start: ($ = e.modelValue) == null ? void 0 : $[0],
-                end: (I = e.modelValue) == null ? void 0 : I[1]
+                end: (O = e.modelValue) == null ? void 0 : O[1]
               },
               shortcuts: e.shortcuts,
               "count-calendars": e.countCalendars,
@@ -8020,7 +8020,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
               "max-date": e.maxDate,
               masks: { modelValue: e.dateFormat },
               "onUpdate:modelValue": h
-            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && O ? (t(), p(o(ac), {
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && I ? (t(), p(o(ac), {
               key: 1,
               "model-value": x.value ? x.value.toDate() : /* @__PURE__ */ new Date(),
               "disabled-date": d.value ? A : e.disabledDate,
@@ -8065,7 +8065,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                       "focused-shadow": s.value && !e.disabled
                     }
                   ]]),
-                  onClick: V[2] || (V[2] = (O) => s.value ? O.stopPropagation : null)
+                  onClick: V[2] || (V[2] = (I) => s.value ? I.stopPropagation : null)
                 }, [
                   n("div", sc, [
                     g(o(T), {
@@ -8076,7 +8076,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                       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) => B(O.target.value, 0)),
+                      onInput: V[0] || (V[0] = (I) => B(I.target.value, 0)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
                     }, null, 40, rc)
@@ -8087,7 +8087,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                       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) => B(O.target.value, 1)),
+                      onInput: V[1] || (V[1] = (I) => B(I.target.value, 1)),
                       onKeydown: Fe(C, ["enter"]),
                       onBlur: C
                     }, null, 40, cc),
@@ -8152,10 +8152,10 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       var C, y, V;
       parseInt((C = c.value) == null ? void 0 : C.value) - parseInt((y = d.value) == null ? void 0 : y.value) <= l.minGap && (c.value.value = parseInt((V = d.value) == null ? void 0 : V.value) + l.minGap), A();
     }, A = (C = !1) => {
-      var y, V, O, $;
+      var y, V, I, $;
       f.value = (((y = d.value) == null ? void 0 : y.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(
         "update:modelValue",
-        l.type === "range" ? [(O = d.value) == null ? void 0 : O.value, ($ = c.value) == null ? void 0 : $.value] : d.value.value
+        l.type === "range" ? [(I = d.value) == null ? void 0 : I.value, ($ = c.value) == null ? void 0 : $.value] : d.value.value
       );
     }, j = (C) => {
       C.key >= "0" && C.key <= "9" || C.key === "Backspace" || C.preventDefault();
@@ -8165,7 +8165,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     return r({
       updateSlider: B
     }), we(() => B()), (C, y) => {
-      var V, O, $, I;
+      var V, I, $, O;
       return t(), i("div", mc, [
         e.label ? (t(), i("label", fc, [
           n("span", vc, w(e.label), 1)
@@ -8197,7 +8197,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: (O = e.modelValue) == null ? void 0 : O[1],
+            value: (I = e.modelValue) == null ? void 0 : I[1],
             onInput: b
           }, null, 40, pc)) : u("", !0),
           e.variant === "default" ? (t(), i("div", {
@@ -8209,7 +8209,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
             key: 2,
             class: "group-hover:block absolute top-[1rem] z-[1] translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
             style: oe(`right: ${100 - x.value}%`)
-          }, w((I = e.modelValue) == null ? void 0 : I[1]), 5)) : u("", !0),
+          }, w((O = e.modelValue) == null ? void 0 : O[1]), 5)) : u("", !0),
           n("span", yc, [
             k(C.$slots, "min-limit-label", {}, () => [
               W(w(e.minLimit), 1)
@@ -8656,11 +8656,11 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       P.preventDefault();
       const D = P.dataTransfer.files;
       j({ target: { files: D } }, a.format === "object");
-    }, O = () => {
+    }, I = () => {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
     }, $ = (P) => {
       y.value.fileUrl = P, y.value.fileName = Date.now(), h.value = !1, b.value = "", l("update:modelValue", a.format === "object" ? y.value : [y.value]);
-    }, I = async (P) => {
+    }, O = async (P) => {
       if (P)
         try {
           const D = await fetch(P, { method: "HEAD" });
@@ -8829,7 +8829,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                     "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) => I(d.value))
+                    onBlur: D[5] || (D[5] = (Q) => O(d.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   g(o(xe), {
                     modelValue: c.value,
@@ -8840,7 +8840,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                     class: "flex-shrink-0",
                     label: "OK",
                     disabled: "",
-                    onClick: O
+                    onClick: I
                   })
                 ], 64)) : u("", !0),
                 n("div", {
@@ -8929,37 +8929,37 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
     const a = e, l = r, s = M([]), d = M(!1), c = M(""), m = M({}), f = z(() => a.uploadedImages[c.value].fileUrl), x = M(!1), h = M(""), b = ($) => {
       x.value = !0, h.value = $;
     }, A = M(!1), j = () => {
-      const $ = a.uploadedImages.find((I, L) => L === h.value);
+      const $ = a.uploadedImages.find((O, L) => L === h.value);
       $.current ? l("onRemoveImage", $) : (l("delete", h.value), A.value = !0, setTimeout(() => {
         A.value = !1;
       }, 1e3)), l(
         "update:uploadedImages",
-        a.uploadedImages.filter((I, L) => L !== h.value)
+        a.uploadedImages.filter((O, L) => L !== h.value)
       ), x.value = !1;
-    }, B = ({ url: $, cropper: I }) => {
+    }, B = ({ url: $, cropper: O }) => {
       const L = a.uploadedImages[c.value];
-      L.fileUrl = $, L.fileName = Date.now(), l("onEditImage", { ...L, index: c.value, cropper: I }), d.value = !1, c.value = "", m.value = {};
+      L.fileUrl = $, L.fileName = Date.now(), l("onEditImage", { ...L, index: c.value, cropper: O }), d.value = !1, c.value = "", m.value = {};
     }, C = ($) => {
-      let I = a.uploadedImages[c.value];
+      let O = a.uploadedImages[c.value];
       Object.keys($).forEach((L) => {
-        I[L] = $[L];
+        O[L] = $[L];
       }), l("update:uploadedImages", a.uploadedImages);
     }, y = ($) => {
-      let I = a.uploadedImages.length + $.target.files.length > a.maxImages;
-      if (a.maxImages && I) {
-        l("onMaxFileExceed", I);
+      let O = a.uploadedImages.length + $.target.files.length > a.maxImages;
+      if (a.maxImages && O) {
+        l("onMaxFileExceed", O);
         return;
       }
       l("change", $);
     }, V = z(
       () => a.maxImages == null || a.maxImages && a.uploadedImages.length < a.maxImages
-    ), O = ($, I) => {
+    ), I = ($, O) => {
       var L;
       c.value = $, (L = a.inputOptions) == null || L.forEach((E) => {
-        m.value[E] = I[E], E === "caption" && (m.value.caption_variant = I.caption_variant);
+        m.value[E] = O[E], E === "caption" && (m.value.caption_variant = O.caption_variant);
       }), s[$] = !1, d.value = !0;
     };
-    return ($, I) => (t(), i("div", _c, [
+    return ($, O) => (t(), i("div", _c, [
       V.value ? (t(), i("label", eu, [
         n("div", tu, [
           g(o(T), { name: "plus" })
@@ -8980,7 +8980,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
         style: oe(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
-        "onUpdate:modelValue": I[0] || (I[0] = (L) => e.isDisabled ? null : $.$emit("update:uploadedImages", L))
+        "onUpdate:modelValue": O[0] || (O[0] = (L) => e.isDisabled ? null : $.$emit("update:uploadedImages", L))
       }, {
         default: S(({ list: L }) => [
           (t(!0), i(N, null, R(L, (E, P) => (t(), i("div", {
@@ -9008,14 +9008,14 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                   n("div", nu, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
-                      onClick: (D) => O(P, E)
+                      onClick: (D) => I(P, E)
                     }, [
                       g(o(T), {
                         width: "16",
                         height: "16",
                         name: "pencil"
                       }),
-                      I[4] || (I[4] = n("span", null, "Edit Image", -1))
+                      O[4] || (O[4] = n("span", null, "Edit Image", -1))
                     ], 8, iu),
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
@@ -9028,7 +9028,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                         height: "16",
                         name: "bin"
                       }),
-                      I[5] || (I[5] = n("span", null, "Delete", -1))
+                      O[5] || (O[5] = n("span", null, "Delete", -1))
                     ], 8, ou)
                   ])
                 ])
@@ -9068,11 +9068,11 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       d.value ? (t(), p(o(ot), {
         key: 1,
         modelValue: d.value,
-        "onUpdate:modelValue": I[1] || (I[1] = (L) => d.value = L),
+        "onUpdate:modelValue": O[1] || (O[1] = (L) => d.value = L),
         img: f.value,
         "input-options": e.inputOptions,
         "input-option-values": m.value,
-        onClose: I[2] || (I[2] = () => {
+        onClose: O[2] || (O[2] = () => {
           d.value = !1, c.value = "";
         }),
         onChangeImage: B,
@@ -9080,7 +9080,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : u("", !0),
       g(o(Xu), {
         modelValue: x.value,
-        "onUpdate:modelValue": I[3] || (I[3] = (L) => x.value = L),
+        "onUpdate:modelValue": O[3] || (O[3] = (L) => x.value = L),
         description: "Do you want to delete this image ?",
         onConfirm: j
       }, null, 8, ["modelValue"])
@@ -9272,7 +9272,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
                     "on-enable-delete": y.progress === 100 && c.value,
                     "opacity-100": !c.value
                   }]),
-                  onClick: (O) => A(V)
+                  onClick: (I) => A(V)
                 }, null, 8, ["class", "onClick"]))
               ]))), 128))
             ]),
@@ -9436,8 +9436,8 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       s.isAttachToBody && !s.preventClickOutside && d.value.checkElementIsInsidePopper(j.target) || s.modelValue && !s.preventClickOutside && l("update:modelValue", !1);
     }, x = M(), h = M(0);
     ue(() => s.modelValue, async () => {
-      const j = window.innerHeight || document.documentElement.clientHeight, B = x.value.getBoundingClientRect().top, C = j - x.value.getBoundingClientRect().bottom, y = Math.max(B, C), O = y - (2 + (y === B ? 2.5 : 0)) * 16;
-      h.value = O > 0 ? O : 0, d.value.popperInstance.update();
+      const j = window.innerHeight || document.documentElement.clientHeight, B = x.value.getBoundingClientRect().top, C = j - x.value.getBoundingClientRect().bottom, y = Math.max(B, C), I = y - (2 + (y === B ? 2.5 : 0)) * 16;
+      h.value = I > 0 ? I : 0, d.value.popperInstance.update();
     }), r({
       dropdownScroll: c,
       toggleDropdown: m,
@@ -10324,8 +10324,8 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
   },
   emits: ["onUpdate"],
   setup(e, { emit: r }) {
-    const a = e, l = r, s = ($, I) => {
-      l("onUpdate", $, I);
+    const a = e, l = r, s = ($, O) => {
+      l("onUpdate", $, O);
     }, d = {
       CardInput: gr,
       CheckboxesGroup: xr,
@@ -10346,39 +10346,39 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       SelectOptions: Dc
     }, c = ($) => d[$] ? d[$] : null, m = z(() => {
       const $ = (L) => L.split(`
-`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), I = {};
+`).map((E) => E.trim()).filter(Boolean).map((E) => `"${E}"`).join(" "), O = {};
       return Object.entries(a.grid).forEach(([L, E]) => {
         Object.entries(E).forEach(([P, D]) => {
-          I[`--grid-${L}-${P}`] = P === "area" ? $(D) : D;
+          O[`--grid-${L}-${P}`] = P === "area" ? $(D) : D;
         });
-      }), I;
+      }), O;
     }), f = ($) => typeof $ == "object" ? $[0].key : $, x = ($) => `grid-area: ${f($)}`, h = z(() => a.class), b = M({}), A = M({}), j = M({}), B = ($) => typeof $ == "object" ? $[0].key : $, C = ($) => {
-      a.jsonForm.forEach((I) => {
+      a.jsonForm.forEach((O) => {
         var L;
-        if (typeof I.name == "object") {
+        if (typeof O.name == "object") {
           let E = null;
-          I.name.forEach((P) => {
+          O.name.forEach((P) => {
             $[P.key] && (E ? E.push($[P.key]) : E = [$[P.key]]);
-          }), b.value[B(I.name)] = E, O(I);
+          }), b.value[B(O.name)] = E, I(O);
         } else
-          (L = I.props) != null && L.parentKey ? (b.value[I.props.parentKey] = $[I.props.parentKey] ?? {}, b.value[I.props.parentKey][I.name] = $[I.props.parentKey][I.name] ?? "") : b.value[I.name] = $[I.name] ?? "", O(I);
+          (L = O.props) != null && L.parentKey ? (b.value[O.props.parentKey] = $[O.props.parentKey] ?? {}, b.value[O.props.parentKey][O.name] = $[O.props.parentKey][O.name] ?? "") : b.value[O.name] = $[O.name] ?? "", I(O);
       });
     }, y = () => {
       a.jsonForm.forEach(($) => {
         if (typeof $.name == "object") {
-          let I = [];
+          let O = [];
           $.name.forEach((L) => {
-            a.errors[L.key] && I.push(a.errors[L.key]);
-          }), A.value[B($.name)] = I.join(",");
+            a.errors[L.key] && O.push(a.errors[L.key]);
+          }), A.value[B($.name)] = O.join(",");
         } else
           A.value[$.name] = a.errors[$.name] ?? "";
       });
     }, V = z(() => ({
       ...a.logicValues,
       ...b.value
-    })), O = ($) => {
+    })), I = ($) => {
       if ($.show_if || $.show_if_preview) {
-        let I = $.class ? $.class : "";
+        let O = $.class ? $.class : "";
         if ($.show_if)
           if ($.show_if_value !== void 0)
             if (Array.isArray($.show_if_value)) {
@@ -10386,11 +10386,11 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
               $.show_if.forEach((E, P) => {
                 var D;
                 $.show_if_value[P] === "arrayExist" ? (D = V.value[$.show_if[P]]) != null && D.length && (L = L + 1) : $.show_if_value[P] === V.value[$.show_if[P]] && (L = L + 1);
-              }), L < $.show_if.length && (I = I + " hidden");
-            } else $.show_if_value !== V.value[$.show_if] && (I = I + " hidden");
-          else $.show_if_not !== void 0 ? $.show_if_not === V.value[$.show_if] && (I = I + " hidden") : $.show_if_min !== void 0 && (isNaN(parseInt(V.value[$.show_if])) ? 1 : parseInt(V.value[$.show_if])) < parseInt($.show_if_min) && (I = I + " hidden");
-        else $.show_if_preview && ($.show_if_preview_only !== void 0 ? $.show_if_preview_only !== a.previewMode && (I = I + " hidden") : $.show_if_preview_not !== void 0 && $.show_if_preview_not === a.previewMode && (I = I + " hidden"));
-        typeof $.name == "object" ? j.value[B($.name)] = I : j.value[$.name] = I;
+              }), ($.show_if_one && L < 1 || !$.show_if_one && L < $.show_if.length) && (O = O + " hidden");
+            } else $.show_if_value !== V.value[$.show_if] && (O = O + " hidden");
+          else $.show_if_not !== void 0 ? $.show_if_not === V.value[$.show_if] && (O = O + " hidden") : $.show_if_min !== void 0 && (isNaN(parseInt(V.value[$.show_if])) ? 1 : parseInt(V.value[$.show_if])) < parseInt($.show_if_min) && (O = O + " hidden");
+        else $.show_if_preview && ($.show_if_preview_only !== void 0 ? $.show_if_preview_only !== a.previewMode && (O = O + " hidden") : $.show_if_preview_not !== void 0 && $.show_if_preview_not === a.previewMode && (O = O + " hidden"));
+        typeof $.name == "object" ? j.value[B($.name)] = O : j.value[$.name] = O;
       } else
         j.value[$.name] = $.class ? $.class : "";
     };
@@ -10425,7 +10425,7 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       }
     ), we(() => {
       C(a.values), y(a.errors);
-    }), ($, I) => Object.values(b.value).length > 0 ? (t(), i("div", {
+    }), ($, O) => Object.values(b.value).length > 0 ? (t(), i("div", {
       key: 0,
       class: v(e.grid ? `responsive-smart-form-grid ${h.value}` : h.value),
       style: oe(e.grid ? m.value : "")
@@ -10459,16 +10459,16 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, If = de(() => import("./OcDataTable-mMHZ8NAy.js")), Tf = de(() => import("./OcFilterSearch-CZFYTYJk.js")), Df = de(() => import("./OcFilterSearchFor-Cb3xFJfa.js")), Af = de(() => import("./OcFilterForm-BvidkPCN.js")), fm = de(
-  () => import("./OcComplexCalendar-Ch400pqU.js")
+}, If = de(() => import("./OcDataTable-DwE9E3Rt.js")), Tf = de(() => import("./OcFilterSearch-NjCAG_1a.js")), Df = de(() => import("./OcFilterSearchFor-DfU7MddT.js")), Af = de(() => import("./OcFilterForm-BvYv_cHR.js")), fm = de(
+  () => import("./OcComplexCalendar-BxeU6GDx.js")
 ), Mf = de(
-  () => import("./OcComplexDatePicker-RPPFeVsP.js")
-), ot = de(() => import("./OcModalCropper-BELQ1Qvg.js")), jf = de(() => import("./OcCropper-DO5kKG-T.js")), vm = de(() => import("./OcDraggable-CZT2mJvO.js")), Lf = de(() => import("./OcDraggableList-DylJwzZ3.js")), Pf = de(() => import("./OcEmojiPicker-CnKsC-Ru.js")), Ef = de(
-  () => import("./ThumbnailTheme-7u-8fYRM.js")
+  () => import("./OcComplexDatePicker-Bfp6zvjV.js")
+), ot = de(() => import("./OcModalCropper-DWZDiC5C.js")), jf = de(() => import("./OcCropper-CrACFtvk.js")), vm = de(() => import("./OcDraggable-CZT2mJvO.js")), Lf = de(() => import("./OcDraggableList-CViD5biZ.js")), Pf = de(() => import("./OcEmojiPicker-DwpgrcVS.js")), Ef = de(
+  () => import("./ThumbnailTheme-30v_68zf.js")
 ), Nf = de(
-  () => import("./ThumbnailSection-CFYSpRZ_.js")
-), zf = de(() => import("./SubPlanCard-CRdGSLdO.js")), Rf = de(() => import("./OcTimePopup-CXGhaOev.js")), gm = de(() => import("./OcTimePicker-BiHdi97E.js")), Ff = de(
-  () => import("./OcAccountSetupProgress-DpXIuG_h.js")
+  () => import("./ThumbnailSection-B5aTQv38.js")
+), zf = de(() => import("./SubPlanCard-_x09XmjW.js")), Rf = de(() => import("./OcTimePopup-CXGhaOev.js")), gm = de(() => import("./OcTimePicker-CpMiwMWm.js")), Ff = de(
+  () => import("./OcAccountSetupProgress-CFE9Hq7Q.js")
 );
 export {
   Gm as $,