@orchidui/core 1.6.1-17 → 1.6.1-19

package/dist/{index-CAqUPpjD.js → index-IpzCd1bE.js}

@@ -1,4 +1,4 @@
-import { computed as z, ref as M, onMounted as Ce, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as k, createCommentVNode as m, createElementVNode as n, createBlock as x, unref as r, Fragment as L, renderList as R, withCtx as S, createTextVNode as X, toDisplayString as $, createVNode as p, resolveDynamicComponent as at, mergeProps as F, normalizeProps as fe, guardReactiveProps as Ie, withModifiers as ce, defineComponent as Z, normalizeStyle as de, createSlots as ee, useSlots as ht, onBeforeUnmount as Lt, withDirectives as Oe, vShow as Ee, watch as me, onUpdated as Et, nextTick as He, reactive as zt, Transition as Ae, useAttrs as Nt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as se } from "vue";
+import { computed as z, ref as M, onMounted as Ce, openBlock as t, createElementBlock as i, normalizeClass as v, renderSlot as k, createCommentVNode as m, createElementVNode as n, createBlock as x, unref as r, Fragment as L, renderList as R, withCtx as S, createTextVNode as X, toDisplayString as $, createVNode as p, resolveDynamicComponent as at, mergeProps as F, normalizeProps as fe, guardReactiveProps as Ie, withModifiers as ue, defineComponent as Z, normalizeStyle as ce, createSlots as ee, useSlots as ht, onBeforeUnmount as Lt, withDirectives as Oe, vShow as Ee, watch as de, onUpdated as Et, nextTick as He, reactive as zt, Transition as Ae, useAttrs as Nt, withKeys as Fe, Teleport as Rt, onUnmounted as Ft, defineAsyncComponent as se } from "vue";
 import { S as Se } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as O } from "./OcIcon-CJgBICxh.js";
 import { clickOutside as nt } from "./directives/clickOutside.js";
