@orchidui/core 1.6.1-25 → 1.6.1-27

package/dist/{OcDataTable-xfjFIMZa.js → OcDataTable-BJ53ze6V.js}

@@ -1,5 +1,5 @@
-import { ref as P, onMounted as Ve, openBlock as n, createBlock as B, unref as y, withCtx as F, createElementVNode as G, createElementBlock as $, createVNode as N, mergeProps as ge, Fragment as ee, renderList as ae, normalizeClass as te, toDisplayString as be, createCommentVNode as h, computed as L, watch as Qe, createSlots as Re, renderSlot as U, normalizeProps as ke, guardReactiveProps as he } from "vue";
-import { ax as Ee, b as Je, B as Fe, L as ze, Y as _e, aI as Ge, aJ as He, aK as We, I as Xe, J as xe, k as Ze } from "./index-CzdK2gWz.js";
+import { ref as P, onMounted as Ve, openBlock as n, createBlock as B, unref as y, withCtx as F, createElementVNode as Z, createElementBlock as $, createVNode as I, mergeProps as ge, Fragment as ee, renderList as ae, normalizeClass as te, toDisplayString as be, createCommentVNode as h, computed as L, watch as Qe, createSlots as Re, renderSlot as Y, normalizeProps as ke, guardReactiveProps as he } from "vue";
+import { ay as Ee, b as Je, B as Fe, L as ze, Z as _e, aJ as Ze, aK as Ge, aL as He, I as We, J as xe, k as Xe } from "./index-CsbHjN84.js";
 import le from "dayjs";
 import { VueDraggableNext as we } from "vue-draggable-next";
 import { getFromLocalStorage as se, formatHeadersFromLocalStorage as Oe, formatHeadersToLocalStorage as el, setInLocalStorage as $e } from "./DataTable/utils/editColumnsUtils.js";
@@ -27,8 +27,8 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     }
   },
   emits: ["change-active", "onMoved", "update-order"],
