@orchidui/core 1.108.0 → 1.109.0

package/dist/{index-CswSEhQy.js → index-CjmMxCq0.js}

@@ -3206,30 +3206,30 @@ const da = {
   },
   setup(e, { emit: n }) {
     const t = e, a = n, o = R(() => {
-      var D;
-      return t.isLoading ? [] : ((D = t.options) == null ? void 0 : D.fields) ?? [];
+      var L;
+      return t.isLoading ? [] : ((L = t.options) == null ? void 0 : L.fields) ?? [];
     }), i = R(() => {
-      var D;
-      return ((D = t.options) == null ? void 0 : D.headers) ?? [];
+      var L;
+      return ((L = t.options) == null ? void 0 : L.headers) ?? [];
     }), u = R(() => {
-      var D;
-      return t.isLoading ? !1 : (D = t.options) == null ? void 0 : D.isSelectable;
+      var L;
+      return t.isLoading ? !1 : (L = t.options) == null ? void 0 : L.isSelectable;
     }), f = R(() => {
-      var D;
-      return (((D = t.options) == null ? void 0 : D.isExpand) && !(t != null && t.isLoading)) ?? !1;
+      var L;
+      return (((L = t.options) == null ? void 0 : L.isExpand) && !(t != null && t.isLoading)) ?? !1;
     }), c = R(
-      () => typeof t.rowKey == "function" ? t.rowKey : (D) => D[t.rowKey]
+      () => typeof t.rowKey == "function" ? t.rowKey : (L) => L[t.rowKey]
     ), m = R({
       get() {
         return t.selected || [];
       },
-      set(D) {
-        a("update:selected", D);
+      set(L) {
+        a("update:selected", L);
       }
-    }), g = R(() => o.value), p = (D) => t.disabledRows.some((H) => (typeof H == "string" ? H : c.value(H)) === c.value(D)), I = R(() => o.value.filter((D) => !p(D))), E = R(() => {
+    }), g = R(() => o.value), p = (L) => t.disabledRows.some((H) => (typeof H == "string" ? H : c.value(H)) === c.value(L)), I = R(() => o.value.filter((L) => !p(L))), E = R(() => {
       if (!I.value.length) return !1;
-      const D = new Set(m.value.map((H) => c.value(H)));
-      return I.value.every((H) => D.has(c.value(H)));
+      const L = new Set(m.value.map((H) => c.value(H)));
+      return I.value.every((H) => L.has(c.value(H)));
     }), B = {
       DEFAULT: 125,
       ACTIONS: 32
@@ -3239,49 +3239,49 @@ const da = {
     }, y = A(null), k = A(null);
     let O = null, T = null, N = null, M = null;
     const G = A(!0), J = R(() => {
-      var D;
+      var L;
       return {
-        width: (D = k.value) != null && D.offsetWidth ? `${k.value.offsetWidth}px` : void 0,
+        width: (L = k.value) != null && L.offsetWidth ? `${k.value.offsetWidth}px` : void 0,
         ...t.loadingRows ? { minHeight: `${t.loadingRows * Wi}px` } : {}
       };
     }), q = A(!1);
-    let L = null;
+    let D = null;
     re(
       () => t.isLoading,
-      (D) => {
-        D ? (q.value = !1, L && clearTimeout(L), L = setTimeout(() => {
+      (L) => {
+        L ? (q.value = !1, D && clearTimeout(D), D = setTimeout(() => {
           t.isLoading && (q.value = !0);
-        }, 3e3)) : (q.value = !1, L && (clearTimeout(L), L = null));
+        }, 3e3)) : (q.value = !1, D && (clearTimeout(D), D = null));
       }
     );
-    const W = (D, H) => {
+    const W = (L, H) => {
       const z = H.querySelector('div[data-resize-handle="true"]');
       z && H.removeChild(z);
       const ee = document.createElement("div");
-      return ee.classList.add("shadow-line"), ee.style.top = "0", ee.style.right = "0", ee.style.width = "8px", ee.style.position = "absolute", ee.style.cursor = "col-resize", ee.style.userSelect = "none", ee.style.height = D + "px", ee.style.borderRight = "1px solid var(--oc-gray-200)", ee.setAttribute("data-resize-handle", "true"), ee;
-    }, K = (D) => {
-      if (X(D, "box-sizing") == "border-box")
+      return ee.classList.add("shadow-line"), ee.style.top = "0", ee.style.right = "0", ee.style.width = "8px", ee.style.position = "absolute", ee.style.cursor = "col-resize", ee.style.userSelect = "none", ee.style.height = L + "px", ee.style.borderRight = "1px solid var(--oc-gray-200)", ee.setAttribute("data-resize-handle", "true"), ee;
+    }, K = (L) => {
+      if (X(L, "box-sizing") == "border-box")
         return 0;
-      const H = X(D, "padding-left"), z = X(D, "padding-right");
+      const H = X(L, "padding-left"), z = X(L, "padding-right");
       return parseInt(H) + parseInt(z);
-    }, X = (D, H) => window.getComputedStyle(D, null).getPropertyValue(H), ae = (D) => {
-      D.addEventListener("mousedown", function(H) {
+    }, X = (L, H) => window.getComputedStyle(L, null).getPropertyValue(H), ae = (L) => {
+      L.addEventListener("mousedown", function(H) {
         H.preventDefault(), H.stopPropagation(), O = H.target.parentElement, T = O.nextElementSibling;
         const z = y.value, ee = z ? z.scrollLeft : 0;
         N = H.pageX + ee;
         const he = K(O);
         M = O.offsetWidth - he, T && T.offsetWidth - he;
-      }), D.addEventListener("click", function(H) {
+      }), L.addEventListener("click", function(H) {
         H.preventDefault(), H.stopPropagation();
-      }), D.addEventListener("mouseover", function(H) {
+      }), L.addEventListener("mouseover", function(H) {
         H.target.style.borderColor = "var(--oc-gray-500)";
-      }), D.addEventListener("mouseout", function(H) {
+      }), L.addEventListener("mouseout", function(H) {
         H.target.style.borderColor = "var(--oc-gray-200)";
       });
-    }, $e = (D) => {
+    }, $e = (L) => {
       if (O) {
         V = !0;
-        const H = y.value, z = H ? H.scrollLeft : 0, he = D.pageX + z - N;
+        const H = y.value, z = H ? H.scrollLeft : 0, he = L.pageX + z - N;
         let Le = Array.from(O.parentElement.children).indexOf(O);
         f.value && Le--, u.value && Le--;
         const Pe = i.value[Le];
@@ -3293,19 +3293,19 @@ const da = {
     }, ve = () => {
       V && setTimeout(() => {
       }, 0), V = !1, O = void 0, T = void 0, N = void 0, M = void 0;
-    }, Ae = (D) => {
-      if (!D) return;
-      const H = D.getElementsByTagName("tr")[0], z = H ? H.children : void 0;
+    }, Ae = (L) => {
+      if (!L) return;
+      const H = L.getElementsByTagName("tr")[0], z = H ? H.children : void 0;
       if (z)
         for (let ee = 0; ee < z.length; ee++) {
           const he = z[ee].querySelector('div[style*="cursor: col-resize"]');
           he && z[ee].removeChild(he), z[ee].style.position = "";
         }
-    }, xe = (D) => {
-      const H = D.getElementsByTagName("tr")[0], z = H ? H.children : void 0;
+    }, xe = (L) => {
+      const H = L.getElementsByTagName("tr")[0], z = H ? H.children : void 0;
       if (!z)
         return;
-      const ee = D.offsetHeight, he = D.parentElement.offsetWidth;
+      const ee = L.offsetHeight, he = L.parentElement.offsetWidth;
       let ke = 0;
       f.value && (ke += 32), u.value && (ke += 32);
       const Le = he - ke, Pe = [];
@@ -3363,15 +3363,15 @@ const da = {
         }
       }
     }, fe = () => {
-      var D;
-      ((D = k.value) == null ? void 0 : D.scrollLeft) > 0 ? G.value = !0 : G.value = !1;
+      var L;
+      ((L = k.value) == null ? void 0 : L.scrollLeft) > 0 ? G.value = !0 : G.value = !1;
     };
     let ie = null;
-    function ue(D, H) {
+    function ue(L, H) {
       let z = null;
       return function(...ee) {
         z && clearTimeout(z), z = setTimeout(() => {
-          D.apply(this, ee);
+          L.apply(this, ee);
         }, H);
       };
     }
@@ -3387,7 +3387,7 @@ const da = {
     }), kt(() => {
       document.removeEventListener("mousemove", $e), document.removeEventListener("mouseup", ve), ie && (ie.disconnect(), ie = null);
     });
-    const Oe = (D, H, z = !1) => {
+    const Oe = (L, H, z = !1) => {
       const ee = [];
       if (i.value.findIndex((ke) => ke.key === H) === 0) {
         let ke = "left-0";
@@ -3396,28 +3396,28 @@ const da = {
         );
       }
       return ee.join(" ");
-    }, Ge = (D) => {
-      m.value.find((z) => c.value(z) === c.value(D)) ? m.value = m.value.filter(
-        (z) => c.value(z) !== c.value(D)
-      ) : m.value = [...m.value, D];
+    }, Ge = (L) => {
+      m.value.find((z) => c.value(z) === c.value(L)) ? m.value = m.value.filter(
+        (z) => c.value(z) !== c.value(L)
+      ) : m.value = [...m.value, L];
     }, Y = () => {
       if (E.value) {
-        const D = new Set(I.value.map((H) => c.value(H)));
-        m.value = m.value.filter((H) => !D.has(c.value(H)));
+        const L = new Set(I.value.map((H) => c.value(H)));
+        m.value = m.value.filter((H) => !L.has(c.value(H)));
       } else {
-        const D = new Set(m.value.map((z) => c.value(z))), H = I.value.filter((z) => !D.has(c.value(z)));
+        const L = new Set(m.value.map((z) => c.value(z))), H = I.value.filter((z) => !L.has(c.value(z)));
         m.value = [...m.value, ...H];
       }
-    }, ne = (D, H) => {
+    }, ne = (L, H) => {
       !H.disableClickRow && H.key !== "actions" && a("click:row", {
-        field: D,
+        field: L,
         header: H
       });
     };
-    return (D, H) => (l(), r("div", null, [
+    return (L, H) => (l(), r("div", null, [
       s("div", Ni, [
-        D.$slots.before ? (l(), r("div", Di, [
-          w(D.$slots, "before")
+        L.$slots.before ? (l(), r("div", Di, [
+          w(L.$slots, "before")
         ])) : $("", !0),
         s("div", {
           ref_key: "scrollContainerRef",
@@ -3468,7 +3468,7 @@ const da = {
                       "is-popover": ""
                     }, {
                       popper: S(() => [
-                        w(D.$slots, `header-${z.key}-left-tooltip`, {}, () => [
+                        w(L.$slots, `header-${z.key}-left-tooltip`, {}, () => [
                           s("div", Fi, x(z.leftTooltip), 1)
                         ])
                       ]),
@@ -3488,7 +3488,7 @@ const da = {
                       "popper-options": { strategy: "fixed" }
                     }, {
                       popper: S(() => [
-                        w(D.$slots, `header-${z.key}-tooltip`, {}, () => [
+                        w(L.$slots, `header-${z.key}-tooltip`, {}, () => [
                           s("div", ji, x(z.tooltip), 1)
                         ])
                       ]),
@@ -3544,20 +3544,20 @@ const da = {
                 onToggleChildren: Te,
                 "onClick:col": ne
               }, le({ _: 2 }, [
-                j(Object.keys(D.$slots), (he) => ({
+                j(Object.keys(L.$slots), (he) => ({
                   name: he,
                   fn: S((ke) => [
-                    w(D.$slots, he, U({ ref_for: !0 }, ke))
+                    w(L.$slots, he, U({ ref_for: !0 }, ke))
                   ])
                 }))
               ]), 1032, ["headers", "row", "index", "is-expand", "is-selected", "is-selectable", "sorted-fields", "selected-rows", "get-row-key"]))), 128)),
-              w(D.$slots, "after-rows")
+              w(L.$slots, "after-rows")
             ]))
           ], 512),
-          !o.value.length && !e.isLoading ? w(D.$slots, "empty", { key: 0 }) : $("", !0)
+          !o.value.length && !e.isLoading ? w(L.$slots, "empty", { key: 0 }) : $("", !0)
         ], 2)
       ]),
-      w(D.$slots, "after")
+      w(L.$slots, "after")
     ]));
   }
 }, Gi = { class: "rounded flex border border-oc-text-200 bg-oc-bg-dark overflow-hidden w-full" }, qi = { class: "text-oc-text-400" }, Ki = { class: "flex items-center mt-1" }, Yi = { class: "flex-1" }, Xi = {
@@ -10735,7 +10735,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
   }
 }, J1 = {
   key: 0,
-  class: "flex flex-wrap gap-2 overflow-hidden"
+  class: "flex overflow-hidden flex-wrap gap-2"
 }, Q1 = {
   key: 0,
   class: "text-oc-text-300"
@@ -10747,10 +10747,10 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
   class: "truncate"
 }, t2 = {
   key: 0,
-  class: "sticky px-3 pt-3 top-0 z-10 bg-white"
+  class: "sticky top-0 z-10 px-3 pt-3 bg-white"
 }, n2 = {
   key: 0,
-  class: "text-sm text-oc-text-300 text-center"
+  class: "text-sm text-center text-oc-text-300"
 }, a2 = { key: 0 }, l2 = {
   __name: "OcSelect",
   props: {
@@ -10843,7 +10843,23 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
       type: Object,
       default: () => ({})
     },
-    /** Props forwarded to the underlying Popper/Dropdown component (e.g. placement). */
+    /**
+     * Popper placement for the dropdown menu.
+     * Common values: `'bottom-start'` (bottom-left), `'bottom-end'`, `'top-start'`, `'top-end'`, `'left'`, `'right'`.
+     */
+    placement: {
+      type: String,
+      default: "bottom-end"
+    },
+    /**
+     * Inline styles applied to the popper (dropdown menu) element.
+     * Overrides the default trigger-matched width — e.g. `{ width: '320px', maxWidth: '320px' }`.
+     */
+    popperStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    /** Props forwarded to the underlying Popper/Dropdown component. */
     popperOptions: {
       type: Object,
       default: () => ({})
@@ -10884,66 +10900,66 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
   setup(e, { expose: n, emit: t }) {
     var q;
     const a = e, o = t, i = A(a.searchKeywords ?? ""), u = A(!1), f = A(), c = A(), m = A([]), g = A(), p = A(a.ai && !!((q = a.modelValue) != null && q.length)), I = A((/* @__PURE__ */ new Date()).toISOString()), E = R(() => {
-      var L, W;
-      return a.multiple ? ((L = a.modelValue) == null ? void 0 : L.length) && ((W = a.modelValue) == null ? void 0 : W.length) === V.value.length : !1;
-    }), B = (L) => {
+      var D, W;
+      return a.multiple ? ((D = a.modelValue) == null ? void 0 : D.length) && ((W = a.modelValue) == null ? void 0 : W.length) === V.value.length : !1;
+    }), B = (D) => {
       var K, X;
       const W = i.value.toLowerCase().trim().replace(/\s+/g, " ");
-      return ((K = L.label) == null ? void 0 : K.toLowerCase().trim().replace(/\s+/g, " ").includes(W)) || ((X = L.subLabel) == null ? void 0 : X.toLowerCase().trim().replace(/\s+/g, " ").includes(W));
+      return ((K = D.label) == null ? void 0 : K.toLowerCase().trim().replace(/\s+/g, " ").includes(W)) || ((X = D.subLabel) == null ? void 0 : X.toLowerCase().trim().replace(/\s+/g, " ").includes(W));
     }, V = R(() => {
-      const L = [];
+      const D = [];
       for (const W of a.options)
         if (W.values) {
           const K = W.values.filter(B);
-          K.length > 0 && L.push({
+          K.length > 0 && D.push({
             label: W.label,
             values: K
           });
         } else
-          B(W) && L.push(W);
-      return L;
+          B(W) && D.push(W);
+      return D;
     }), C = R(() => {
       if (a.multiple) {
-        let L = [];
+        let D = [];
         if (a.modelValue)
           for (const W of a.modelValue)
             for (const K of a.options)
               K.values ? K.values.forEach((X) => {
-                He(X.value, W) && L.push(X);
-              }) : He(K.value, W) && L.push(K);
-        return L;
+                He(X.value, W) && D.push(X);
+              }) : He(K.value, W) && D.push(K);
+        return D;
       } else
-        return a.options.find((L) => He(L.value, a.modelValue));
-    }), y = (L) => {
+        return a.options.find((D) => He(D.value, a.modelValue));
+    }), y = (D) => {
       var K;
-      if (L.isDisabled)
+      if (D.isDisabled)
         return;
       let W;
       if (a.multiple) {
-        const X = (a.modelValue || []).find((ae) => He(ae, L.value));
+        const X = (a.modelValue || []).find((ae) => He(ae, D.value));
         if (!X && a.maxOptionAllowed && ((K = C.value) == null ? void 0 : K.length) >= Number(a.maxOptionAllowed)) {
           o("max-option-allowed-set");
           return;
         }
-        W = X ? (a.modelValue || []).filter((ae) => !He(ae, L.value)) : [...a.modelValue || [], L.value];
+        W = X ? (a.modelValue || []).filter((ae) => !He(ae, D.value)) : [...a.modelValue || [], D.value];
       } else
-        W = L.value, u.value = !1;
+        W = D.value, u.value = !1;
       o("update:modelValue", W);
-    }, k = (L) => {
+    }, k = (D) => {
       o(
         "update:modelValue",
-        (a.modelValue || []).filter((W) => !He(W, L))
+        (a.modelValue || []).filter((W) => !He(W, D))
       );
     }, O = () => {
       a.isAsynchronousSearch || (E.value ? o("update:modelValue", null) : o(
         "update:modelValue",
-        V.value.map((L) => L.value)
+        V.value.map((D) => D.value)
       ));
     }, T = A();
     re(V, () => {
       I.value = (/* @__PURE__ */ new Date()).toISOString();
-    }), re(u, (L) => {
-      if (!L) {
+    }), re(u, (D) => {
+      if (!D) {
         o("close");
         return;
       }
@@ -10952,9 +10968,15 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
         (W = f.value) == null || W.focus();
       });
     });
-    const N = A("100%"), M = R(() => ({ maxWidth: N.value })), G = () => {
-      var L, W, K, X;
-      o("toggle"), N.value = (W = (L = T.value) == null ? void 0 : L.$el) != null && W.offsetWidth ? `${(X = (K = T.value) == null ? void 0 : K.$el) == null ? void 0 : X.offsetWidth}px` : "100%", setTimeout(() => {
+    const N = A("100%"), M = R(() => {
+      const D = a.popperStyle || {};
+      return {
+        ...D.width != null || D.maxWidth != null ? {} : { maxWidth: N.value },
+        ...D
+      };
+    }), G = () => {
+      var D, W, K, X;
+      o("toggle"), N.value = (W = (D = T.value) == null ? void 0 : D.$el) != null && W.offsetWidth ? `${(X = (K = T.value) == null ? void 0 : K.$el) == null ? void 0 : X.offsetWidth}px` : "100%", setTimeout(() => {
         var xe, fe, ie;
         let ae, $e;
         if (Array.isArray(a.modelValue) ? ae = a.modelValue[0] ?? null : ae = a.modelValue, !ae) return;
@@ -10965,19 +10987,23 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
         const ve = m.value[$e], Ae = (xe = ve == null ? void 0 : ve.optionItemRef) == null ? void 0 : xe.offsetTop;
         (ie = (fe = g.value) == null ? void 0 : fe.parentNode) == null || ie.scrollTo(0, Ae - 60, { behavior: "smooth" });
       }, 10);
-    }, J = (L) => {
+    }, J = (D) => {
       var K, X, ae;
       if (a.isLoading)
         return;
-      ((K = L.target) == null ? void 0 : K.scrollHeight) - Math.round((X = L.target) == null ? void 0 : X.scrollTop) <= ((ae = L.target) == null ? void 0 : ae.clientHeight) && o("loadMore");
+      ((K = D.target) == null ? void 0 : K.scrollHeight) - Math.round((X = D.target) == null ? void 0 : X.scrollTop) <= ((ae = D.target) == null ? void 0 : ae.clientHeight) && o("loadMore");
     };
-    return re(() => a.modelValue, () => {
-      p.value = !1;
-    }, {
-      once: !0
-    }), n({
+    return re(
+      () => a.modelValue,
+      () => {
+        p.value = !1;
+      },
+      {
+        once: !0
+      }
+    ), n({
       dropdownRef: c
-    }), (L, W) => (l(), h(d(Ve), {
+    }), (D, W) => (l(), h(d(Ve), {
       ref_key: "baseInput",
       ref: T,
       class: "relative rounded",
@@ -10991,8 +11017,8 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
       "tooltip-options": e.tooltipOptions
     }, le({
       tooltipText: S(() => [
-        L.$slots.selectTooltipText ? (l(), r("div", a2, [
-          w(L.$slots, "selectTooltipText")
+        D.$slots.selectTooltipText ? (l(), r("div", a2, [
+          w(D.$slots, "selectTooltipText")
         ])) : $("", !0)
       ]),
       default: S(() => [
@@ -11011,7 +11037,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
           ]]),
           distance: 4,
           "popper-class": "w-full",
-          placement: "bottom-end",
+          placement: e.placement,
           "popper-style": M.value,
           "popper-options": e.popperOptions,
           "is-disabled": e.isDisabled || e.isReadonly,
@@ -11033,7 +11059,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                     modelValue: i.value,
                     "onUpdate:modelValue": [
                       W[4] || (W[4] = (X) => i.value = X),
-                      W[5] || (W[5] = (X) => L.$emit("onSearchKeywords", i.value))
+                      W[5] || (W[5] = (X) => D.$emit("onSearchKeywords", i.value))
                     ],
                     icon: "search",
                     placeholder: e.inlineSearchPlaceholder
@@ -11048,7 +11074,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                   }, 8, ["modelValue", "placeholder"])
                 ])) : $("", !0),
                 s("div", {
-                  class: v(["flex px-3 pb-3 flex-col gap-y-2", { "pt-3": !e.isFilterable || e.isInlineSearch && !C.value }])
+                  class: v(["flex flex-col gap-y-2 px-3 pb-3", { "pt-3": !e.isFilterable || e.isInlineSearch && !C.value }])
                 }, [
                   e.isCheckboxes && e.isSelectAll && V.value.length && e.multiple ? (l(), h(d(kn), {
                     key: 0,
@@ -11059,7 +11085,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                     label: "Select All",
                     onClick: O
                   }, null, 8, ["is-selected", "is-partial"])) : $("", !0),
-                  w(L.$slots, "default", {
+                  w(D.$slots, "default", {
                     key: I.value,
                     fOptions: V.value,
                     selectOption: y
@@ -11076,11 +11102,11 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                       "is-selected": e.multiple ? e.modelValue ? e.modelValue.find((ae) => d(He)(ae, X.value)) !== void 0 : !1 : d(He)(e.modelValue, X.value),
                       onClick: (ae) => y(X)
                     }, null, 8, ["label", "sub-label", "is-disabled", "is-checkboxes", "is-selected", "onClick"]))), 128)),
-                    w(L.$slots, "empty", {}, () => [
+                    w(D.$slots, "empty", {}, () => [
                       V.value.length ? $("", !0) : (l(), r("div", n2, " No data to display "))
                     ])
                   ]),
-                  w(L.$slots, "infinite-scrolling"),
+                  w(D.$slots, "infinite-scrolling"),
                   e.isLoading ? (l(), h(d(ce), {
                     key: 1,
                     class: v(["h-[20px] rounded-sm", { "mt-2": !e.options.length && e.isFilterable }])
@@ -11092,7 +11118,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                   class: "flex items-center py-2 justify-center gap-x-[6px] sticky bottom-0 bg-white z-10",
                   size: "small",
                   "is-transparent": "",
-                  onClick: W[6] || (W[6] = (X) => L.$emit("addNew"))
+                  onClick: W[6] || (W[6] = (X) => D.$emit("addNew"))
                 }, {
                   default: S(() => [
                     b(d(P), {
@@ -11123,7 +11149,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
               ]])
             }, [
               e.multiple ? (l(), r("div", J1, [
-                w(L.$slots, "selection", {}, () => [
+                w(D.$slots, "selection", {}, () => [
                   (l(!0), r(F, null, j(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (K) => (l(), h(d(de), U({
                     key: K.value,
                     closable: !K.isRemoveDisabled,
@@ -11145,7 +11171,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                 modelValue: i.value,
                 "onUpdate:modelValue": [
                   W[0] || (W[0] = (K) => i.value = K),
-                  W[1] || (W[1] = (K) => L.$emit("onSearchKeywords", i.value))
+                  W[1] || (W[1] = (K) => D.$emit("onSearchKeywords", i.value))
                 ],
                 placeholder: e.defaultSearchPlaceholder,
                 "input-class": "border-none !shadow-none bg-transparent",
@@ -11164,7 +11190,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
                 } : void 0
               ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (l(), r("span", {
                 key: 2,
-                class: v(["whitespace-nowrap flex gap-x-3 items-center overflow-hidden", e.selectTextClass])
+                class: v(["flex overflow-hidden gap-x-3 items-center whitespace-nowrap", e.selectTextClass])
               }, [
                 e.icon ? (l(), h(d(P), {
                   key: 0,
@@ -11180,7 +11206,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
               ], 2)),
               e.modelValue && e.isClearable ? (l(), h(d(P), {
                 key: 3,
-                class: "text-oc-text-400 ml-auto transition-all shrink-0 duration-500 hover:rotate-90",
+                class: "ml-auto transition-all duration-500 text-oc-text-400 shrink-0 hover:rotate-90",
                 width: "16",
                 height: "16",
                 name: "x",
@@ -11188,7 +11214,7 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
               })) : $("", !0),
               e.hideChevron ? $("", !0) : (l(), h(d(P), {
                 key: 4,
-                class: v(["w-5 h-5 transition-all shrink-0 duration-500", {
+                class: v(["w-5 h-5 transition-all duration-500 shrink-0", {
                   "-rotate-180": u.value,
                   "text-oc-text-400": !e.dropdownClasses
                 }]),
@@ -11197,14 +11223,14 @@ const D1 = { class: "flex gap-x-2 items-center" }, L1 = { class: "text-oc-text-4
             ], 2)
           ]),
           _: 3
-        }, 8, ["modelValue", "class", "popper-style", "popper-options", "is-disabled", "menu-classes"])
+        }, 8, ["modelValue", "class", "placement", "popper-style", "popper-options", "is-disabled", "menu-classes"])
       ]),
       _: 2
     }, [
-      L.$slots.hint ? {
+      D.$slots.hint ? {
         name: "hint",
         fn: S(() => [
-          w(L.$slots, "hint")
+          w(D.$slots, "hint")
         ]),
         key: "0"
       } : void 0
@@ -11639,7 +11665,7 @@ function I2() {
       function V(C) {
         var y, k;
         y = C, k = c && c.formats;
-        for (var O = (C = y.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(L, W, K) {
+        for (var O = (C = y.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(D, W, K) {
           var X = K && K.toUpperCase();
           return W || k[K] || t[K] || k[X].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(ae, $e, ve) {
             return $e || ve.slice(1);
@@ -11648,13 +11674,13 @@ function I2() {
           var M = O[N], G = B[M], J = G && G[0], q = G && G[1];
           O[N] = q ? { regex: J, parser: q } : M.replace(/^\[|\]$/g, "");
         }
-        return function(L) {
+        return function(D) {
           for (var W = {}, K = 0, X = 0; K < T; K += 1) {
             var ae = O[K];
             if (typeof ae == "string") X += ae.length;
             else {
-              var $e = ae.regex, ve = ae.parser, Ae = L.slice(X), xe = $e.exec(Ae)[0];
-              ve.call(W, xe), L = L.replace(xe, "");
+              var $e = ae.regex, ve = ae.parser, Ae = D.slice(X), xe = $e.exec(Ae)[0];
+              ve.call(W, xe), D = D.replace(xe, "");
             }
           }
           return (function(fe) {
@@ -11674,13 +11700,13 @@ function I2() {
           this.$u = G;
           var q = J[1];
           if (typeof q == "string") {
-            var L = J[2] === !0, W = J[3] === !0, K = L || W, X = J[2];
-            W && (X = J[2]), c = this.$locale(), !L && X && (c = k.Ls[X]), this.$d = (function(Ae, xe, fe, ie) {
+            var D = J[2] === !0, W = J[3] === !0, K = D || W, X = J[2];
+            W && (X = J[2]), c = this.$locale(), !D && X && (c = k.Ls[X]), this.$d = (function(Ae, xe, fe, ie) {
               try {
                 if (["x", "X"].indexOf(xe) > -1) return new Date((xe === "X" ? 1e3 : 1) * Ae);
-                var ue = V(xe)(Ae), Te = ue.year, Q = ue.month, Oe = ue.day, Ge = ue.hours, Y = ue.minutes, ne = ue.seconds, D = ue.milliseconds, H = ue.zone, z = ue.week, ee = /* @__PURE__ */ new Date(), he = Oe || (Te || Q ? 1 : ee.getDate()), ke = Te || ee.getFullYear(), Le = 0;
+                var ue = V(xe)(Ae), Te = ue.year, Q = ue.month, Oe = ue.day, Ge = ue.hours, Y = ue.minutes, ne = ue.seconds, L = ue.milliseconds, H = ue.zone, z = ue.week, ee = /* @__PURE__ */ new Date(), he = Oe || (Te || Q ? 1 : ee.getDate()), ke = Te || ee.getFullYear(), Le = 0;
                 Te && !Q || (Le = Q > 0 ? Q - 1 : ee.getMonth());
-                var Pe, Re = Ge || 0, Fe = Y || 0, Xe = ne || 0, nt = D || 0;
+                var Pe, Re = Ge || 0, Fe = Y || 0, Xe = ne || 0, nt = L || 0;
                 return H ? new Date(Date.UTC(ke, Le, he, Re, Fe, Xe, nt + 60 * H.offset * 1e3)) : fe ? new Date(Date.UTC(ke, Le, he, Re, Fe, Xe, nt)) : (Pe = new Date(ke, Le, he, Re, Fe, Xe, nt), z && (Pe = ie(Pe).week(z).toDate()), Pe);
               } catch {
                 return /* @__PURE__ */ new Date("");
@@ -11857,14 +11883,14 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
     te.extend(Wn), te.extend(Gn), te.extend(qn), te.extend(Yt);
     const t = e, a = n, o = A(), i = A(), u = A(), f = A(), c = A(), m = A(), g = A(), p = A(!1), I = A(!1), E = A(!1), B = A(!1), V = R(() => t.type === "range"), C = R(() => {
       const ne = o.value.endOf("month").date();
-      return Array.from({ length: ne }, (D, H) => H + 1);
+      return Array.from({ length: ne }, (L, H) => H + 1);
     }), y = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], k = R(() => o.value.format("MMMM YYYY")), O = R(
       () => E.value ? m.value.format("YYYY") : o.value.format("YYYY")
     ), T = R(() => o.value.format("MMM")), N = R(() => {
-      const Y = i.value, ne = u.value ?? g.value, D = [Y, ne];
-      return ne && (Y != null && Y.isAfter(ne)) && D.reverse(), {
-        from: D[0],
-        to: D[1]
+      const Y = i.value, ne = u.value ?? g.value, L = [Y, ne];
+      return ne && (Y != null && Y.isAfter(ne)) && L.reverse(), {
+        from: L[0],
+        to: L[1]
       };
     }), M = R(
       () => Object.values(N.value).filter(Boolean).length > 1
@@ -11878,7 +11904,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
         var Y;
         return G.value === ((Y = u.value) == null ? void 0 : Y.month());
       }
-    ), L = () => {
+    ), D = () => {
       g.value = null, o.value = o.value.subtract(1, "month"), i.value && (f.value = J.value ? i.value.date() : null, c.value = q.value ? u.value.date() : null);
     }, W = () => {
       g.value = null, o.value = o.value.add(1, "month"), f.value = J.value ? i.value.date() : null, c.value = q.value ? u.value.date() : null;
@@ -11894,7 +11920,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
       E.value = !1, B.value = !B.value;
     }, Ae = (Y) => {
       const ne = o.value.date(Y);
-      return Object.values(N.value).filter(Boolean).find((D) => D.isSame(ne));
+      return Object.values(N.value).filter(Boolean).find((L) => L.isSame(ne));
     }, xe = (Y) => V.value ? M.value ? o.value.date(Y).isBetween(
       N.value.from,
       N.value.to,
@@ -11916,23 +11942,23 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
         f.value = Y, i.value = H, c.value = null, u.value = null, ie();
         return;
       }
-      let D = Y && o.value.date(Y);
+      let L = Y && o.value.date(Y);
       if (!I.value) {
-        f.value = Y, i.value = D, c.value = void 0, u.value = void 0, I.value = !0;
+        f.value = Y, i.value = L, c.value = void 0, u.value = void 0, I.value = !0;
         return;
       }
-      u.value = D, c.value = Y, ne && ie();
+      u.value = L, c.value = Y, ne && ie();
     }, Q = ef((Y) => {
       I.value && Te(Y, !1);
     }, 50), Oe = () => {
-      var ne, D, H;
+      var ne, L, H;
       const Y = V.value ? (ne = t.modelValue) == null ? void 0 : ne[0] : t.modelValue;
-      o.value = te(Y), m.value = te(Y), i.value = Y && o.value, f.value = Y && i.value.date(), !(!V.value || !Y) && (u.value = te((D = t.modelValue) == null ? void 0 : D[1]), c.value = ((H = u.value) == null ? void 0 : H.month()) === o.value.month() ? u.value.date() : void 0);
+      o.value = te(Y), m.value = te(Y), i.value = Y && o.value, f.value = Y && i.value.date(), !(!V.value || !Y) && (u.value = te((L = t.modelValue) == null ? void 0 : L[1]), c.value = ((H = u.value) == null ? void 0 : H.month()) === o.value.month() ? u.value.date() : void 0);
     }, Ge = (Y) => {
-      const ne = Y + 11, D = [];
+      const ne = Y + 11, L = [];
       for (; Y <= ne; )
-        D.push(Y++);
-      return D;
+        L.push(Y++);
+      return L;
     };
     return Oe(), (Y, ne) => (l(), r("div", {
       class: v(["p-6 w-fit rounded flex flex-col gap-y-7", e.position === "floating" ? "shadow-normal bg-white" : ""])
@@ -11940,7 +11966,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
       s("div", tf, [
         b(d(be), {
           modelValue: B.value,
-          "onUpdate:modelValue": ne[1] || (ne[1] = (D) => B.value = D),
+          "onUpdate:modelValue": ne[1] || (ne[1] = (L) => B.value = L),
           distance: 10,
           position: "bottom",
           "is-popover": "",
@@ -11957,7 +11983,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
                 }),
                 s("div", {
                   class: "cursor-pointer hover:opacity-50 transition",
-                  onClick: ne[0] || (ne[0] = (D) => E.value = !E.value)
+                  onClick: ne[0] || (ne[0] = (L) => E.value = !E.value)
                 }, [
                   E.value ? (l(), r("div", lf, x(O.value - 11) + " - " + x(O.value), 1)) : (l(), r("div", of, x(O.value), 1))
                 ]),
@@ -11968,21 +11994,21 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
                 })
               ]),
               E.value ? (l(), r("div", sf, [
-                (l(!0), r(F, null, j(Ge(O.value - 11), (D) => (l(), r("div", {
-                  key: D,
+                (l(!0), r(F, null, j(Ge(O.value - 11), (L) => (l(), r("div", {
+                  key: L,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
-                    "!border-oc-primary bg-oc-primary text-white": o.value.year() === D
+                    "!border-oc-primary bg-oc-primary text-white": o.value.year() === L
                   }]),
-                  onClick: (H) => X(D)
-                }, x(D), 11, rf))), 128))
+                  onClick: (H) => X(L)
+                }, x(L), 11, rf))), 128))
               ])) : (l(), r("div", df, [
-                (l(), r(F, null, j(y, (D, H) => s("div", {
-                  key: D,
+                (l(), r(F, null, j(y, (L, H) => s("div", {
+                  key: L,
                   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": T.value === D
+                    "!border-oc-primary bg-oc-primary text-white": T.value === L
                   }]),
                   onClick: (z) => K(H)
-                }, x(D), 11, uf)), 64))
+                }, x(L), 11, uf)), 64))
               ]))
             ])
           ]),
@@ -12000,7 +12026,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
           b(d(P), {
             name: "chevron-down",
             class: "rotate-90 cursor-pointer",
-            onClick: L
+            onClick: D
           }),
           b(d(P), {
             name: "chevron-down",
@@ -12011,27 +12037,27 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
       ]),
       s("div", {
         class: "grid grid-cols-7 w-fit gap-3",
-        onMouseout: ne[2] || (ne[2] = (D) => d(Q)(void 0))
+        onMouseout: ne[2] || (ne[2] = (L) => d(Q)(void 0))
       }, [
-        (l(!0), r(F, null, j(C.value, (D) => {
+        (l(!0), r(F, null, j(C.value, (L) => {
           var H;
           return l(), r("div", {
-            key: D,
+            key: L,
             class: v(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
-              Ae(D) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
-              fe(D) ? "pointer-events-none opacity-[.35]" : "",
+              Ae(L) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
+              fe(L) ? "pointer-events-none opacity-[.35]" : "",
               V.value ? {
-                ...xe(D) && {
+                ...xe(L) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
-                  "before:rounded-l-full before:left-0 before:!w-[calc(100%+0.25rem)]": N.value.from.isSame(o.value.date(D)),
-                  "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (H = N.value.to) == null ? void 0 : H.isSame(o.value.date(D))
+                  "before:rounded-l-full before:left-0 before:!w-[calc(100%+0.25rem)]": N.value.from.isSame(o.value.date(L)),
+                  "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (H = N.value.to) == null ? void 0 : H.isSame(o.value.date(L))
                 },
                 "before:bg-transparent": f.value !== null && f.value === c.value
               } : ""
             ]]),
-            onClick: (z) => Te(D),
-            onMouseover: (z) => d(Q)(D)
-          }, x(D), 43, cf);
+            onClick: (z) => Te(L),
+            onMouseover: (z) => d(Q)(L)
+          }, x(L), 43, cf);
         }), 128))
       ], 32),
       w(Y.$slots, "bottom", {}, () => [
@@ -12039,7 +12065,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
           b(d(Ue), {
             modelValue: p.value,
             "onUpdate:modelValue": [
-              ne[3] || (ne[3] = (D) => p.value = D),
+              ne[3] || (ne[3] = (L) => p.value = L),
               ue
             ],
             label: e.inDefiniteLabel
@@ -12051,7 +12077,7 @@ const tf = { class: "flex items-center justify-between" }, nf = { class: "flex f
           label: "Reset",
           class: "w-[72px]",
           "is-disabled": p.value,
-          onClick: ne[4] || (ne[4] = (D) => a("reset-calendar"))
+          onClick: ne[4] || (ne[4] = (L) => a("reset-calendar"))
         }, null, 8, ["is-disabled"])
       ])
     ], 2));
@@ -12983,8 +13009,8 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
     });
     const k = (q) => {
       q.preventDefault();
-      const L = q.dataTransfer.files;
-      B({ target: { files: L } }, a.format === "object");
+      const D = q.dataTransfer.files;
+      B({ target: { files: D } }, a.format === "object");
     }, O = () => {
       !u.value || !f.value || o("update:modelValue", { fileName: f, fileLink: u });
     }, T = (q) => {
@@ -12992,10 +13018,10 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
     }, N = async (q) => {
       if (q)
         try {
-          const L = await fetch(q, { method: "HEAD" });
-          c.value = L.ok;
-        } catch (L) {
-          console.log("Error checking file link:", L);
+          const D = await fetch(q, { method: "HEAD" });
+          c.value = D.ok;
+        } catch (D) {
+          console.log("Error checking file link:", D);
         }
     }, M = () => {
       I.value = y.value.fileUrl, g.value = !1, p.value = !0;
@@ -13012,7 +13038,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
     };
     return n({
       onDeleteFile: V
-    }), (q, L) => (l(), h(d(Ve), {
+    }), (q, D) => (l(), h(d(Ve), {
       label: e.label,
       "label-class": e.labelClass,
       hint: e.hint,
@@ -13029,12 +13055,12 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
             "allow-to-edit": e.allowToEdit,
             "show-upload-image-area": e.showUploadImageArea,
             "onUpdate:uploadedImage": G,
-            onChange: L[0] || (L[0] = (Q) => d(B)(Q, a.format === "object")),
-            onDelete: L[1] || (L[1] = (Q) => d(V)(0)),
-            onOnOpenEditImage: L[2] || (L[2] = (Q) => q.$emit("onOpenEditImage", Q))
+            onChange: D[0] || (D[0] = (Q) => d(B)(Q, a.format === "object")),
+            onDelete: D[1] || (D[1] = (Q) => d(V)(0)),
+            onOnOpenEditImage: D[2] || (D[2] = (Q) => q.$emit("onOpenEditImage", Q))
           }, null, 8, ["accept", "uploaded-image", "image-classes", "allow-to-edit", "show-upload-image-area"])) : e.isButtonOnly ? (l(), r(F, { key: 1 }, [
             b(d(Z), U(e.buttonUploadProps, {
-              onClick: L[3] || (L[3] = (Q) => {
+              onClick: D[3] || (D[3] = (Q) => {
                 var Oe;
                 return (Oe = i.value) == null ? void 0 : Oe.click();
               })
@@ -13045,7 +13071,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
               class: "hidden",
               type: "file",
               accept: e.accept,
-              onChange: L[4] || (L[4] = (Q) => d(B)(Q, a.format === "object"))
+              onChange: D[4] || (D[4] = (Q) => d(B)(Q, a.format === "object"))
             }, null, 40, Xf)
           ], 64)) : (l(), r(F, { key: 2 }, [
             d(E).length ? (l(), r("div", {
@@ -13067,7 +13093,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                 }, null, 8, nm)),
                 b(d(be), {
                   modelValue: g.value,
-                  "onUpdate:modelValue": L[14] || (L[14] = (Q) => g.value = Q),
+                  "onUpdate:modelValue": D[14] || (D[14] = (Q) => g.value = Q),
                   class: "absolute top-3 right-3"
                 }, {
                   menu: S(() => {
@@ -13084,11 +13110,11 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                             height: "16",
                             name: "pencil"
                           }),
-                          L[18] || (L[18] = s("span", null, "Edit", -1))
+                          D[18] || (D[18] = s("span", null, "Edit", -1))
                         ])) : $("", !0),
                         s("div", {
                           class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
-                          onClick: L[13] || (L[13] = () => {
+                          onClick: D[13] || (D[13] = () => {
                             d(V)(0), g.value = !1;
                           })
                         }, [
@@ -13097,7 +13123,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                             height: "16",
                             name: "bin"
                           }),
-                          L[19] || (L[19] = s("span", null, "Delete", -1))
+                          D[19] || (D[19] = s("span", null, "Delete", -1))
                         ])
                       ])
                     ];
@@ -13113,9 +13139,9 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                 !((fe = (xe = y.value) == null ? void 0 : xe.file) != null && fe.type.includes("video")) && p.value ? (l(), h(d(Xt), {
                   key: 2,
                   modelValue: p.value,
-                  "onUpdate:modelValue": L[15] || (L[15] = (Q) => p.value = Q),
+                  "onUpdate:modelValue": D[15] || (D[15] = (Q) => p.value = Q),
                   img: I.value,
-                  onClose: L[16] || (L[16] = () => {
+                  onClose: D[16] || (D[16] = () => {
                     p.value = !1, I.value = "";
                   }),
                   onChangeImage: T
@@ -13155,7 +13181,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                     class: v(["w-[36px] h-[28px] flex text-oc-error items-center justify-center", {
                       "cursor-pointer": !e.isDisabled
                     }]),
-                    onClick: L[17] || (L[17] = (Q) => J(0))
+                    onClick: D[17] || (D[17] = (Q) => J(0))
                   }, [
                     e.isDisabled ? $("", !0) : (l(), h(d(P), {
                       key: 0,
@@ -13171,14 +13197,14 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                 e.variant === "url" ? (l(), r(F, { key: 0 }, [
                   b(d(Ee), {
                     modelValue: u.value,
-                    "onUpdate:modelValue": L[5] || (L[5] = (Q) => u.value = Q),
+                    "onUpdate:modelValue": D[5] || (D[5] = (Q) => u.value = Q),
                     "error-message": u.value && !c.value ? "Invalid link" : "",
                     placeholder: "https://website.com",
-                    onBlur: L[6] || (L[6] = (Q) => N(u.value))
+                    onBlur: D[6] || (D[6] = (Q) => N(u.value))
                   }, null, 8, ["modelValue", "error-message"]),
                   b(d(Ee), {
                     modelValue: f.value,
-                    "onUpdate:modelValue": L[7] || (L[7] = (Q) => f.value = Q),
+                    "onUpdate:modelValue": D[7] || (D[7] = (Q) => f.value = Q),
                     placeholder: "Enter file name"
                   }, null, 8, ["modelValue"]),
                   b(d(Z), {
@@ -13196,10 +13222,10 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                       "error-shadow": !!e.errorMessage
                     }
                   ]]),
-                  onDragenter: L[9] || (L[9] = (Q) => m.value = !0),
-                  onDragleave: L[10] || (L[10] = (Q) => m.value = !1),
+                  onDragenter: D[9] || (D[9] = (Q) => m.value = !0),
+                  onDragleave: D[10] || (D[10] = (Q) => m.value = !1),
                   onDrop: k,
-                  onDragover: L[11] || (L[11] = ye(() => {
+                  onDragover: D[11] || (D[11] = ye(() => {
                   }, ["prevent"]))
                 }, [
                   s("span", Qf, x(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
@@ -13209,7 +13235,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                     variant: ((W = e.uploadButtonOptions) == null ? void 0 : W.variant) ?? "secondary",
                     "left-icon": ((K = e.uploadButtonOptions) == null ? void 0 : K.leftIcon) ?? "upload",
                     label: ((X = e.uploadButtonOptions) == null ? void 0 : X.label) ?? "Upload",
-                    onClick: L[8] || (L[8] = (Q) => i.value.click())
+                    onClick: D[8] || (D[8] = (Q) => i.value.click())
                   }, null, 8, ["is-disabled", "variant", "left-icon", "label"])
                 ], 34),
                 s("input", {
@@ -13218,7 +13244,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                   class: "hidden",
                   type: "file",
                   accept: e.accept,
-                  onChange: L[12] || (L[12] = (Q) => d(B)(Q, a.format === "object"))
+                  onChange: D[12] || (D[12] = (Q) => d(B)(Q, a.format === "object"))
                 }, null, 40, _f)
               ])
             ]))
@@ -13368,10 +13394,10 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
                   removeItem: p,
                   fileIndex: J
                 }, () => {
-                  var q, L;
+                  var q, D;
                   return [
                     s("div", ym, [
-                      (L = (q = G == null ? void 0 : G.current) == null ? void 0 : q.id) != null && L.includes("sample") ? $("", !0) : (l(), r("div", {
+                      (D = (q = G == null ? void 0 : G.current) == null ? void 0 : q.id) != null && D.includes("sample") ? $("", !0) : (l(), r("div", {
                         key: 0,
                         class: "flex p-3 cursor-pointer items-center gap-x-3",
                         onClick: (W) => k(J, G)
@@ -15008,7 +15034,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
       style: ge(e.grid ? f.value : "")
     }, [
       (l(!0), r(F, null, j(e.jsonForm, (N) => {
-        var M, G, J, q, L, W;
+        var M, G, J, q, D, W;
         return l(), r("div", {
           key: c(N.name),
           style: ge(e.grid ? m(N.name) : ""),
@@ -15028,7 +15054,7 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
             key: 1,
             formId: e.id,
             form: N,
-            value: (q = N.props) != null && q.parentKey ? (W = (L = p.value) == null ? void 0 : L[N.props.parentKey]) == null ? void 0 : W[N.name] : p.value[typeof N.name == "object" ? B(N.name) : N.name],
+            value: (q = N.props) != null && q.parentKey ? (W = (D = p.value) == null ? void 0 : D[N.props.parentKey]) == null ? void 0 : W[N.name] : p.value[typeof N.name == "object" ? B(N.name) : N.name],
             error: I.value[typeof N.name == "object" ? B(N.name) : N.name],
             onUpdate: o
           })
@@ -15036,16 +15062,16 @@ const vf = { class: "flex flex-col gap-y-2 w-full" }, gf = {
       }), 128))
     ], 6)) : $("", !0);
   }
-}, Y3 = pe(() => import("./OcDataTable-WmpWC3UU.js")), X3 = pe(() => import("./OcFilterSearch-BzSlVySJ.js")), Z3 = pe(() => import("./OcFilterSearchFor-C1dFFz-L.js")), J3 = pe(() => import("./OcFilterForm-DyK-Plm8.js")), Q3 = pe(() => import("./OcSort-DmtOny8V.js")), I$ = pe(
-  () => import("./OcComplexCalendar-Dwuy93cS.js")
+}, Y3 = pe(() => import("./OcDataTable-DUXfQL_9.js")), X3 = pe(() => import("./OcFilterSearch-Cm7BjF1q.js")), Z3 = pe(() => import("./OcFilterSearchFor-Bj2D6IvK.js")), J3 = pe(() => import("./OcFilterForm-5JXvbucB.js")), Q3 = pe(() => import("./OcSort-NJ5RhWAk.js")), I$ = pe(
+  () => import("./OcComplexCalendar-BFRyIYds.js")
 ), _3 = pe(
-  () => import("./OcComplexDatePicker-DxdZyFfh.js")
-), Xt = pe(() => import("./OcModalCropper-C1bO1LuM.js")), ev = pe(() => import("./OcCropper-Ca4KmgXY.js")), B$ = pe(() => import("./OcDraggable-5y_FiZHv.js")), tv = pe(() => import("./OcDraggableList-Ntms3c31.js")), nv = pe(() => import("./OcEmojiPicker-DMaVk0r1.js")), av = pe(
-  () => import("./ThumbnailTheme-CoY5W8Sl.js")
+  () => import("./OcComplexDatePicker-ZMjevNkG.js")
+), Xt = pe(() => import("./OcModalCropper-thWBUgs1.js")), ev = pe(() => import("./OcCropper-B8Yy2DVT.js")), B$ = pe(() => import("./OcDraggable-5y_FiZHv.js")), tv = pe(() => import("./OcDraggableList-BLAtarvN.js")), nv = pe(() => import("./OcEmojiPicker-Dez8D3eJ.js")), av = pe(
+  () => import("./ThumbnailTheme-7oV283e6.js")
 ), lv = pe(
-  () => import("./ThumbnailSection-Dx0G7Jpk.js")
-), ov = pe(() => import("./SubPlanCard-B24310_W.js")), iv = pe(() => import("./OcTimePopup-D0LECk6H.js")), T$ = pe(() => import("./OcTimePicker-7rxptMNi.js")), sv = pe(
-  () => import("./OcAccountSetupProgress-BfKmU-Yy.js")
+  () => import("./ThumbnailSection-C_DO7797.js")
+), ov = pe(() => import("./SubPlanCard-nXlZZf6c.js")), iv = pe(() => import("./OcTimePopup-D0LECk6H.js")), T$ = pe(() => import("./OcTimePicker-BreKyG7k.js")), sv = pe(
+  () => import("./OcAccountSetupProgress-6sTW1nUN.js")
 );
 export {
   r3 as $,