@@ -452,7 +452,7 @@ const Kt = {
                 p(r(O), {
                   class: "cursor-pointer w-5 h-5 group-hover/row:opacity-100 md:opacity-0 ml-2",
                   name: "copy",
-                  onClick: u[1] || (u[1] = ce(() => {
+                  onClick: u[1] || (u[1] = ue(() => {
                   }, ["prevent"]))
                 })
               ]),
@@ -512,7 +512,7 @@ const Kt = {
       key: 1,
       href: e.link,
       style: { "'pointer-events": "none'" },
-      onClick: a[0] || (a[0] = ce(() => {
+      onClick: a[0] || (a[0] = ue(() => {
       }, ["prevent"]))
     }, [
       k(s.$slots, "default")
@@ -632,7 +632,7 @@ const Kt = {
           }), 128)) : (t(), i(L, { key: 0 }, [
             n("div", {
               class: "flex-1 gap-x-2 items-center flex px-4 py-3",
-              style: de(e.depth ? { paddingLeft: 12 + e.depth * 20 + "px" } : {})
+              style: ce(e.depth ? { paddingLeft: 12 + e.depth * 20 + "px" } : {})
             }, [
               X($(e.row.label) + " ", 1),
               p(r(le), null, {
@@ -665,7 +665,7 @@ const Kt = {
           ref_key: "childrenWrapper",
           ref: l,
           class: "transition-all overflow-hidden duration-500",
-          style: de({ maxHeight: a.value })
+          style: ce({ maxHeight: a.value })
         }, [
           (t(!0), i(L, null, R(e.row.children, (b, T) => (t(), x(r(Le), {
             key: T,
@@ -1664,7 +1664,7 @@ const Kt = {
                   p(r(O), {
                     name: "dots-vertical",
                     class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
-                    onClick: ce(o, ["stop"])
+                    onClick: ue(o, ["stop"])
                   })
                 ]),
                 _: 3
@@ -1798,7 +1798,7 @@ const Kt = {
       e.page.page_cover_url ? (t(), i("div", Ua, [
         n("div", {
           class: "w-[100px] h-[100px] rounded !bg-cover",
-          style: de(`background:url(${l(e.page.page_cover_url)})`)
+          style: ce(`background:url(${l(e.page.page_cover_url)})`)
         }, null, 4)
       ])) : m("", !0),
       n("div", qa, [
@@ -2429,7 +2429,7 @@ const Kt = {
     const s = M(), a = e, l = async (o) => {
       await He(), s.value && (s.value.style.maxHeight = o ? "max-content" : "0");
     };
-    return me(() => a.isExpandable, l), Et(() => {
+    return de(() => a.isExpandable, l), Et(() => {
       l(a.isExpandable);
     }), (o, d) => (t(), i("div", {
       class: v(e.isDisabled && "opacity-60")
@@ -2535,7 +2535,7 @@ const Kt = {
     }, o = () => {
       a.value = !a.value, l();
     };
-    return me(() => s.value, l), (d, c) => (t(), i("div", {
+    return de(() => s.value, l), (d, c) => (t(), i("div", {
       class: v(["hover:bg-oc-gray-50 border overflow-hidden", e.isBorder ? "border-oc-gray-200 rounded" : "border-transparent"])
     }, [
       n("div", {
@@ -2612,7 +2612,7 @@ const Kt = {
     };
     return Ce(() => {
       y(), a.isArrows && T();
-    }), me(
+    }), de(
       () => a.tabs,
       () => {
         y();
@@ -2620,7 +2620,7 @@ const Kt = {
       {
         deep: !0
       }
-    ), me(
+    ), de(
       () => a.modelValue,
       () => {
         T();
@@ -2646,7 +2646,7 @@ const Kt = {
           width: "16",
           height: "16",
           class: "text-oc-text-400 cursor-pointer hover:text-oc-text-500",
-          onClick: A[0] || (A[0] = ce((w) => b("left"), ["prevent"]))
+          onClick: A[0] || (A[0] = ue((w) => b("left"), ["prevent"]))
         }, null, 8, ["name"])
       ], 2)) : m("", !0),
       n("div", {
@@ -2976,7 +2976,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
       const f = (u == null ? void 0 : u.target) || d.value[s.menus.indexOf(l.value)];
       o.value.style.width = `${f.offsetWidth}px`, o.value.style.left = `${f.offsetLeft}px`;
     };
-    return me(
+    return de(
       () => s.modelValue,
       () => c()
     ), Ce(() => c()), (u, f) => (t(), i(L, null, [
@@ -3024,7 +3024,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
                 h.value === e.modelValue ? "!text-oc-accent-1 font-medium bg-oc-accent-1-50-tr" : "!text-oc-text-400"
               ]]),
               text: h.label,
-              style: de({
+              style: ce({
                 borderColor: l.value.color
               }),
               onClick: () => {
@@ -3115,21 +3115,22 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
             p(r(oe), {
               modelValue: s.value,
               "onUpdate:modelValue": l[0] || (l[0] = (o) => s.value = o),
-              onClick: l[1] || (l[1] = ce(() => {
+              onClick: l[1] || (l[1] = ue(() => {
               }, ["stop"]))
             }, {
               menu: S(() => {
-                var o, d;
+                var o, d, c;
                 return [
                   e.secondaryButtonProps ? (t(), x(r(ye), {
                     key: 0,
                     text: (o = e.secondaryButtonProps) == null ? void 0 : o.label,
-                    icon: (d = e.secondaryButtonProps) == null ? void 0 : d.leftIcon
-                  }, null, 8, ["text", "icon"])) : m("", !0),
-                  e.secondaryButtonProps && e.secondaryButtonProps.dropdownOptions ? (t(!0), i(L, { key: 1 }, R(e.secondaryButtonProps.dropdownOptions, (c) => (t(), x(r(ye), F({
-                    key: c.text,
+                    icon: (d = e.secondaryButtonProps) == null ? void 0 : d.leftIcon,
+                    onClick: (c = e.secondaryButtonProps) == null ? void 0 : c.onClick
+                  }, null, 8, ["text", "icon", "onClick"])) : m("", !0),
+                  e.secondaryButtonProps && e.secondaryButtonProps.dropdownOptions ? (t(!0), i(L, { key: 1 }, R(e.secondaryButtonProps.dropdownOptions, (u) => (t(), x(r(ye), F({
+                    key: u.text,
                     ref_for: !0
-                  }, c), null, 16))), 128)) : m("", !0)
+                  }, u), null, 16))), 128)) : m("", !0)
                 ];
               }),
               default: S(() => [
@@ -3755,7 +3756,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
         height: "18",
         class: v([l.value, "cursor-pointer"]),
         name: "filled-x-circle",
-        onClick: d[0] || (d[0] = ce((c) => o.$emit("remove"), ["stop"]))
+        onClick: d[0] || (d[0] = ue((c) => o.$emit("remove"), ["stop"]))
       }, null, 8, ["class"])) : m("", !0)
     ], 2));
   }
@@ -3830,7 +3831,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
             n("div", oi, [
               n("div", {
                 class: "h-[12px] rounded-full bg-[var(--oc-sidebar-menu-active-icon-active)]",
-                style: de({ width: `${e.progress}%` })
+                style: ce({ width: `${e.progress}%` })
               }, null, 4)
             ])
           ]),
@@ -3848,13 +3849,13 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
           n("span", di, $(e.progress), 1),
           n("div", {
             class: "pie",
-            style: de({
+            style: ce({
               clip: e.progress > 50 ? "rect(auto, auto, auto, auto)" : ""
             })
           }, [
             n("div", {
               class: "left-side half-circle transition-all duration-500",
-              style: de({ transform: `rotate(calc(${e.progress}*3.6deg))` })
+              style: ce({ transform: `rotate(calc(${e.progress}*3.6deg))` })
             }, null, 4),
             n("div", {
               class: v(["right-side half-circle transition-all duration-500", e.progress <= 50 ? "hidden" : "rotate-180"])
@@ -3910,7 +3911,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
     const a = e, l = M(null), o = M(null), d = s, c = () => {
       a.isExpanded || !a.isMenuExpanded || d("close-menu");
     };
-    return me(() => [a.isExpanded, o.value, l.value], () => {
+    return de(() => [a.isExpanded, o.value, l.value], () => {
       !l.value || !o.value || a.isExpanded || qt(l.value, o.value, {
         placement: "right-start",
         strategy: "fixed"
@@ -3963,7 +3964,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
           "grid-rows-[1fr]": e.isMenuExpanded,
           "grid-rows-[0fr]": !e.isMenuExpanded
         }]),
-        onClick: f[0] || (f[0] = ce(() => {
+        onClick: f[0] || (f[0] = ue(() => {
         }, ["stop"]))
       }, [
         n("div", xi, [
@@ -3975,7 +3976,7 @@ const Im = /* @__PURE__ */ he(io, [["render", ro]]), co = { class: "flex items-c
         ref_key: "menuRef",
         ref: o,
         class: "z-[1007] p-2 flex flex-col gap-y-1 min-w-[162px] shadow-normal bg-white rounded",
-        onClick: f[1] || (f[1] = ce(() => {
+        onClick: f[1] || (f[1] = ue(() => {
         }, ["stop"]))
       }, [
         k(u.$slots, "default")
@@ -5142,7 +5143,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       warning: "bg-oc-warning-100",
       gray: "bg-oc-gray-200"
     }, d = M(), c = M(), u = z(() => s.size === "small"), f = z(() => s.size === "big");
-    return me(
+    return de(
       () => s.modelValue,
       async () => {
         await He(), c.value = (document.body.clientWidth - d.value.clientWidth) / 2;
@@ -5163,7 +5164,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
               "!pr-10": e.dismissible
             }
           ], "border rounded-lg flex shadow-sm snackbar relative"]),
-          style: de(e.isFloating && e.position.includes("center") ? { left: c.value + "px" } : "")
+          style: ce(e.isFloating && e.position.includes("center") ? { left: c.value + "px" } : "")
         }, [
           e.showIcon ? (t(), i(L, { key: 0 }, [
             f.value ? (t(), i("div", {
@@ -5512,7 +5513,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
       e.isAdditionalArea && !e.isTransparent ? (t(), i("div", {
         key: 0,
         class: v(["border-y border-r flex cursor-pointer items-center justify-center oc-btn-add-area px-[6px] py-3 rounded-r-[inherit]", [o.value[e.size], e.variant]]),
-        onClick: j[3] || (j[3] = ce((C) => T.$emit("addition-click"), ["stop"]))
+        onClick: j[3] || (j[3] = ue((C) => T.$emit("addition-click"), ["stop"]))
       }, [
         k(T.$slots, "additional-content", {}, () => [
           p(r(O), {
@@ -5943,7 +5944,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
             y.$slots.leading ? m("", !0) : (t(), i("span", {
               key: 0,
               class: "text-oc-text-200",
-              onClick: b[4] || (b[4] = ce((T) => d.value = !d.value, ["prevent"]))
+              onClick: b[4] || (b[4] = ue((T) => d.value = !d.value, ["prevent"]))
             }, [
               (t(), x(r(O), {
                 key: d.value,
@@ -6024,7 +6025,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
         A != null && A.trim() && (!l.allowDuplicated && ((w = d.value) != null && w.includes(A)) || (d.value.push(A), o("option-added", A)));
       }), C.length && (u.value = "", o("update:modelValue", d.value));
     };
-    return me(
+    return de(
       () => l.modelValue,
       () => {
         d.value = [...l.modelValue || []];
@@ -6229,9 +6230,9 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                     "onUpdate:modelValue": g[0] || (g[0] = (B) => u.value = B),
                     icon: "search",
                     placeholder: "Search",
-                    onKeydown: g[1] || (g[1] = ce(() => {
+                    onKeydown: g[1] || (g[1] = ue(() => {
                     }, ["stop"])),
-                    onClick: g[2] || (g[2] = ce(() => {
+                    onClick: g[2] || (g[2] = ue(() => {
                     }, ["stop"]))
                   }, {
                     icon: S(() => [
@@ -6683,9 +6684,9 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
         j.value.map((P) => P.value)
       ));
     }, g = M();
-    me(j, () => {
+    de(j, () => {
       b.value = (/* @__PURE__ */ new Date()).toISOString();
-    }), me(c, (P) => {
+    }), de(c, (P) => {
       if (!P) {
         o("close");
         return;
@@ -6914,7 +6915,7 @@ const tt = /* @__PURE__ */ he(ts, [["render", as]]), ns = { class: "flex" }, os
                 width: "16",
                 height: "16",
                 name: "x",
-                onClick: D[3] || (D[3] = ce((U) => o("cleared"), ["stop"]))
+                onClick: D[3] || (D[3] = ue((U) => o("cleared"), ["stop"]))
               })) : m("", !0),
               e.hideChevron ? m("", !0) : (t(), x(r(O), {
                 key: 4,
@@ -7352,10 +7353,10 @@ var Mt = { exports: {} };
           G && (_ = D[2]), f = this.$locale(), !H && _ && (f = g.Ls[_]), this.$d = function(be, we, ge, $e) {
             try {
               if (["x", "X"].indexOf(we) > -1) return new Date((we === "X" ? 1e3 : 1) * be);
-              var ie = A(we)(be), Be = ie.year, ke = ie.month, Q = ie.day, Ve = ie.hours, q = ie.minutes, J = ie.seconds, Y = ie.milliseconds, ue = ie.zone, je = ie.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Be || ke ? 1 : Ke.getDate()), Xe = Be || Ke.getFullYear(), ze = 0;
+              var ie = A(we)(be), Be = ie.year, ke = ie.month, Q = ie.day, Ve = ie.hours, q = ie.minutes, J = ie.seconds, Y = ie.milliseconds, me = ie.zone, je = ie.week, Ke = /* @__PURE__ */ new Date(), Ge = Q || (Be || ke ? 1 : Ke.getDate()), Xe = Be || Ke.getFullYear(), ze = 0;
               Be && !ke || (ze = ke > 0 ? ke - 1 : Ke.getMonth());
               var Ne, Je = Ve || 0, Ze = q || 0, Qe = J || 0, _e = Y || 0;
-              return ue ? new Date(Date.UTC(Xe, ze, Ge, Je, Ze, Qe, _e + 60 * ue.offset * 1e3)) : ge ? new Date(Date.UTC(Xe, ze, Ge, Je, Ze, Qe, _e)) : (Ne = new Date(Xe, ze, Ge, Je, Ze, Qe, _e), je && (Ne = $e(Ne).week(je).toDate()), Ne);
+              return me ? new Date(Date.UTC(Xe, ze, Ge, Je, Ze, Qe, _e + 60 * me.offset * 1e3)) : ge ? new Date(Date.UTC(Xe, ze, Ge, Je, Ze, Qe, _e)) : (Ne = new Date(Xe, ze, Ge, Je, Ze, Qe, _e), je && (Ne = $e(Ne).week(je).toDate()), Ne);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -7530,7 +7531,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
     W.extend(Ot), W.extend(Tt), W.extend(At), W.extend(ot);
     const a = e, l = s, o = M(), d = M(), c = M(), u = M(), f = M(), h = M(), y = M(), b = M(!1), T = M(!1), j = M(!1), C = M(!1), A = z(() => a.type === "range"), w = z(() => {
       const J = o.value.endOf("month").date();
-      return Array.from({ length: J }, (Y, ue) => ue + 1);
+      return Array.from({ length: J }, (Y, me) => me + 1);
     }), V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = z(() => o.value.format("MMMM YYYY")), I = z(
       () => j.value ? h.value.format("YYYY") : o.value.format("YYYY")
     ), B = z(() => o.value.format("MMM")), N = z(() => {
@@ -7585,8 +7586,8 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
       l("update:isIndefinite", q);
     }, Be = (q, J = !0) => {
       if (!A.value) {
-        let ue = W(g.value, "MMMM YYYY").date(q);
-        u.value = q, d.value = ue, f.value = null, c.value = null, $e();
+        let me = W(g.value, "MMMM YYYY").date(q);
+        u.value = q, d.value = me, f.value = null, c.value = null, $e();
         return;
       }
       let Y = q && o.value.date(q);
@@ -7598,9 +7599,9 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
     }, ke = Ad((q) => {
       T.value && Be(q, !1);
     }, 50), Q = () => {
-      var J, Y, ue;
+      var J, Y, me;
       const q = A.value ? (J = a.modelValue) == null ? void 0 : J[0] : a.modelValue;
-      o.value = W(q), h.value = W(q), d.value = q && o.value, u.value = q && d.value.date(), !(!A.value || !q) && (c.value = W((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((ue = c.value) == null ? void 0 : ue.month()) === o.value.month() ? c.value.date() : void 0);
+      o.value = W(q), h.value = W(q), d.value = q && o.value, u.value = q && d.value.date(), !(!A.value || !q) && (c.value = W((Y = a.modelValue) == null ? void 0 : Y[1]), f.value = ((me = c.value) == null ? void 0 : me.month()) === o.value.month() ? c.value.date() : void 0);
     }, Ve = (q) => {
       const J = q + 11, Y = [];
       for (; q <= J; )
@@ -7646,15 +7647,15 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": o.value.year() === Y
                   }]),
-                  onClick: (ue) => _(Y)
+                  onClick: (me) => _(Y)
                 }, $(Y), 11, Nd))), 128))
               ])) : (t(), i("div", Rd, [
-                (t(), i(L, null, R(V, (Y, ue) => n("div", {
+                (t(), i(L, null, R(V, (Y, me) => n("div", {
                   key: Y,
                   class: v(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": B.value === Y
                   }]),
-                  onClick: (je) => te(ue)
+                  onClick: (je) => te(me)
                 }, $(Y), 11, Fd)), 64))
               ]))
             ])
@@ -7662,7 +7663,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
           default: S(() => [
             n("span", {
               class: v([[b.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
-              onClick: ce(ve, ["stop"])
+              onClick: ue(ve, ["stop"])
             }, $(g.value), 3)
           ]),
           _: 1
@@ -7687,7 +7688,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
         onMouseout: J[2] || (J[2] = (Y) => r(ke)(void 0))
       }, [
         (t(!0), i(L, null, R(w.value, (Y) => {
-          var ue;
+          var me;
           return t(), i("div", {
             key: Y,
             class: v(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
@@ -7697,7 +7698,7 @@ const Md = { class: "flex items-center justify-between" }, jd = { class: "flex f
                 ...we(Y) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
                   "before:rounded-l-full before:left-0 before:!w-[calc(100%+0.25rem)]": N.value.from.isSame(o.value.date(Y)),
-                  "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (ue = N.value.to) == null ? void 0 : ue.isSame(o.value.date(Y))
+                  "before:rounded-r-full before:right-0 before:!w-[calc(100%+0.25rem)]": (me = N.value.to) == null ? void 0 : me.isSame(o.value.date(Y))
                 },
                 "before:bg-transparent": u.value !== null && u.value === f.value
               } : ""
@@ -7967,7 +7968,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                       width: "16",
                       height: "16",
                       name: "filled-x-circle",
-                      onClick: ce(b, ["stop"])
+                      onClick: ue(b, ["stop"])
                     }, null, 8, ["class"])
                   ])
                 ], 2)
@@ -8548,7 +8549,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                     n("div", Ac, [
                       n("div", {
                         class: "h-2 bg-oc-primary transition-all duration-100",
-                        style: de({ width: `${((Be = w.value) == null ? void 0 : Be.progress) || 0}%` })
+                        style: ce({ width: `${((Be = w.value) == null ? void 0 : Be.progress) || 0}%` })
                       }, null, 4)
                     ])
                   ], 2),
@@ -8597,7 +8598,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                   onDragenter: D[8] || (D[8] = (Q) => f.value = !0),
                   onDragleave: D[9] || (D[9] = (Q) => f.value = !1),
                   onDrop: V,
-                  onDragover: D[10] || (D[10] = ce(() => {
+                  onDragover: D[10] || (D[10] = ue(() => {
                   }, ["prevent"]))
                 }, [
                   n("span", wc, $(e.isDisabled ? "Upload disabled" : "Choose file from your computer or drag here"), 1),
@@ -8718,7 +8719,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
         "model-value": e.uploadedImages,
         filter: "filtered-el",
         class: "grid w-fit grid-cols-3 gap-3",
-        style: de(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
+        style: ce(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
         "onUpdate:modelValue": B[0] || (B[0] = (N) => I.$emit("update:uploadedImages", N))
       }, {
         default: S(({ list: N }) => [
@@ -8728,7 +8729,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
               "border-oc-primary": e.selectedImage.fileName === E.fileName,
               "col-start-2": P === 0 && V.value
             }]),
-            style: de(`background-image: url(${E.fileUrl})`),
+            style: ce(`background-image: url(${E.fileUrl})`),
             onClick: (D) => I.$emit("update:selectedImage", E)
           }, [
             p(r(oe), {
@@ -8787,7 +8788,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
               }, [
                 n("div", {
                   class: "h-full bg-oc-primary rounded-full w-0 transition-all duration-500",
-                  style: de({ width: `${E.progress || 0}%` })
+                  style: ce({ width: `${E.progress || 0}%` })
                 }, null, 4)
               ], 2)
             ], 2),
@@ -8994,7 +8995,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 }, [
                   n("div", Zc, [
                     n("div", {
-                      style: de({ width: `${w.progress}%` }),
+                      style: ce({ width: `${w.progress}%` }),
                       class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
                     }, null, 4)
                   ])
@@ -9172,7 +9173,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     }, f = (T) => {
       o.isAttachToBody && !o.preventClickOutside && d.value.checkElementIsInsidePopper(T.target) || o.modelValue && !o.preventClickOutside && l("update:modelValue", !1);
     }, h = M(), y = M(0);
-    return me(() => o.modelValue, async () => {
+    return de(() => o.modelValue, async () => {
       const T = window.innerHeight || document.documentElement.clientHeight, j = h.value.getBoundingClientRect().top, C = T - h.value.getBoundingClientRect().bottom, A = Math.max(j, C), V = A - (2 + (A === j ? 2.5 : 0)) * 16;
       y.value = V > 0 ? V : 0, d.value.popperInstance.update();
     }), s({
@@ -9202,7 +9203,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
                 ref_key: "dropdownScroll",
                 ref: c,
                 class: v([e.menuClasses, "rounded bg-oc-bg-light shadow min-w-[162px] overflow-y-auto"]),
-                style: de({
+                style: ce({
                   maxHeight: (e.maxMenuHeight || y.value) - 68 + "px"
                 }),
                 onScroll: j[0] || (j[0] = (C) => T.$emit("scroll", C))
@@ -9481,7 +9482,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       var b;
       (b = f.value) == null || b.click();
     };
-    return me(
+    return de(
       () => a.modelValue,
       () => {
         setTimeout(() => {
@@ -10092,7 +10093,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       } else
         j.value[g.name] = g.class ? g.class : "";
     };
-    return me(
+    return de(
       () => a.values,
       (g) => {
         A(g);
@@ -10100,7 +10101,15 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       {
         deep: !0
       }
-    ), me(
+    ), de(
+      () => a.jsonForm,
+      () => {
+        A(a.values);
+      },
+      {
+        deep: !0
+      }
+    ), de(
       () => a.errors,
       (g) => {
         w();
@@ -10108,7 +10117,7 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       {
         deep: !0
       }
-    ), me(
+    ), de(
       () => a.previewMode,
       () => {
         A(a.values);
@@ -10118,13 +10127,13 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
     }), (g, I) => Object.values(b.value).length > 0 ? (t(), i("div", {
       key: 0,
       class: v(e.grid ? `responsive-smart-form-grid ${y.value}` : y.value),
-      style: de(e.grid ? u.value : "")
+      style: ce(e.grid ? u.value : "")
     }, [
       (t(!0), i(L, null, R(e.jsonForm, (B) => {
         var N, E, P, D, U, H;
         return t(), i("div", {
           key: f(B.name),
-          style: de(e.grid ? h(B.name) : ""),
+          style: ce(e.grid ? h(B.name) : ""),
           class: v([
             B.type !== "Children" ? j.value[typeof B.name == "object" ? C(B.name) : B.name] : "",
             B.class
@@ -10149,16 +10158,16 @@ const Wd = { class: "flex flex-col gap-y-2 w-full" }, Kd = { class: "flex w-full
       }), 128))
     ], 6)) : m("", !0);
   }
-}, nf = se(() => import("./OcDataTable-ls8nPkNi.js")), of = se(() => import("./OcFilterSearch-D_fIsFF_.js")), sf = se(() => import("./OcFilterSearchFor-D0PU04J_.js")), rf = se(() => import("./OcFilterForm-hh5H2cxH.js")), Uu = se(
-  () => import("./OcComplexCalendar-D9L58dEw.js")
+}, nf = se(() => import("./OcDataTable-BjA6n-y_.js")), of = se(() => import("./OcFilterSearch-BmpKvmN1.js")), sf = se(() => import("./OcFilterSearchFor-BL5zOXQK.js")), rf = se(() => import("./OcFilterForm-fcyHvRhn.js")), Uu = se(
+  () => import("./OcComplexCalendar-BWoSSKlI.js")
 ), df = se(
-  () => import("./OcComplexDatePicker--c4JmeKc.js")
-), it = se(() => import("./OcModalCropper-BnQRX3Ha.js")), cf = se(() => import("./OcCropper-COCASHMH.js")), qu = se(() => import("./OcDraggable-CA_BCbpl.js")), uf = se(() => import("./OcDraggableList-Ck62Zmp8.js")), mf = se(() => import("./OcEmojiPicker-BBIt6KC0.js")), ff = se(
-  () => import("./ThumbnailTheme-BpIOr8jW.js")
+  () => import("./OcComplexDatePicker-KE4OEWlh.js")
+), it = se(() => import("./OcModalCropper-BKPByA0o.js")), cf = se(() => import("./OcCropper-BLuBCONZ.js")), qu = se(() => import("./OcDraggable-CA_BCbpl.js")), uf = se(() => import("./OcDraggableList-BvrTy4wc.js")), mf = se(() => import("./OcEmojiPicker-D7n9WjAK.js")), ff = se(
+  () => import("./ThumbnailTheme-FRiuXnMQ.js")
 ), vf = se(
-  () => import("./ThumbnailSection-CUDQB8Cu.js")
-), gf = se(() => import("./SubPlanCard-CX8s_igO.js")), pf = se(() => import("./OcTimePopup-CXGhaOev.js")), Hu = se(() => import("./OcTimePicker-BtQmaHIt.js")), yf = se(
-  () => import("./OcAccountSetupProgress-CYTDPvyv.js")
+  () => import("./ThumbnailSection-EANjwAGR.js")
+), gf = se(() => import("./SubPlanCard-BPEQW97U.js")), pf = se(() => import("./OcTimePopup-CXGhaOev.js")), Hu = se(() => import("./OcTimePicker--oxSqlct.js")), yf = se(
+  () => import("./OcAccountSetupProgress-FzNWwcFl.js")
 );
 export {
   Bm as $,

package/dist/index.js

@@ -1,5 +1,5 @@
 import "vue";
-import { U as r, aj as o, aV as t, a1 as i, a3 as n, ar as p, _ as l, a4 as d, B as m, p as u, a as b, b as S, c, as as T, aF as g, aM as C, av as x, aw as P, d as f, aO as I, C as h, aL as O, q as F, aG as k, aP as v, ax as B, ay as w, aQ as A, a5 as H, S as L, M as D, R as M, a6 as _, aJ as R, aI as y, aK as E, x as G, w as N, m as U, a7 as V, aa as j, a9 as z, ab as q, y as J, a2 as K, e as Q, f as W, n as X, z as Y, A as Z, D as $, az as aa, aN as ea, u as sa, v as ra, aA as oa, E as ta, V as ia, l as na, F as pa, G as la, H as da, ad as ma, ae as ua, I as ba, K as Sa, Z as ca, g as Ta, J as ga, af as Ca, h as xa, i as Pa, j as fa, ag as Ia, r as ha, k as Oa, s as Fa, at as ka, al as va, ah as Ba, ao as wa, an as Aa, ak as Ha, am as La, ai as Da, t as Ma, au as _a, X as Ra, W as ya, a8 as Ea, aT as Ga, ap as Na, aB as Ua, ac as Va, L as ja, O as za, P as qa, N as Ja, Q as Ka, Y as Qa, o as Wa, aS as Xa, aR as Ya, aU as Za, aH as $a, aC as ae, T as ee, a0 as se, $ as re, aq as oe, aD as te } from "./index-CAqUPpjD.js";
+import { U as r, aj as o, aV as t, a1 as i, a3 as n, ar as p, _ as l, a4 as d, B as m, p as u, a as b, b as S, c, as as T, aF as g, aM as C, av as x, aw as P, d as f, aO as I, C as h, aL as O, q as F, aG as k, aP as v, ax as B, ay as w, aQ as A, a5 as H, S as L, M as D, R as M, a6 as _, aJ as R, aI as y, aK as E, x as G, w as N, m as U, a7 as V, aa as j, a9 as z, ab as q, y as J, a2 as K, e as Q, f as W, n as X, z as Y, A as Z, D as $, az as aa, aN as ea, u as sa, v as ra, aA as oa, E as ta, V as ia, l as na, F as pa, G as la, H as da, ad as ma, ae as ua, I as ba, K as Sa, Z as ca, g as Ta, J as ga, af as Ca, h as xa, i as Pa, j as fa, ag as Ia, r as ha, k as Oa, s as Fa, at as ka, al as va, ah as Ba, ao as wa, an as Aa, ak as Ha, am as La, ai as Da, t as Ma, au as _a, X as Ra, W as ya, a8 as Ea, aT as Ga, ap as Na, aB as Ua, ac as Va, L as ja, O as za, P as qa, N as Ja, Q as Ka, Y as Qa, o as Wa, aS as Xa, aR as Ya, aU as Za, aH as $a, aC as ae, T as ee, a0 as se, $ as re, aq as oe, aD as te } from "./index-IpzCd1bE.js";
 import { _ as ne } from "./OcProgressBar-hiyC5XSc.js";
 import { _ as le } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
 import { _ as me } from "./OcSwitchTabs-CYp676bj.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/core",
   "description": "Orchid UI, Library Vue 3 tailwind css",
-  "version": "1.6.1-17",
+  "version": "1.6.1-19",
   "type": "module",
   "scripts": {
     "build": "vite build"