-  setup(j, { emit: Z }) {
-    const v = Z, O = j, c = P([]), f = P([]), J = P(!1), S = (a = !1) => {
+  setup(j, { emit: X }) {
+    const v = X, O = j, c = P([]), f = P([]), J = P(!1), S = (a = !1) => {
       f.value = f.value.map((p) => ({
         ...p,
         isActive: !0
@@ -37,7 +37,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
         activeHeaders: c.value,
         isOnMount: a
       });
-    }, W = {
+    }, H = {
       handle: ".drag-el",
       filter: ".is-disabled",
       group: "headers",
@@ -49,10 +49,10 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     return Ve(() => {
       const a = se(O.localKey), { fixed: p, active: m } = Oe(a, O.headers, O.localKey);
       f.value = p || O.headers.slice(0, 1), c.value = m || O.headers.slice(1).map((x) => {
-        var V, I, C;
+        var V, M, C;
         return {
           ...x,
-          isActive: ((C = (I = (V = O.options) == null ? void 0 : V.active) == null ? void 0 : I.find((X) => X.key === x.key)) == null ? void 0 : C.isActive) ?? !0
+          isActive: ((C = (M = (V = O.options) == null ? void 0 : V.active) == null ? void 0 : M.find((W) => W.key === x.key)) == null ? void 0 : C.isActive) ?? !0
         };
       }), S(!0);
     }), (a, p) => (n(), B(y(Ee), {
@@ -62,20 +62,20 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
       "is-attach-to-body": ""
     }, {
       menu: F(() => [
-        G("div", ll, [
+        Z("div", ll, [
           f.value.length ? (n(), $("div", al, [
-            p[4] || (p[4] = G("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            N(y(we), ge({
+            p[4] || (p[4] = Z("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            I(y(we), ge({
               key: "key",
               modelValue: f.value,
               "onUpdate:modelValue": p[0] || (p[0] = (m) => f.value = m)
-            }, W), {
+            }, H), {
               default: F(() => [
                 (n(!0), $(ee, null, ae(f.value, (m, x) => (n(), $("div", {
                   key: m.key,
                   class: te(["flex items-center justify-between h-[26px]", x ? "" : "is-disabled"])
                 }, [
-                  G("span", null, be(m.label), 1),
+                  Z("span", null, be(m.label), 1),
                   x ? (n(), B(y(Se), {
                     key: 0,
                     width: "18",
@@ -88,20 +88,20 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
               _: 1
             }, 16, ["modelValue"])
           ])) : h("", !0),
-          G("div", tl, [
-            p[5] || (p[5] = G("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            N(y(we), ge({
+          Z("div", tl, [
+            p[5] || (p[5] = Z("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+            I(y(we), ge({
               key: "key",
               modelValue: c.value,
               "onUpdate:modelValue": p[2] || (p[2] = (m) => c.value = m)
-            }, W, { "data-active-headers": "true" }), {
+            }, H, { "data-active-headers": "true" }), {
               default: F(() => [
                 (n(!0), $(ee, null, ae(c.value, (m) => (n(), $(ee, {
                   key: m.key
                 }, [
                   m.key !== "actions" ? (n(), $("div", sl, [
-                    G("div", ol, [
-                      N(y(Je), {
+                    Z("div", ol, [
+                      I(y(Je), {
                         modelValue: m.isActive,
                         "onUpdate:modelValue": [
                           (x) => m.isActive = x,
@@ -109,7 +109,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                         ],
                         class: "!w-fit"
                       }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                      G("div", ul, be(m.label), 1)
+                      Z("div", ul, be(m.label), 1)
                     ]),
                     c.value.length > 1 ? (n(), B(y(Se), {
                       key: 0,
@@ -127,7 +127,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
         ])
       ]),
       default: F(() => [
-        N(y(Fe), {
+        I(y(Fe), {
           label: "Edit Column",
           "left-icon": "setting",
           variant: "secondary"
@@ -189,9 +189,9 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     "hover:cell": [],
     "columns-changed": []
   },
-  setup(j, { emit: Z }) {
+  setup(j, { emit: X }) {
     var re, ie, ne, de, ve, ce, fe, pe, me;
-    const v = j, O = Z, c = L(() => {
+    const v = j, O = X, c = L(() => {
       var l;
       return (l = v.options) == null ? void 0 : l.pagination;
     }), f = L(() => {
@@ -200,7 +200,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     }), J = P(), S = L(() => {
       var l;
       return (l = v.options) == null ? void 0 : l.tableOptions;
-    }), W = L(() => {
+    }), H = L(() => {
       var l;
       return {
         ...S.value,
@@ -218,9 +218,9 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     }), m = L(() => {
       var l;
       return ((l = c.value) == null ? void 0 : l.last_page) === 1;
-    }), x = P(!1), V = P(v.filter[(ie = (re = a.value) == null ? void 0 : re.tabs) == null ? void 0 : ie.key]), I = P(v.filter.page), C = P(
+    }), x = P(!1), V = P(v.filter[(ie = (re = a.value) == null ? void 0 : re.tabs) == null ? void 0 : ie.key]), M = P(v.filter.page), C = P(
       (de = (ne = a.value) == null ? void 0 : ne.per_page) != null && de.key ? v.filter[(ce = (ve = a.value) == null ? void 0 : ve.per_page) == null ? void 0 : ce.key] : v.filter.per_page
-    ), X = ((me = v.filter[(pe = (fe = a.value) == null ? void 0 : fe.search) == null ? void 0 : pe.key]) == null ? void 0 : me.trim()) ?? "", z = P(X ? X.split(",") : []), oe = P(!1), je = L(
+    ), W = ((me = v.filter[(pe = (fe = a.value) == null ? void 0 : fe.search) == null ? void 0 : pe.key]) == null ? void 0 : me.trim()) ?? "", z = P(W ? W.split(",") : []), oe = P(!1), je = L(
       () => {
         var l, e;
         return (e = (l = v.options) == null ? void 0 : l.perPageOptions) == null ? void 0 : e.map(
@@ -285,43 +285,43 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
       const l = {};
       a.value ? _.page = 1 : _.cursor = "", (o = (e = a.value) == null ? void 0 : e.per_page) != null && o.key ? l[(r = (u = a.value) == null ? void 0 : u.per_page) == null ? void 0 : r.key] = C.value : l.per_page = C.value, (s = (d = a.value) == null ? void 0 : d.tabs) != null && s.key ? l[(b = (g = a.value) == null ? void 0 : g.tabs) == null ? void 0 : b.key] = V.value : l.tabs = V.value, (w = (E = a.value) == null ? void 0 : E.columnEdit) != null && w.key && (l[(T = (K = a.value) == null ? void 0 : K.columnEdit) == null ? void 0 : T.key] = t.value[(Q = (q = a.value) == null ? void 0 : q.columnEdit) == null ? void 0 : Q.key]), t.value = l, A();
     }, Ke = () => {
-      A(null, I.value);
-    }, Ye = () => {
+      A(null, M.value);
+    }, Ue = () => {
       v.id && $e(v.id, JSON.stringify(t.value));
-    }, Ue = () => v.id ? se(v.id) : null, A = (l = null, e = !1, o = "") => {
+    }, Ye = () => v.id ? se(v.id) : null, A = (l = null, e = !1, o = "") => {
       var u, r, d;
-      c.value && !e && (I.value = 1), c.value ? t.value.page = I.value : t.value.cursor = o, (u = a.value) != null && u.per_page ? t.value[a.value.per_page.key] = C.value : t.value.per_page = C.value, (r = a.value) != null && r.tabs && (t.value[a.value.tabs.key] = V.value), (d = a.value) != null && d.search && (t.value[a.value.search.key] = z.value.join()), l && (x.value = !1, t.value = { ...t.value, ...l }, Object.keys(t.value).forEach((s) => {
+      c.value && !e && (M.value = 1), c.value ? t.value.page = M.value : t.value.cursor = o, (u = a.value) != null && u.per_page ? t.value[a.value.per_page.key] = C.value : t.value.per_page = C.value, (r = a.value) != null && r.tabs && (t.value[a.value.tabs.key] = V.value), (d = a.value) != null && d.search && (t.value[a.value.search.key] = z.value.join()), l && (x.value = !1, t.value = { ...t.value, ...l }, Object.keys(t.value).forEach((s) => {
         Array.isArray(t.value[s]) && t.value[s].length === 0 && delete t.value[s];
-      })), Ye(), O("update:filter", t.value);
+      })), Ue(), O("update:filter", t.value);
     }, Be = (l, e) => {
       (e === a.value.tabs.key || e === "tabs") && (V.value = ""), A(l), O("filter-removed", e);
-    }, Ie = (l) => {
+    }, Me = (l) => {
       let e = [];
       return l.forEach((o) => {
         e.push(o.key);
       }), e;
-    }, Me = L(() => {
+    }, Ne = L(() => {
       if (t.value) {
         let l = [];
         return Object.keys(t.value).forEach((e) => {
-          var d, s, g, b, E, w, K, T, q, Q, H;
+          var d, s, g, b, E, w, K, T, q, Q, G;
           let o = (s = (d = a.value) == null ? void 0 : d.tabs) == null ? void 0 : s.key;
           const u = (b = (g = a.value) == null ? void 0 : g.search) == null ? void 0 : b.key, r = ((w = (E = a.value) == null ? void 0 : E.per_page) == null ? void 0 : w.key) ?? "per_page";
           if ((K = a.value.form) == null || K.find((k) => {
             k.name === o && (o = "");
           }), e !== "page" && e !== "cursor" && e !== r && e !== o && e !== u) {
-            let k = null, i = (T = a.value.form) == null ? void 0 : T.find((M) => {
-              if (typeof M.name == "object") {
-                let Y = !1;
-                return M.name.forEach((R) => {
-                  R.key === e && (Y = !0, k = Ie(M.name));
-                }), Y;
+            let k = null, i = (T = a.value.form) == null ? void 0 : T.find((N) => {
+              if (typeof N.name == "object") {
+                let U = !1;
+                return N.name.forEach((R) => {
+                  R.key === e && (U = !0, k = Me(N.name));
+                }), U;
               } else
-                return M.name === e;
+                return N.name === e;
             }), D = "";
             if (i && t.value[e]) {
-              if (typeof i.name == "object" ? (q = i.name) == null || q.forEach((Y) => {
-                D && (D += " - "), D += t.value[Y.key];
+              if (typeof i.name == "object" ? (q = i.name) == null || q.forEach((U) => {
+                D && (D += " - "), D += t.value[U.key];
               }) : D = t.value[e], i.props.options && (D = (i.props.multiple ? t.value[e] : [t.value[e]]).map(
                 (R) => {
                   var ye;
@@ -329,12 +329,12 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                 }
               ).join(", ")), i.type === "RangeInput" && Array.isArray(t.value[e]) && (D = t.value[e][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + t.value[e][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), i.type === "DatePicker")
                 if (((Q = i == null ? void 0 : i.props) == null ? void 0 : Q.type) === "range" && i.name && i.name[1]) {
-                  const Y = le(t.value[i.name[0].key]).format("MM/DD/YYYY"), R = le(t.value[i.name[1].key]).format("MM/DD/YYYY");
-                  D = Y === R ? Y : Y + " - " + R;
+                  const U = le(t.value[i.name[0].key]).format("MM/DD/YYYY"), R = le(t.value[i.name[1].key]).format("MM/DD/YYYY");
+                  D = U === R ? U : U + " - " + R;
                 } else D = le(t.value[i.name]).format("MM/DD/YYYY");
-              let M = `${(H = i == null ? void 0 : i.props) == null ? void 0 : H.label} : ${D}`;
-              i && i.name && typeof i.name == "object" && l.find((R) => R.name === k[0]) && (M = ""), l.push({
-                label: M,
+              let N = `${(G = i == null ? void 0 : i.props) == null ? void 0 : G.label} : ${D}`;
+              i && i.name && typeof i.name == "object" && l.find((R) => R.name === k[0]) && (N = ""), l.push({
+                label: N,
                 name: e,
                 multiNames: k
               });
@@ -346,7 +346,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     }), ue = (l) => {
       var e, o, u, r, d, s;
       return ((s = (d = (r = (u = t.value) == null ? void 0 : u[(o = (e = a.value) == null ? void 0 : e.columnEdit) == null ? void 0 : o.key]) == null ? void 0 : r.active) == null ? void 0 : d.find((g) => g.key === l)) == null ? void 0 : s.isActive) ?? !0;
-    }, Ne = ({ fixedHeaders: l, activeHeaders: e, isOnMount: o }) => {
+    }, Ie = ({ fixedHeaders: l, activeHeaders: e, isOnMount: o }) => {
       var u, r, d, s, g, b, E, w;
       if (t.value[(r = (u = a.value) == null ? void 0 : u.columnEdit) == null ? void 0 : r.key] || (t.value[(s = (d = a.value) == null ? void 0 : d.columnEdit) == null ? void 0 : s.key] = {}), t.value[(b = (g = a.value) == null ? void 0 : g.columnEdit) == null ? void 0 : b.key].fixed = l, t.value[(w = (E = a.value) == null ? void 0 : E.columnEdit) == null ? void 0 : w.key].active = e, J.value = [...l, ...e], !o) {
         const K = el(l, e);
@@ -376,8 +376,8 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
     ), Ve(() => {
       var e, o, u, r, d;
       Te();
-      const l = Ue();
-      l && (t.value = JSON.parse(l), V.value = V.value || ((e = t.value) == null ? void 0 : e.tabs) || ((r = t.value) == null ? void 0 : r[(u = (o = a.value) == null ? void 0 : o.tabs) == null ? void 0 : u.key]), I.value = ((d = t.value) == null ? void 0 : d.page) || 1, A(null, !0, t.value.cursor));
+      const l = Ye();
+      l && (t.value = JSON.parse(l), V.value = V.value || ((e = t.value) == null ? void 0 : e.tabs) || ((r = t.value) == null ? void 0 : r[(u = (o = a.value) == null ? void 0 : o.tabs) == null ? void 0 : u.key]), M.value = ((d = t.value) == null ? void 0 : d.page) || 1, A(null, !0, t.value.cursor));
     }), (l, e) => {
       var o, u, r, d;
       return n(), $("div", il, [
@@ -385,7 +385,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
           key: 0,
           selected: j.selected,
           "row-key": j.rowKey,
-          options: W.value,
+          options: H.value,
           "is-loading": j.isLoading,
           "loading-rows": C.value,
           "row-class": j.rowClass,
@@ -397,16 +397,16 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
           "onHover:cell": e[9] || (e[9] = (s) => l.$emit("hover:cell", s))
         }, Re({
           after: F(() => [
-            U(l.$slots, "after")
+            Y(l.$slots, "after")
           ]),
           empty: F(() => [
-            U(l.$slots, "empty")
+            Y(l.$slots, "empty")
           ]),
           "table-header": F((s) => [
-            U(l.$slots, "table-header", ke(he(s)))
+            Y(l.$slots, "table-header", ke(he(s)))
           ]),
           "table-body": F((s) => [
-            U(l.$slots, "table-body", ke(he(s)))
+            Y(l.$slots, "table-body", ke(he(s)))
           ]),
           _: 2
         }, [
@@ -415,10 +415,10 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
             fn: F(() => {
               var s, g, b, E;
               return [
-                U(l.$slots, "before"),
+                Y(l.$slots, "before"),
                 (s = a.value) != null && s.search || (g = a.value) != null && g.form || (b = a.value) != null && b.tabs ? (n(), $("div", nl, [
                   De.value ? (n(), $("div", dl, [
-                    U(l.$slots, "bulk-actions", { selectedRows: j.selected })
+                    Y(l.$slots, "bulk-actions", { selectedRows: j.selected })
                   ])) : (n(), $("div", vl, [
                     (E = a.value) != null && E.tabs ? (n(), B(y(_e), {
                       key: 0,
@@ -432,8 +432,8 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                       variant: "pills"
                     }, null, 8, ["modelValue", "is-disabled", "tabs"])) : h("", !0)
                   ])),
-                  U(l.$slots, "filter-options", {}, () => {
-                    var w, K, T, q, Q, H;
+                  Y(l.$slots, "filter-options", {}, () => {
+                    var w, K, T, q, Q, G;
                     return [
                       (w = a.value) != null && w.search || (K = a.value) != null && K.form || (T = a.value) != null && T.columnEdit ? (n(), $("div", {
                         key: 0,
@@ -442,7 +442,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                           a.value ? oe.value ? "md:w-fit w-full" : "" : "w-full justify-end"
                         ])
                       }, [
-                        (q = a.value) != null && q.search ? (n(), B(y(Ge), {
+                        (q = a.value) != null && q.search ? (n(), B(y(Ze), {
                           key: 0,
                           "is-search-only": !a.value.tabs || a.value.isSearchOnly,
                           onAddQuery: Le,
@@ -457,7 +457,7 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                           "is-attach-to-body": ""
                         }, {
                           menu: F(() => [
-                            x.value ? (n(), B(y(He), {
+                            x.value ? (n(), B(y(Ge), {
                               key: 0,
                               id: j.id,
                               "json-form": a.value.form ?? [],
@@ -468,19 +468,19 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                               onFilterFieldsChanged: e[4] || (e[4] = (k) => O("filter-fields-changed", k)),
                               onCancel: e[5] || (e[5] = (k) => x.value = !1)
                             }, {
-                              default: F(({ errors: k, values: i, jsonForm: D, updateForm: M }) => [
-                                U(l.$slots, "custom-filter-form", {
+                              default: F(({ errors: k, values: i, jsonForm: D, updateForm: N }) => [
+                                Y(l.$slots, "custom-filter-form", {
                                   errors: k,
                                   values: i,
                                   jsonForm: D,
-                                  updateFilter: M
+                                  updateFilter: N
                                 })
                               ]),
                               _: 3
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : h("", !0)
                           ]),
                           default: F(() => [
-                            N(y(Fe), {
+                            I(y(Fe), {
                               "is-active": x.value,
                               variant: "secondary",
                               "left-icon": "filter"
@@ -491,16 +491,16 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
                         a.value.columnEdit ? (n(), B(rl, {
                           key: 2,
                           options: t.value.columnEdit,
-                          headers: ((H = S.value) == null ? void 0 : H.headers) || [],
+                          headers: ((G = S.value) == null ? void 0 : G.headers) || [],
                           "local-key": a.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Ne
+                          onUpdateOrder: Ie
                         }, null, 8, ["options", "headers", "local-key"])) : h("", !0)
                       ], 2)) : h("", !0)
                     ];
                   })
                 ])) : h("", !0),
-                N(y(We), {
-                  filters: Me.value,
+                I(y(He), {
+                  filters: Ne.value,
                   queries: z.value,
                   class: "border-t border-oc-gray-200",
                   onRemoveQuery: Pe,
@@ -514,23 +514,23 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
           ae((d = S.value) == null ? void 0 : d.headers, (s, g) => ({
             name: s.key,
             fn: F(({ data: b, item: E }) => [
-              U(l.$slots, s.key, {
+              Y(l.$slots, s.key, {
                 data: b,
                 item: E
               })
             ])
           }))
         ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : h("", !0),
-        U(l.$slots, "before-pagination"),
+        Y(l.$slots, "before-pagination"),
         c.value || f.value ? (n(), $("div", {
           key: 1,
           class: te(["flex gap-3 items-center", c.value && c.value.last_page === 1 ? "justify-end" : ""])
         }, [
-          c.value && !m.value ? (n(), B(y(Xe), {
+          c.value && !m.value ? (n(), B(y(We), {
             key: 0,
-            modelValue: I.value,
+            modelValue: M.value,
             "onUpdate:modelValue": [
-              e[10] || (e[10] = (s) => I.value = s),
+              e[10] || (e[10] = (s) => M.value = s),
               Ke
             ],
             class: "justify-center",
@@ -539,18 +539,18 @@ const ll = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, al = {
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : h("", !0),
           f.value ? (n(), $("div", cl, [
-            N(y(xe), {
+            I(y(xe), {
               disabled: !f.value.prev,
               onClick: e[11] || (e[11] = (s) => f.value.prev ? A(null, !1, f.value.prev) : null)
             }, null, 8, ["disabled"]),
-            N(y(xe), {
+            I(y(xe), {
               disabled: !f.value.next,
               "is-next": "",
               onClick: e[12] || (e[12] = (s) => f.value.next ? A(null, !1, f.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : h("", !0),
           p.value ? h("", !0) : (n(), $("div", fl, [
-            N(y(Ze), {
+            I(y(Xe), {
               modelValue: C.value,
               "onUpdate:modelValue": [
                 e[13] || (e[13] = (s) => C.value = s),

package/dist/{OcDraggableList-DmZhohY_.js → OcDraggableList-CIRr2L7q.js}

@@ -1,7 +1,7 @@
-import { ref as w, openBlock as n, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as K, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
-import { aG as D, aC as S, ax as B } from "./index-CzdK2gWz.js";
+import { ref as w, openBlock as n, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as D, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
+import { aH as $, aD as S, ay as B } from "./index-CsbHjN84.js";
 import { _ as g } from "./OcIcon-CJgBICxh.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" }, E = { class: "flex items-center flex-wrap w-full" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, T = {
+const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, H = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, q = {
   __name: "OcDraggableList",
   props: {
     modelValue: Array,
@@ -34,17 +34,17 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
     detectMove: null
   },
   setup(a, { emit: p }) {
-    const V = p, t = w([]), v = w([]), C = (i, d) => {
+    const V = p, t = w([]), v = w([]), K = (i, d) => {
       V("update:modelValue", i, d);
     };
-    return (i, d) => (n(), y(l(D), {
+    return (i, d) => (n(), y(l($), {
       "model-value": a.modelValue,
       class: "grid gap-3",
-      "onUpdate:modelValue": d[0] || (d[0] = (c, e) => C(c, e)),
+      "onUpdate:modelValue": d[0] || (d[0] = (c, e) => K(c, e)),
       onDetectMove: d[1] || (d[1] = (c) => i.$emit("detectMove", c))
     }, {
       default: r(({ list: c }) => [
-        (n(!0), b(K, null, $(c, (e, x) => (n(), b("div", {
+        (n(!0), b(C, null, D(c, (e, x) => (n(), b("div", {
           key: e.id,
           class: s(["group text-oc-text-500 p-4 flex flex-col w-full rounded border border-gray-200 cursor-pointer", [
             e[a.childrenKey] ? "hover:shadow bg-oc-gray-50" : a.isChildren && !t.value[e.id] ? "bg-oc-accent-1-50" : a.classes ? a.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50",
@@ -101,7 +101,7 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       "popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
                     }, {
                       popper: r(() => [
-                        o("div", W, k(e[a.linkKey]), 1)
+                        o("div", O, k(e[a.linkKey]), 1)
                       ]),
                       default: r(() => [
                         f(l(g), {
@@ -113,12 +113,12 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       ]),
                       _: 2
                     }, 1024),
-                    o("span", j, k(e[a.linkKey]), 1)
-                  ], 8, O)) : m("", !0)
+                    o("span", W, k(e[a.linkKey]), 1)
+                  ], 8, H)) : m("", !0)
                 ])
               ])
             ]),
-            o("div", z, [
+            o("div", j, [
               u(i.$slots, "before-action", { item: e }),
               u(i.$slots, "action", { item: e }, () => [
                 f(l(B), {
@@ -148,7 +148,7 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
               ])
             ])
           ]),
-          o("div", A, [
+          o("div", z, [
             u(i.$slots, "content", {
               item: e,
               index: x
@@ -161,5 +161,5 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
   }
 };
 export {
-  T as default
+  q as default
 };

package/dist/{OcEmojiPicker-CyaGc3Qr.js → OcEmojiPicker-CAzh4Nr7.js}

@@ -1,5 +1,5 @@
 import { ref as m, computed as p, openBlock as s, createElementBlock as l, createVNode as f, unref as c, withCtx as v, createElementVNode as n, Fragment as T, renderList as V, normalizeClass as k, createTextVNode as C, createBlock as N, createCommentVNode as z } from "vue";
-import { ax as U, e as J, B as b } from "./index-CzdK2gWz.js";
+import { ay as U, e as J, B as b } from "./index-CsbHjN84.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as A } 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-DBAy2BtT.js → OcFilterForm-otcALXty.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as c, onMounted as B, openBlock as O, createElementBlock as k, renderSlot as w, createElementVNode as f, createVNode as u, unref as i } from "vue";
-import { w as $, B as m } from "./index-CzdK2gWz.js";
+import { w as $, B as m } from "./index-CsbHjN84.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-C4meT-CR.js → OcFilterSearch-4UTFikfn.js}

@@ -1,5 +1,5 @@
 import { ref as o, openBlock as t, createElementBlock as s, Fragment as g, createElementVNode as c, normalizeClass as m, createVNode as x, unref as i, withKeys as S, createBlock as d, createCommentVNode as v, nextTick as w } from "vue";
-import { e as O, B as f } from "./index-CzdK2gWz.js";
+import { e as O, B as f } from "./index-CsbHjN84.js";
 const B = { class: "flex gap-x-4" }, $ = {
   __name: "OcFilterSearch",
   props: {

package/dist/{OcFilterSearchFor-CvL28U3F.js → OcFilterSearchFor-CdgbO1mM.js}

@@ -1,5 +1,5 @@
 import { computed as k, openBlock as a, createBlock as m, unref as n, withCtx as x, createElementVNode as f, createElementBlock as v, Fragment as b, renderList as p, createVNode as F, createCommentVNode as $ } from "vue";
-import { N as y, as as i } from "./index-CzdK2gWz.js";
+import { N as y, at as i } from "./index-CsbHjN84.js";
 const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-BeJvZjdl.js → OcModalCropper-B3f3Xbz_.js}

@@ -1,7 +1,7 @@
 import { ref as n, openBlock as r, createBlock as f, unref as p, withCtx as g, createVNode as v } from "vue";
-import { az as d } from "./index-CzdK2gWz.js";
-import x from "./OcCropper-Bp1AMrh-.js";
-const C = {
+import { aA as d } from "./index-CsbHjN84.js";
+import x from "./OcCropper-BIQBBDMg.js";
+const S = {
   __name: "OcModalCropper",
   props: {
     inputOptions: Array,
@@ -42,5 +42,5 @@ const C = {
   }
 };
 export {
-  C as default
+  S as default
 };

package/dist/{OcTimePicker-B-CW199E.js → OcTimePicker-B-mv-DaH.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, openBlock as m, createBlock as s, unref as o, withCtx as p, createCommentVNode as v, createVNode as y } from "vue";
-import { ax as S, aH as h, e as x } from "./index-CzdK2gWz.js";
+import { ay as S, aI as h, e as D } from "./index-CsbHjN84.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",
@@ -74,7 +74,7 @@ const w = {
         }, null, 8, ["modelValue"])) : v("", !0)
       ]),
       default: p(() => [
-        y(o(x), {
+        y(o(D), {
           icon: e.icon,
           "error-message": e.errorMessage,
           label: e.label,

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { av as r } from "../../index-CzdK2gWz.js";
+import { aw as r } from "../../index-CsbHjN84.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { aw as a } from "../../index-CzdK2gWz.js";
+import { ax as a } from "../../index-CsbHjN84.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { ax as r, ay as p } from "../../index-CzdK2gWz.js";
+import { ay as r, az as p } from "../../index-CsbHjN84.js";
 export {
   r as Dropdown,
   p as DropdownItem

package/dist/Overlay/Modal/OcModal.js

@@ -1,4 +1,4 @@
-import { az as d, aA as e } from "../../index-CzdK2gWz.js";
+import { aA as d, aB as e } from "../../index-CsbHjN84.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aB as r } from "../../index-CzdK2gWz.js";
+import { aC as r } from "../../index-CsbHjN84.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aC as p } from "../../index-CzdK2gWz.js";
+import { aD as p } from "../../index-CsbHjN84.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aD as e } from "../../index-CzdK2gWz.js";
+import { aE as e } from "../../index-CsbHjN84.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-BsYuygj-.js → SubPlanCard-CqxfYrT7.js}

@@ -1,5 +1,5 @@
 import { computed as l, openBlock as a, createElementBlock as o, normalizeClass as d, createElementVNode as e, toDisplayString as r, createBlock as x, unref as u, createCommentVNode as m, createTextVNode as v, Fragment as T, renderList as k, createVNode as P } from "vue";
-import { as as _, B as w } from "./index-CzdK2gWz.js";
+import { at as _, B as w } from "./index-CsbHjN84.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./OcIcon-CJgBICxh.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-DFIqLoCf.js → ThumbnailSection-jZKVmIw3.js}

@@ -1,5 +1,5 @@
 import { openBlock as a, createElementBlock as d, createElementVNode as t, createVNode as o, unref as i, toDisplayString as r } from "vue";
-import { B as n } from "./index-CzdK2gWz.js";
+import { B as n } from "./index-CsbHjN84.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: {