@orchidui/core 1.20.1-13 → 1.20.1-16

package/dist/{OcComplexCalendar-C4zPiDvL.js → OcComplexCalendar-CRTXheSm.js}

@@ -1,7 +1,7 @@
 import { ref as x, createElementBlock as o, openBlock as n, createElementVNode as b, createCommentVNode as i, createVNode as d, Fragment as V, renderList as v, normalizeClass as k, unref as a, toDisplayString as p, mergeProps as m } from "vue";
 import { DatePicker as B } from "v-calendar";
 import r from "dayjs";
-import { B as f } from "./index-CyQOM2dV.js";
+import { B as f } from "./index-CZrx8CAS.js";
 const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h = { class: "flex gap-x-7" }, M = {
   key: 0,
   class: "flex flex-col py-2 gap-y-4"

package/dist/{OcComplexDatePicker-DINyrmYJ.js → OcComplexDatePicker-yPE47xDW.js}

@@ -1,5 +1,5 @@
 import { ref as s, createBlock as d, openBlock as m, unref as t, withCtx as l, createVNode as n } from "vue";
-import { aH as c, _ as f, aA as b, d as p, aI as V } from "./index-CyQOM2dV.js";
+import { aH as c, _ as f, aA as b, d as p, aI as V } from "./index-CZrx8CAS.js";
 import r from "dayjs";
 const x = {
   __name: "OcComplexDatePicker",

package/dist/{OcCropper-s1rbXEtj.js → OcCropper-vsswb_yC.js}

@@ -1,5 +1,5 @@
 import { ref as u, watch as D, nextTick as J, createElementBlock as h, openBlock as o, createElementVNode as m, createBlock as r, unref as a, createCommentVNode as s, Fragment as K, createVNode as g, withCtx as T } from "vue";
-import { B as k, d as x, C as y, h as M, aF as P } from "./index-CyQOM2dV.js";
+import { B as k, d as x, C as y, h as M, aF as P } from "./index-CZrx8CAS.js";
 import { Cropper as Q } from "vue-advanced-cropper";
 import { _ as W } from "./OcIcon-CBf___w1.js";
 const X = { class: "flex flex-col gap-y-5" }, Y = ["src"], Z = { class: "flex gap-x-1 justify-center relative" }, _ = { class: "grid grid-cols-2 gap-4" }, ee = {

package/dist/{OcDataTable-Lu6mek15.js → OcDataTable-DTw8-TG4.js}

@@ -1,10 +1,10 @@
-import { ref as S, onMounted as Te, createBlock as j, openBlock as u, unref as r, withCtx as w, createVNode as A, createElementVNode as q, createElementBlock as h, createCommentVNode as y, mergeProps as Ce, Fragment as ue, renderList as de, normalizeClass as ve, toDisplayString as Le, computed as $, watch as ne, nextTick as ul, renderSlot as P, resolveDynamicComponent as nl, createSlots as dl, normalizeProps as Pe, guardReactiveProps as je } from "vue";
-import { aA as Ke, B as Ie, C as vl, D as cl, L as ml, $ as pl, aL as fl, aM as yl, aN as gl, I as bl, J as Ae, j as kl } from "./index-CyQOM2dV.js";
+import { ref as $, onMounted as Te, createBlock as L, openBlock as u, unref as r, withCtx as w, createVNode as j, createElementVNode as q, createElementBlock as h, createCommentVNode as y, mergeProps as Ce, Fragment as ue, renderList as de, normalizeClass as ve, toDisplayString as Pe, computed as S, watch as ne, nextTick as ul, renderSlot as A, resolveDynamicComponent as nl, createSlots as dl, normalizeProps as Ae, guardReactiveProps as Le } from "vue";
+import { aA as Ke, B as Ie, C as vl, D as cl, L as ml, $ as pl, aL as fl, aM as yl, aN as gl, I as bl, J as je, j as kl } from "./index-CZrx8CAS.js";
 import { useDataTable as hl } from "./DataTable/useDataTable.js";
 import { VueDraggableNext as Be } from "vue-draggable-next";
 import { getFromLocalStorage as qe, formatHeadersFromLocalStorage as Ne, formatHeadersToLocalStorage as xl, setInLocalStorage as wl } from "./DataTable/utils/editColumnsUtils.js";
 import { _ as Ue } from "./OcIcon-CBf___w1.js";
-import { formatFilterDisplay as $l, clearAllFilters as Sl } from "./DataTable/utils/filterUtils.js";
+import { formatFilterDisplay as Sl, clearAllFilters as $l } from "./DataTable/utils/filterUtils.js";
 import { formatCustomItemsPerPageOptions as Fl, getItemsPerPageOptions as Ol } from "./DataTable/utils/paginationUtils.js";
 import "dayjs";
 const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
@@ -13,7 +13,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
 }, El = { class: "gap-y-2 flex flex-col" }, Cl = {
   key: 0,
   class: "flex items-center bg-white justify-between h-[26px]"
-}, Ll = { class: "flex items-center w-full gap-x-3" }, Pl = { class: "truncate w-full max-w-[160px]" }, jl = {
+}, Pl = { class: "flex items-center w-full gap-x-3" }, Al = { class: "truncate w-full max-w-[160px]" }, Ll = {
   __name: "ColumnEdit",
   props: {
     options: {
@@ -35,7 +35,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
     "update-order"
   ],
   setup(F, { emit: se }) {
-    const oe = se, s = F, g = S([]), d = S([]), T = S(!1), O = {
+    const oe = se, s = F, g = $([]), d = $([]), T = $(!1), O = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
@@ -62,7 +62,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
           isActive: ((ae = (le = (ee = s.options) == null ? void 0 : ee.active) == null ? void 0 : le.find((ie) => ie.key === C.key)) == null ? void 0 : ae.isActive) ?? !0
         };
       }), N(!0);
-    }), (E, i) => (u(), j(r(Ke), {
+    }), (E, i) => (u(), L(r(Ke), {
       modelValue: T.value,
       "onUpdate:modelValue": i[3] || (i[3] = (v) => T.value = v),
       "is-attach-to-body": ""
@@ -71,7 +71,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
         q("div", Vl, [
           d.value.length ? (u(), h("div", Dl, [
             i[4] || (i[4] = q("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            A(r(Be), Ce({
+            j(r(Be), Ce({
               key: "key",
               modelValue: d.value,
               "onUpdate:modelValue": i[0] || (i[0] = (v) => d.value = v)
@@ -81,8 +81,8 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                   key: v.key,
                   class: ve(["flex items-center justify-between h-[26px]", C ? "" : "is-disabled"])
                 }, [
-                  q("span", null, Le(v.label), 1),
-                  C ? (u(), j(r(Ue), {
+                  q("span", null, Pe(v.label), 1),
+                  C ? (u(), L(r(Ue), {
                     key: 0,
                     width: "18",
                     height: "18",
@@ -96,7 +96,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
           ])) : y("", !0),
           q("div", El, [
             i[5] || (i[5] = q("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            A(r(Be), Ce({
+            j(r(Be), Ce({
               key: "key",
               modelValue: g.value,
               "onUpdate:modelValue": i[2] || (i[2] = (v) => g.value = v)
@@ -106,8 +106,8 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                   key: v.key
                 }, [
                   v.key !== "actions" ? (u(), h("div", Cl, [
-                    q("div", Ll, [
-                      A(r(vl), {
+                    q("div", Pl, [
+                      j(r(vl), {
                         modelValue: v.isActive,
                         "onUpdate:modelValue": [
                           (C) => v.isActive = C,
@@ -115,9 +115,9 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      q("div", Pl, Le(v.label), 1)
+                      q("div", Al, Pe(v.label), 1)
                     ]),
-                    g.value.length > 1 ? (u(), j(r(Ue), {
+                    g.value.length > 1 ? (u(), L(r(Ue), {
                       key: 0,
                       width: "18",
                       height: "18",
@@ -133,7 +133,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
         ])
       ]),
       default: w(() => [
-        A(r(Ie), {
+        j(r(Ie), {
           label: "Edit Column",
           "left-icon": "setting",
           size: "small",
@@ -144,7 +144,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}, Al = { class: "relative flex flex-col gap-9" }, Bl = {
+}, jl = { class: "relative flex flex-col gap-9" }, Bl = {
   key: 0,
   class: "flex items-center px-4 min-h-[44px]"
 }, Ul = {
@@ -212,14 +212,14 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
     "update:sort-by": []
   },
   setup(F, { expose: se, emit: oe }) {
-    var ye, ge, be, ke, he, xe, we, $e, Se, Fe, Oe, Ve, De, Ee;
-    const s = F, g = oe, d = $(() => {
+    var ye, ge, be, ke, he, xe, we, Se, $e, Fe, Oe, Ve, De, Ee;
+    const s = F, g = oe, d = S(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.cursor;
-    }), T = S(), O = $(() => {
+    }), T = $(), O = S(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.tableOptions;
-    }), N = $(() => s.localDb !== void 0), {
+    }), N = S(() => s.localDb !== void 0), {
       localData: E,
       paginationData: i,
       isLoading: v,
@@ -227,7 +227,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
       bulkPutLocalData: C,
       bulkDeleteLocalData: ee,
       getLocalDataUpdatedAt: le,
-      getLocalDataIds: ae,
+      getProductIdAndLastUpdatedAt: ae,
       syncLocalData: ie,
       sortByData: R,
       // Setters
@@ -262,7 +262,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
       },
       { deep: !0, immediate: !0 }
     ));
-    const ce = $(() => {
+    const ce = S(() => {
       var l, c;
       const e = {
         ...O.value,
@@ -272,23 +272,23 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
         }).filter((n) => n.isActive) : (l = O.value) == null ? void 0 : l.headers.filter((n) => He(n.key))
       };
       return (c = e.fields) != null && c.length || (e.fields = E.value), e;
-    }), a = $(() => {
+    }), a = S(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.filterOptions;
-    }), Re = $(() => {
+    }), Re = S(() => {
       var e;
       return (e = s.options) == null ? void 0 : e.hidePerPageDropdown;
-    }), Me = $(() => {
+    }), Me = S(() => {
       var e;
       return ((e = i.value) == null ? void 0 : e.last_page) === 1;
-    }), Q = S(!1), B = S(s.filter[(we = (xe = a.value) == null ? void 0 : xe.tabs) == null ? void 0 : we.key]), M = S(s.filter.page), z = S(
-      (Se = ($e = a.value) == null ? void 0 : $e.per_page) != null && Se.key ? s.filter[(Oe = (Fe = a.value) == null ? void 0 : Fe.per_page) == null ? void 0 : Oe.key] : s.filter.per_page
-    ), me = ((Ee = s.filter[(De = (Ve = a.value) == null ? void 0 : Ve.search) == null ? void 0 : De.key]) == null ? void 0 : Ee.trim()) ?? "", U = S(me ? me.split(",") : []), pe = S(!1), Je = $(
+    }), Q = $(!1), B = $(s.filter[(we = (xe = a.value) == null ? void 0 : xe.tabs) == null ? void 0 : we.key]), M = $(s.filter.page), z = $(
+      ($e = (Se = a.value) == null ? void 0 : Se.per_page) != null && $e.key ? s.filter[(Oe = (Fe = a.value) == null ? void 0 : Fe.per_page) == null ? void 0 : Oe.key] : s.filter.per_page
+    ), me = ((Ee = s.filter[s.filter.selectedSearchOption || ((De = (Ve = a.value) == null ? void 0 : Ve.search) == null ? void 0 : De.key)]) == null ? void 0 : Ee.trim()) ?? "", U = $(me ? me.split(",") : []), pe = $(!1), Je = S(
       () => {
         var e;
         return Fl((e = s.options) == null ? void 0 : e.perPageOptions);
       }
-    ), Ge = $(() => Ol(Je.value, i.value)), We = $(() => {
+    ), Ge = S(() => Ol(Je.value, i.value)), We = S(() => {
       var e;
       return ((e = s.selected) == null ? void 0 : e.length) > 0;
     }), Xe = (e) => {
@@ -297,12 +297,12 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
       U.value = U.value.filter((l) => l !== e), V();
     }, J = s.filter;
     !J && i.value ? J.page = 1 : !J && d && (J.cursor = "");
-    const o = S(J), Ze = $(() => $l(o.value, a.value)), He = (e) => {
+    const o = $(J), Ze = S(() => Sl(o.value, a.value)), He = (e) => {
       var l, c, n, f, m, t;
       return ((t = (m = (f = (n = o.value) == null ? void 0 : n[(c = (l = a.value) == null ? void 0 : l.columnEdit) == null ? void 0 : c.key]) == null ? void 0 : f.active) == null ? void 0 : m.find((b) => b.key === e)) == null ? void 0 : t.isActive) ?? !0;
     }, _e = ({ fixedHeaders: e, activeHeaders: l, isOnMount: c }) => {
-      var n, f, m, t, b, x, L, D;
-      if (o.value[(f = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : f.key] || (o.value[(t = (m = a.value) == null ? void 0 : m.columnEdit) == null ? void 0 : t.key] = {}), o.value[(x = (b = a.value) == null ? void 0 : b.columnEdit) == null ? void 0 : x.key].fixed = e, o.value[(D = (L = a.value) == null ? void 0 : L.columnEdit) == null ? void 0 : D.key].active = l, T.value = [...e, ...l], !c) {
+      var n, f, m, t, b, x, P, D;
+      if (o.value[(f = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : f.key] || (o.value[(t = (m = a.value) == null ? void 0 : m.columnEdit) == null ? void 0 : t.key] = {}), o.value[(x = (b = a.value) == null ? void 0 : b.columnEdit) == null ? void 0 : x.key].fixed = e, o.value[(D = (P = a.value) == null ? void 0 : P.columnEdit) == null ? void 0 : D.key].active = l, T.value = [...e, ...l], !c) {
         const K = xl(e, l);
         wl(a.value.columnEdit.localStorageKey, K);
       }
@@ -323,7 +323,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
     }, ll = (e) => {
       o.value.selectedSearchOption = e;
     }, al = () => {
-      U.value = [], B.value = "", o.value = Sl(
+      U.value = [], B.value = "", o.value = $l(
         o.value,
         a.value,
         z.value,
@@ -331,9 +331,9 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
       ), V();
     }, tl = () => {
       V(null, M.value);
-    }, fe = S(null), V = (e = null, l = !1, c = "", n = !1, f = !1) => {
-      var t, b, x, L, D, K, G, W, X, Y, Z, H, _;
-      i.value && !l && (M.value = 1), i.value ? o.value.page = M.value : o.value.cursor = c, (t = a.value) != null && t.per_page ? o.value[a.value.per_page.key] = z.value : o.value.per_page = z.value, (b = a.value) != null && b.tabs && f && (o.value[a.value.tabs.key] = B.value), (x = a.value) != null && x.search && ((D = (L = a.value.search) == null ? void 0 : L.options) != null && D.length ? (Object.keys(o.value).forEach((k) => {
+    }, fe = $(null), V = (e = null, l = !1, c = "", n = !1, f = !1) => {
+      var t, b, x, P, D, K, G, W, X, Y, Z, H, _;
+      i.value && !l && (M.value = 1), i.value ? o.value.page = M.value : o.value.cursor = c, (t = a.value) != null && t.per_page ? o.value[a.value.per_page.key] = z.value : o.value.per_page = z.value, (b = a.value) != null && b.tabs && f && (o.value[a.value.tabs.key] = B.value), (x = a.value) != null && x.search && ((D = (P = a.value.search) == null ? void 0 : P.options) != null && D.length ? (Object.keys(o.value).forEach((k) => {
         var I;
         (I = a.value.search.options) != null && I.map((p) => p.value).includes(k) && delete o.value[k];
       }), o.value[((K = o.value) == null ? void 0 : K.selectedSearchOption) || ((X = (W = (G = a.value.search) == null ? void 0 : G.options) == null ? void 0 : W[0]) == null ? void 0 : X.value) || a.value.search.key] = U.value.join()) : o.value[a.value.search.key] = U.value.join()), e && (Q.value = !1, o.value = { ...o.value, ...e }, Object.keys(o.value).forEach((k) => {
@@ -361,7 +361,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
         g("on-table-ready");
       });
     });
-    const re = $(() => s.isLoading || v.value);
+    const re = S(() => s.isLoading || v.value);
     se({
       localData: E,
       paginationData: i,
@@ -369,7 +369,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
       bulkPutLocalData: C,
       bulkDeleteLocalData: ee,
       getLocalDataUpdatedAt: le,
-      getLocalDataIds: ae,
+      getProductIdAndLastUpdatedAt: ae,
       syncLocalData: ie,
       sortByData: R
     });
@@ -380,8 +380,8 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
     };
     return (e, l) => {
       var c, n, f, m;
-      return u(), h("div", Al, [
-        ce.value ? (u(), j(nl(F.isNewTable ? r(cl) : r(ml)), {
+      return u(), h("div", jl, [
+        ce.value ? (u(), L(nl(F.isNewTable ? r(cl) : r(ml)), {
           key: 0,
           selected: F.selected,
           "row-key": F.rowKey,
@@ -399,30 +399,30 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
           "onHover:cell": l[10] || (l[10] = (t) => e.$emit("hover:cell", t))
         }, dl({
           after: w(() => [
-            P(e.$slots, "after")
+            A(e.$slots, "after")
           ]),
           empty: w(() => [
-            P(e.$slots, "empty")
+            A(e.$slots, "empty")
           ]),
           "table-header": w((t) => [
-            P(e.$slots, "table-header", Pe(je(t)))
+            A(e.$slots, "table-header", Ae(Le(t)))
           ]),
           "table-body": w((t) => [
-            P(e.$slots, "table-body", Pe(je(t)))
+            A(e.$slots, "table-body", Ae(Le(t)))
           ]),
           _: 2
         }, [
           e.$slots.before || (c = a.value) != null && c.search || (n = a.value) != null && n.form || (f = a.value) != null && f.tabs ? {
             name: "before",
             fn: w(() => {
-              var t, b, x, L;
+              var t, b, x, P;
               return [
-                P(e.$slots, "before"),
+                A(e.$slots, "before"),
                 (t = a.value) != null && t.search || (b = a.value) != null && b.form || (x = a.value) != null && x.tabs ? (u(), h("div", Bl, [
                   We.value ? (u(), h("div", Ul, [
-                    P(e.$slots, "bulk-actions", { selectedRows: F.selected })
+                    A(e.$slots, "bulk-actions", { selectedRows: F.selected })
                   ])) : (u(), h("div", Tl, [
-                    (L = a.value) != null && L.tabs ? (u(), j(r(pl), {
+                    (P = a.value) != null && P.tabs ? (u(), L(r(pl), {
                       key: 0,
                       modelValue: B.value,
                       "onUpdate:modelValue": [
@@ -434,7 +434,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                       variant: "pills"
                     }, null, 8, ["modelValue", "is-disabled", "tabs"])) : y("", !0)
                   ])),
-                  P(e.$slots, "filter-options", {}, () => {
+                  A(e.$slots, "filter-options", {}, () => {
                     var D, K, G, W, X, Y, Z, H, _, k, I;
                     return [
                       (D = a.value) != null && D.search || (K = a.value) != null && K.form || (G = a.value) != null && G.columnEdit ? (u(), h("div", {
@@ -444,7 +444,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                           a.value ? pe.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
-                        (W = a.value) != null && W.search ? (u(), j(r(fl), {
+                        (W = a.value) != null && W.search ? (u(), L(r(fl), {
                           key: 0,
                           "is-search-only": !a.value.tabs || a.value.isSearchOnly,
                           "search-options": ((X = a.value.search) == null ? void 0 : X.options) ?? [],
@@ -453,7 +453,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                           onToggle: l[2] || (l[2] = (p) => pe.value = p),
                           onChangeSearchKey: ll
                         }, null, 8, ["is-search-only", "search-options", "selected-option"])) : y("", !0),
-                        (k = a.value) != null && k.form ? (u(), j(r(Ke), {
+                        (k = a.value) != null && k.form ? (u(), L(r(Ke), {
                           key: 1,
                           modelValue: Q.value,
                           "onUpdate:modelValue": [
@@ -465,7 +465,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                           "is-attach-to-body": ""
                         }, {
                           menu: w(() => [
-                            Q.value ? (u(), j(r(yl), {
+                            Q.value ? (u(), L(r(yl), {
                               key: 0,
                               id: F.id,
                               "json-form": a.value.form ?? [],
@@ -477,7 +477,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                               onCancel: l[5] || (l[5] = (p) => Q.value = !1)
                             }, {
                               default: w(({ errors: p, values: te, jsonForm: il, updateForm: rl }) => [
-                                P(e.$slots, "custom-filter-form", {
+                                A(e.$slots, "custom-filter-form", {
                                   errors: p,
                                   values: te,
                                   jsonForm: il,
@@ -488,7 +488,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : y("", !0)
                           ]),
                           default: w(() => [
-                            A(r(Ie), {
+                            j(r(Ie), {
                               "is-active": Q.value,
                               variant: "secondary",
                               "left-icon": "filter",
@@ -499,7 +499,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                           ]),
                           _: 3
                         }, 8, ["modelValue"])) : y("", !0),
-                        a.value.columnEdit ? (u(), j(jl, {
+                        a.value.columnEdit ? (u(), L(Ll, {
                           key: 2,
                           options: o.value.columnEdit,
                           headers: ((I = O.value) == null ? void 0 : I.headers) || [],
@@ -510,7 +510,7 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
                     ];
                   })
                 ])) : y("", !0),
-                A(r(gl), {
+                j(r(gl), {
                   filters: Ze.value,
                   queries: U.value,
                   class: "border-t border-oc-gray-200",
@@ -524,20 +524,20 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
           } : void 0,
           de((m = O.value) == null ? void 0 : m.headers, (t, b) => ({
             name: t.key,
-            fn: w(({ data: x, item: L }) => [
-              P(e.$slots, t.key, {
+            fn: w(({ data: x, item: P }) => [
+              A(e.$slots, t.key, {
                 data: x,
-                item: L
+                item: P
               })
             ])
           }))
         ]), 1064, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless", "sort-by"])) : y("", !0),
-        P(e.$slots, "before-pagination"),
+        A(e.$slots, "before-pagination"),
         r(i) || d.value ? (u(), h("div", {
           key: 1,
           class: ve(["flex items-center gap-3", r(i) && r(i).last_page === 1 ? "justify-end" : ""])
         }, [
-          r(i) && !Me.value ? (u(), j(r(bl), {
+          r(i) && !Me.value ? (u(), L(r(bl), {
             key: 0,
             modelValue: M.value,
             "onUpdate:modelValue": [
@@ -550,18 +550,18 @@ const Vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Dl = {
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : y("", !0),
           d.value ? (u(), h("div", Kl, [
-            A(r(Ae), {
+            j(r(je), {
               disabled: !d.value.prev,
               onClick: l[12] || (l[12] = (t) => d.value.prev ? V(null, !1, d.value.prev) : null)
             }, null, 8, ["disabled"]),
-            A(r(Ae), {
+            j(r(je), {
               disabled: !d.value.next,
               "is-next": "",
               onClick: l[13] || (l[13] = (t) => d.value.next ? V(null, !1, d.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : y("", !0),
           Re.value ? y("", !0) : (u(), h("div", Il, [
-            A(r(kl), {
+            j(r(kl), {
               modelValue: z.value,
               "onUpdate:modelValue": [
                 l[14] || (l[14] = (t) => z.value = t),

package/dist/{OcDraggableList-DJ1rYiWe.js → OcDraggableList-C4rF2IOY.js}

@@ -1,5 +1,5 @@
 import { ref as w, createBlock as y, openBlock as c, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
-import { aJ as D, aF as S, aA as B } from "./index-CyQOM2dV.js";
+import { aJ as D, aF as S, aA as B } from "./index-CZrx8CAS.js";
 import { _ as g } from "./OcIcon-CBf___w1.js";
 const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, A = { class: "flex items-center flex-wrap w-full" }, E = ["href"], F = { class: "min-w-[120px]" }, O = { class: "truncate w-[200px]" }, W = { class: "flex items-center ml-4" }, j = { class: "flex w-full" }, T = {
   __name: "OcDraggableList",

package/dist/{OcEmojiPicker-BEpfwfjR.js → OcEmojiPicker-DeQ2FGiV.js}

@@ -1,5 +1,5 @@
 import { ref as m, computed as p, createElementBlock as l, openBlock as s, createVNode as f, createBlock as N, createCommentVNode as z, unref as c, withCtx as v, createElementVNode as n, normalizeClass as T, Fragment as V, renderList as k, createTextVNode as C } from "vue";
-import { aA as U, d as A, B as _ } from "./index-CyQOM2dV.js";
+import { aA as U, d as A, B as _ } from "./index-CZrx8CAS.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as J } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {

package/dist/{OcFilterForm-BPbJvxPi.js → OcFilterForm-BIlAjAkp.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as u, onMounted as B, createElementBlock as O, openBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
-import { u as w, B as m } from "./index-CyQOM2dV.js";
+import { u as w, B as m } from "./index-CZrx8CAS.js";
 const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500px] overflow-y-auto p-5" }, E = { class: "flex gap-x-5 px-5 pb-5" }, N = {
   __name: "OcFilterForm",
   props: {

package/dist/{OcFilterSearch-CmpSMrxs.js → OcFilterSearch-bnEe1aJ3.js}

@@ -1,5 +1,5 @@
 import { ref as c, computed as b, createElementBlock as u, openBlock as i, Fragment as x, createElementVNode as o, createCommentVNode as v, normalizeClass as O, createVNode as d, unref as r, withKeys as z, createSlots as K, withCtx as m, toDisplayString as N, renderList as Q, createBlock as S, nextTick as A } from "vue";
-import { d as D, aA as E, aB as F, B as w } from "./index-CyQOM2dV.js";
+import { d as D, aA as E, aB as F, B as w } from "./index-CZrx8CAS.js";
 import { _ as I } from "./OcIcon-CBf___w1.js";
 const U = { class: "flex gap-x-4" }, j = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, q = { class: "p-2 flex flex-col" }, J = {
   __name: "OcFilterSearch",

package/dist/{OcFilterSearchFor-Cyz2Q5O2.js → OcFilterSearchFor-XrceqUlt.js}

@@ -1,5 +1,5 @@
 import { computed as k, createBlock as m, createCommentVNode as x, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as b, renderList as p } from "vue";
-import { O as $, av as c } from "./index-CyQOM2dV.js";
+import { O as $, av as c } from "./index-CZrx8CAS.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, O = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-IkoTcOwk.js → OcModalCropper-DN2JKPzJ.js}

@@ -1,6 +1,6 @@
 import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as C } from "vue";
-import { aC as O } from "./index-CyQOM2dV.js";
-import b from "./OcCropper-s1rbXEtj.js";
+import { aC as O } from "./index-CZrx8CAS.js";
+import b from "./OcCropper-vsswb_yC.js";
 const h = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcTimePicker-CjRTSJHa.js → OcTimePicker-G9fPdCCd.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, createBlock as m, openBlock as s, unref as o, withCtx as p, createVNode as v, createCommentVNode as y } from "vue";
-import { aA as S, d as h, aK as D } from "./index-CyQOM2dV.js";
+import { aA as S, d as h, aK as D } from "./index-CZrx8CAS.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { ay as r } from "../../index-CyQOM2dV.js";
+import { ay as r } from "../../index-CZrx8CAS.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { az as a } from "../../index-CyQOM2dV.js";
+import { az as a } from "../../index-CZrx8CAS.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { aA as r, aB as p } from "../../index-CyQOM2dV.js";
+import { aA as r, aB as p } from "../../index-CZrx8CAS.js";
 export {
   r as Dropdown,
   p as DropdownItem

package/dist/Overlay/Modal/OcModal.js

@@ -1,4 +1,4 @@
-import { aC as d, aD as e } from "../../index-CyQOM2dV.js";
+import { aC as d, aD as e } from "../../index-CZrx8CAS.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aE as r } from "../../index-CyQOM2dV.js";
+import { aE as r } from "../../index-CZrx8CAS.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aF as p } from "../../index-CyQOM2dV.js";
+import { aF as p } from "../../index-CZrx8CAS.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aG as e } from "../../index-CyQOM2dV.js";
+import { aG as e } from "../../index-CZrx8CAS.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-BGBnWbc0.js → SubPlanCard-DRuW8ITP.js}

@@ -1,5 +1,5 @@
 import { computed as l, createElementBlock as o, openBlock as a, normalizeClass as d, createElementVNode as e, createBlock as x, createCommentVNode as u, toDisplayString as r, unref as m, createTextVNode as v, Fragment as T, renderList as k, createVNode as P } from "vue";
-import { av as _, B as w } from "./index-CyQOM2dV.js";
+import { av as _, B as w } from "./index-CZrx8CAS.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./OcIcon-CBf___w1.js";
 const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex items-center gap-4" }, A = { class: "font-medium text-xl" }, N = { class: "flex gap-3 items-center mb-5" }, S = { class: "flex items-start gap-2" }, V = { class: "text-[24px] font-medium tracking-tighter" }, q = { class: "text-[40px] leading-none font-medium" }, z = { key: 0 }, $ = {

package/dist/{ThumbnailSection-lbu-wHp_.js → ThumbnailSection-kSwN2UFU.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as a, openBlock as d, createElementVNode as t, createVNode as o, unref as i, toDisplayString as r } from "vue";
-import { B as n } from "./index-CyQOM2dV.js";
+import { B as n } from "./index-CZrx8CAS.js";
 const m = { class: "flex flex-col" }, u = { class: "w-full relative group" }, f = { class: "w-full h-full bg-black/25 absolute top-0 left-0 hidden group-hover:flex rounded-lg" }, v = { class: "w-full px-6 gap-3 m-auto flex" }, b = ["src", "alt"], g = { class: "mt-4 text-md text-center" }, x = {
   __name: "ThumbnailSection",
   props: {

package/dist/{ThumbnailTheme-Cvm8eC4j.js → ThumbnailTheme-D90hNNO1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as s, openBlock as i, normalizeClass as f, createElementVNode as l, Fragment as b, createCommentVNode as u, createVNode as m, createBlock as r, unref as a, createTextVNode as c, toDisplayString as g, withCtx as v } from "vue";
-import { B as d, av as h } from "./index-CyQOM2dV.js";
+import { B as d, av as h } from "./index-CZrx8CAS.js";
 import { _ as k } from "./OcIcon-CBf___w1.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,

package/dist/{index-CyQOM2dV.js → index-CZrx8CAS.js}

@@ -10834,16 +10834,16 @@ const Cc = { class: "flex flex-col gap-y-2 w-full" }, Bc = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Qf = he(() => import("./OcDataTable-Lu6mek15.js")), _f = he(() => import("./OcFilterSearch-CmpSMrxs.js")), ev = he(() => import("./OcFilterSearchFor-Cyz2Q5O2.js")), tv = he(() => import("./OcFilterForm-BPbJvxPi.js")), jm = he(
-  () => import("./OcComplexCalendar-C4zPiDvL.js")
+}, Qf = he(() => import("./OcDataTable-DTw8-TG4.js")), _f = he(() => import("./OcFilterSearch-bnEe1aJ3.js")), ev = he(() => import("./OcFilterSearchFor-XrceqUlt.js")), tv = he(() => import("./OcFilterForm-BIlAjAkp.js")), jm = he(
+  () => import("./OcComplexCalendar-CRTXheSm.js")
 ), lv = he(
-  () => import("./OcComplexDatePicker-DINyrmYJ.js")
-), dt = he(() => import("./OcModalCropper-IkoTcOwk.js")), av = he(() => import("./OcCropper-s1rbXEtj.js")), Mm = he(() => import("./OcDraggable-DRsp4j4e.js")), nv = he(() => import("./OcDraggableList-DJ1rYiWe.js")), iv = he(() => import("./OcEmojiPicker-BEpfwfjR.js")), sv = he(
-  () => import("./ThumbnailTheme-Cvm8eC4j.js")
+  () => import("./OcComplexDatePicker-yPE47xDW.js")
+), dt = he(() => import("./OcModalCropper-DN2JKPzJ.js")), av = he(() => import("./OcCropper-vsswb_yC.js")), Mm = he(() => import("./OcDraggable-DRsp4j4e.js")), nv = he(() => import("./OcDraggableList-C4rF2IOY.js")), iv = he(() => import("./OcEmojiPicker-DeQ2FGiV.js")), sv = he(
+  () => import("./ThumbnailTheme-D90hNNO1.js")
 ), ov = he(
-  () => import("./ThumbnailSection-lbu-wHp_.js")
-), rv = he(() => import("./SubPlanCard-BGBnWbc0.js")), dv = he(() => import("./OcTimePopup-CrwbZ_Nx.js")), Em = he(() => import("./OcTimePicker-CjRTSJHa.js")), cv = he(
-  () => import("./OcAccountSetupProgress-zvsbyxxR.js")
+  () => import("./ThumbnailSection-kSwN2UFU.js")
+), rv = he(() => import("./SubPlanCard-DRuW8ITP.js")), dv = he(() => import("./OcTimePopup-CrwbZ_Nx.js")), Em = he(() => import("./OcTimePicker-G9fPdCCd.js")), cv = he(
+  () => import("./OcAccountSetupProgress-Blquk8FF.js")
 );
 export {
   yf as $,

package/dist/index.js

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

package/package.json

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