@orchidui/core 1.1.31-24 → 1.1.31-26

package/dist/{OcDataTable-BqLofyQy.js → OcDataTable-CUfaDV_D.js}

@@ -1,5 +1,5 @@
-import { ref as L, onMounted as Ve, openBlock as i, createBlock as U, unref as y, withCtx as $, createElementVNode as J, createElementBlock as w, createVNode as N, mergeProps as ge, Fragment as ee, renderList as ae, normalizeClass as te, toDisplayString as be, createCommentVNode as x, computed as D, createSlots as Qe, renderSlot as Y, normalizeProps as ke, guardReactiveProps as xe } from "vue";
-import { ay as Ee, b as Re, B as Fe, L as Je, Y as ze, aJ as _e, aK as He, aL as Ge, I as We, J as he, k as Xe } from "./index-BgxWMARS.js";
+import { ref as L, onMounted as Ve, openBlock as i, createBlock as U, unref as y, withCtx as $, createElementVNode as J, createElementBlock as w, createVNode as M, mergeProps as ge, Fragment as ee, renderList as ae, normalizeClass as te, toDisplayString as be, createCommentVNode as x, computed as D, createSlots as Qe, renderSlot as Y, normalizeProps as ke, guardReactiveProps as xe } from "vue";
+import { ax as Ee, b as Re, B as Fe, L as Je, Y as ze, aI as _e, aJ as He, aK as Ge, I as We, J as he, k as Xe } from "./index-Cp_g4d58.js";
 import le from "dayjs";
 import { VueDraggableNext as we } from "vue-draggable-next";
 import { getFromLocalStorage as se, formatHeadersFromLocalStorage as Oe, formatHeadersToLocalStorage as Ze, setInLocalStorage as $e } from "./DataTable/utils/editColumnsUtils.js";
@@ -65,7 +65,7 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
         J("div", el, [
           f.value.length ? (i(), w("div", ll, [
             p[4] || (p[4] = J("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
-            N(y(we), ge({
+            M(y(we), ge({
               key: "key",
               modelValue: f.value,
               "onUpdate:modelValue": p[0] || (p[0] = (m) => f.value = m)
@@ -90,7 +90,7 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
           ])) : x("", !0),
           J("div", al, [
             p[5] || (p[5] = J("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
-            N(y(we), ge({
+            M(y(we), ge({
               key: "key",
               modelValue: c.value,
               "onUpdate:modelValue": p[2] || (p[2] = (m) => c.value = m)
@@ -101,7 +101,7 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
                 }, [
                   m.key !== "actions" ? (i(), w("div", tl, [
                     J("div", sl, [
-                      N(y(Re), {
+                      M(y(Re), {
                         modelValue: m.isActive,
                         "onUpdate:modelValue": [
                           (h) => m.isActive = h,
@@ -127,7 +127,7 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
         ])
       ]),
       default: $(() => [
-        N(y(Fe), {
+        M(y(Fe), {
           label: "Edit Column",
           "left-icon": "setting",
           variant: "secondary"
@@ -291,12 +291,12 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
       })), Ye(), F("update:filter", t.value);
     }, Be = (l, e) => {
       (e === a.value.tabs.key || e === "tabs") && (V.value = ""), O(l), F("filter-removed", e);
-    }, Me = (l) => {
+    }, Ie = (l) => {
       let e = [];
       return l.forEach((o) => {
         e.push(o.key);
       }), e;
-    }, Ne = D(() => {
+    }, Me = D(() => {
       if (t.value) {
         let l = [];
         return Object.keys(t.value).forEach((e) => {
@@ -306,31 +306,31 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
           if ((R = a.value.form) == null || R.find((k) => {
             k.name === o && (o = "");
           }), e !== "page" && e !== "cursor" && e !== d && e !== o && e !== u) {
-            let k = null, r = (z = a.value.form) == null ? void 0 : z.find((M) => {
-              if (typeof M.name == "object") {
+            let k = null, r = (z = a.value.form) == null ? void 0 : z.find((I) => {
+              if (typeof I.name == "object") {
                 let K = !1;
-                return M.name.forEach((I) => {
-                  I.key === e && (K = !0, k = Me(M.name));
+                return I.name.forEach((N) => {
+                  N.key === e && (K = !0, k = Ie(I.name));
                 }), K;
               } else
-                return M.name === e;
+                return I.name === e;
             }), A = "";
             if (r && t.value[e]) {
               if (typeof r.name == "object" ? (_ = r.name) == null || _.forEach((K) => {
                 A && (A += " - "), A += t.value[K.key];
               }) : A = t.value[e], r.props.options && (A = (r.props.multiple ? t.value[e] : [t.value[e]]).map(
-                (I) => {
+                (N) => {
                   var ye;
-                  return (ye = r.props.options.find(({ value: qe }) => qe === I)) == null ? void 0 : ye.label;
+                  return (ye = r.props.options.find(({ value: qe }) => qe === N)) == null ? void 0 : ye.label;
                 }
               ).join(", ")), r.type === "RangeInput" && Array.isArray(t.value[e]) && (A = t.value[e][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + t.value[e][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), r.type === "DatePicker")
                 if (((H = r == null ? void 0 : r.props) == null ? void 0 : H.type) === "range" && r.name && r.name[1]) {
-                  const K = le(t.value[r.name[0].key]).format("MM/DD/YYYY"), I = le(t.value[r.name[1].key]).format("MM/DD/YYYY");
-                  A = K === I ? K : K + " - " + I;
+                  const K = le(t.value[r.name[0].key]).format("MM/DD/YYYY"), N = le(t.value[r.name[1].key]).format("MM/DD/YYYY");
+                  A = K === N ? K : K + " - " + N;
                 } else A = le(t.value[r.name]).format("MM/DD/YYYY");
-              let M = `${(G = r == null ? void 0 : r.props) == null ? void 0 : G.label} : ${A}`;
-              r && r.name && typeof r.name == "object" && l.find((I) => I.name === k[0]) && (M = ""), l.push({
-                label: M,
+              let I = `${(G = r == null ? void 0 : r.props) == null ? void 0 : G.label} : ${A}`;
+              r && r.name && typeof r.name == "object" && l.find((N) => N.name === k[0]) && (I = ""), l.push({
+                label: I,
                 name: e,
                 multiNames: k
               });
@@ -342,7 +342,7 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
     }), ue = (l) => {
       var e, o, u, d, n, s;
       return ((s = (n = (d = (u = t.value) == null ? void 0 : u[(o = (e = a.value) == null ? void 0 : e.columnEdit) == null ? void 0 : o.key]) == null ? void 0 : d.active) == null ? void 0 : n.find((g) => g.key === l)) == null ? void 0 : s.isActive) ?? !0;
-    }, Ie = ({ fixedHeaders: l, activeHeaders: e, isOnMount: o }) => {
+    }, Ne = ({ fixedHeaders: l, activeHeaders: e, isOnMount: o }) => {
       var u, d, n, s, g, b, C, j;
       if (t.value[(d = (u = a.value) == null ? void 0 : u.columnEdit) == null ? void 0 : d.key] || (t.value[(s = (n = a.value) == null ? void 0 : n.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[(j = (C = a.value) == null ? void 0 : C.columnEdit) == null ? void 0 : j.key].active = e, T.value = [...l, ...e], !o) {
         const R = Ze(l, e);
@@ -457,19 +457,19 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
                               onFilterFieldsChanged: e[4] || (e[4] = (k) => F("filter-fields-changed", k)),
                               onCancel: e[5] || (e[5] = (k) => h.value = !1)
                             }, {
-                              default: $(({ errors: k, values: r, jsonForm: A, updateForm: M }) => [
+                              default: $(({ errors: k, values: r, jsonForm: A, updateForm: I }) => [
                                 Y(l.$slots, "custom-filter-form", {
                                   errors: k,
                                   values: r,
                                   jsonForm: A,
-                                  updateFilter: M
+                                  updateFilter: I
                                 })
                               ]),
                               _: 3
                             }, 8, ["id", "json-form", "grid", "values", "actions"])) : x("", !0)
                           ]),
                           default: $(() => [
-                            N(y(Fe), {
+                            M(y(Fe), {
                               "is-active": h.value,
                               variant: "secondary",
                               "left-icon": "filter"
@@ -482,14 +482,14 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
                           options: t.value.columnEdit,
                           headers: ((G = S.value) == null ? void 0 : G.headers) || [],
                           "local-key": a.value.columnEdit.localStorageKey,
-                          onUpdateOrder: Ie
+                          onUpdateOrder: Ne
                         }, null, 8, ["options", "headers", "local-key"])) : x("", !0)
                       ], 2)) : x("", !0)
                     ];
                   })
                 ])) : x("", !0),
-                N(y(Ge), {
-                  filters: Ne.value,
+                M(y(Ge), {
+                  filters: Me.value,
                   queries: q.value,
                   class: "border-t border-oc-gray-200",
                   onRemoveQuery: Pe,
@@ -528,18 +528,18 @@ const el = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, ll = {
             "total-visible": "5"
           }, null, 8, ["modelValue", "max-page", "strategy"])) : x("", !0),
           f.value ? (i(), w("div", vl, [
-            N(y(he), {
+            M(y(he), {
               disabled: !f.value.prev,
               onClick: e[11] || (e[11] = (s) => f.value.prev ? O(null, !1, f.value.prev) : null)
             }, null, 8, ["disabled"]),
-            N(y(he), {
+            M(y(he), {
               disabled: !f.value.next,
               "is-next": "",
               onClick: e[12] || (e[12] = (s) => f.value.next ? O(null, !1, f.value.next) : null)
             }, null, 8, ["disabled"])
           ])) : x("", !0),
           p.value ? x("", !0) : (i(), w("div", cl, [
-            N(y(Xe), {
+            M(y(Xe), {
               modelValue: P.value,
               "onUpdate:modelValue": [
                 e[13] || (e[13] = (s) => P.value = s),

package/dist/{OcDraggableList-DQcvwsey.js → OcDraggableList-DO6FTc72.js}

@@ -1,7 +1,7 @@
-import { ref as p, openBlock as c, createBlock as y, unref as t, withCtx as n, createElementBlock as m, Fragment as K, renderList as C, normalizeClass as s, createElementVNode as o, createCommentVNode as b, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
-import { aH as $, aD as M, ay as S } from "./index-BgxWMARS.js";
+import { ref as p, openBlock as c, createBlock as y, unref as t, withCtx as n, createElementBlock as m, Fragment as C, renderList as K, normalizeClass as s, createElementVNode as o, createCommentVNode as b, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
+import { aG as $, aC as M, ax as S } from "./index-Cp_g4d58.js";
 import { _ as h } from "./OcIcon-CJgBICxh.js";
-const B = ["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 = {
+const B = ["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 = {
   __name: "OcDraggableList",
   props: {
     modelValue: Array,
@@ -42,7 +42,7 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
       onDetectMove: d[1] || (d[1] = (r) => l.$emit("detectMove", r))
     }, {
       default: n(({ list: r }) => [
-        (c(!0), m(K, null, C(r, (e, x) => (c(), m("div", {
+        (c(!0), m(C, null, K(r, (e, x) => (c(), m("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",
@@ -94,7 +94,7 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       "popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
                     }, {
                       popper: n(() => [
-                        o("div", O, k(e[i.linkKey]), 1)
+                        o("div", W, k(e[i.linkKey]), 1)
                       ]),
                       default: n(() => [
                         f(t(h), {
@@ -106,12 +106,12 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       ]),
                       _: 2
                     }, 1024),
-                    o("span", W, k(e[i.linkKey]), 1)
-                  ], 8, H)) : b("", !0)
+                    o("span", j, k(e[i.linkKey]), 1)
+                  ], 8, O)) : b("", !0)
                 ])
               ])
             ]),
-            o("div", j, [
+            o("div", z, [
               u(l.$slots, "before-action", { item: e }),
               u(l.$slots, "action", { item: e }, () => [
                 f(t(S), {
@@ -141,7 +141,7 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
               ])
             ])
           ]),
-          o("div", z, [
+          o("div", A, [
             u(l.$slots, "content", {
               item: e,
               index: x
@@ -154,5 +154,5 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
   }
 };
 export {
-  q as default
+  T as default
 };

package/dist/{OcEmojiPicker-BIlk8xNS.js → OcEmojiPicker-C0M7uAji.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 { ay as U, e as J, B as b } from "./index-BgxWMARS.js";
+import { ax as U, e as J, B as b } from "./index-Cp_g4d58.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-BX2mwTWc.js → OcFilterForm-CL1RXUTm.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-BgxWMARS.js";
+import { w as $, B as m } from "./index-Cp_g4d58.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-DCAiNi_i.js → OcFilterSearch-TPHX4NCL.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-BgxWMARS.js";
+import { e as O, B as f } from "./index-Cp_g4d58.js";
 const B = { class: "flex gap-x-4" }, $ = {
   __name: "OcFilterSearch",
   props: {

package/dist/{OcFilterSearchFor-CY01Kxje.js → OcFilterSearchFor-Dff-v6cU.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, at as i } from "./index-BgxWMARS.js";
+import { N as y, as as i } from "./index-Cp_g4d58.js";
 const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-wUqNo8p8.js → OcModalCropper-CXUxP0pM.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 { aA as d } from "./index-BgxWMARS.js";
-import x from "./OcCropper-YRfG71vR.js";
-const S = {
+import { az as d } from "./index-Cp_g4d58.js";
+import x from "./OcCropper-C2G9bMGn.js";
+const C = {
   __name: "OcModalCropper",
   props: {
     inputOptions: Array,
@@ -42,5 +42,5 @@ const S = {
   }
 };
 export {
-  S as default
+  C as default
 };

package/dist/{OcTimePicker-qBmNuCA7.js → OcTimePicker-BTaVEXku.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 { ay as S, aI as h, e as D } from "./index-BgxWMARS.js";
+import { ax as S, aH as h, e as x } from "./index-Cp_g4d58.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",
@@ -74,7 +74,7 @@ const w = {
         }, null, 8, ["modelValue"])) : v("", !0)
       ]),
       default: p(() => [
-        y(o(D), {
+        y(o(x), {
           icon: e.icon,
           "error-message": e.errorMessage,
           label: e.label,

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

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

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

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

package/dist/Overlay/Dropdown/OcDropdown.js

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

package/dist/Overlay/Modal/OcModal.js

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

package/dist/Overlay/SupportMenu/OcSupportMenu.js

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

package/dist/Overlay/Tooltip/OcTooltip.js

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

package/dist/Overlay/Whitelist/OcWhiteList.js

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

package/dist/{SubPlanCard-dDlFKnW_.js → SubPlanCard-DfZmDLFG.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 { at as _, B as w } from "./index-BgxWMARS.js";
+import { as as _, B as w } from "./index-Cp_g4d58.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-BYwqQMVp.js → ThumbnailSection-BSbhWzDC.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-BgxWMARS.js";
+import { B as n } from "./index-Cp_g4d58.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-H0yUnZ6T.js → ThumbnailTheme-CX6k7Fi4.js}

@@ -1,5 +1,5 @@
-import { openBlock as i, createElementBlock as s, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, withCtx as c, createCommentVNode as b } from "vue";
-import { B as d, at as v } from "./index-BgxWMARS.js";
+import { openBlock as i, createElementBlock as o, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, withCtx as c, createCommentVNode as b } from "vue";
+import { B as d, as as v } from "./index-Cp_g4d58.js";
 import { _ as k } from "./OcIcon-CJgBICxh.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,
@@ -22,14 +22,14 @@ const x = { class: "w-full relative group" }, y = {
   },
   emits: ["activate", "customize", "preview", "upgrade", "publish"],
   setup(t) {
-    return (o, e) => (i(), s("div", {
+    return (s, e) => (i(), o("div", {
       class: f(["bg-oc-bg-dark border-[3px] rounded-lg flex flex-col", t.theme.active ? "border-oc-primary" : "border-oc-bg-dark"])
     }, [
       l("div", x, [
         l("div", {
           class: f(["w-full h-full bg-black/25 absolute top-0 left-0 group-hover:flex rounded-t-lg", t.activating ? "flex" : "hidden"])
         }, [
-          t.activating ? (i(), s("div", w, [
+          t.activating ? (i(), o("div", w, [
             l("div", B, [
               n(a(k), {
                 name: "loading-2",
@@ -39,32 +39,32 @@ const x = { class: "w-full relative group" }, y = {
               })
             ]),
             e[6] || (e[6] = r(" Adding theme "))
-          ])) : (i(), s(g, { key: 0 }, [
-            t.theme.active ? (i(), s("div", y, [
+          ])) : (i(), o(g, { key: 0 }, [
+            t.theme.active ? (i(), o("div", y, [
               n(a(d), {
                 variant: "secondary",
                 label: "Customize",
-                onClick: e[0] || (e[0] = (m) => o.$emit("customize", t.theme))
+                onClick: e[0] || (e[0] = (m) => s.$emit("customize", t.theme))
               })
-            ])) : t.theme.draft ? (i(), s("div", $, [
+            ])) : t.theme.draft ? (i(), o("div", $, [
               n(a(d), {
                 variant: "secondary",
                 label: "Customize",
-                onClick: e[1] || (e[1] = (m) => o.$emit("customize", t.theme))
+                onClick: e[1] || (e[1] = (m) => s.$emit("customize", t.theme))
               }),
               n(a(d), {
                 label: "Publish",
-                onClick: e[2] || (e[2] = (m) => o.$emit("publish", t.theme))
+                onClick: e[2] || (e[2] = (m) => s.$emit("publish", t.theme))
               })
-            ])) : (i(), s("div", C, [
+            ])) : (i(), o("div", C, [
               n(a(d), {
                 variant: "secondary",
                 label: "Preview",
-                onClick: e[3] || (e[3] = (m) => o.$emit("preview", t.theme))
+                onClick: e[3] || (e[3] = (m) => s.$emit("preview", t.theme))
               }),
               n(a(d), {
                 label: t.isFreeAccount ? "Activate" : "Try Theme",
-                onClick: e[4] || (e[4] = (m) => o.$emit("activate", t.theme))
+                onClick: e[4] || (e[4] = (m) => s.$emit("activate", t.theme))
               }, null, 8, ["label"])
             ]))
           ], 64))
@@ -102,7 +102,7 @@ const x = { class: "w-full relative group" }, y = {
             key: 2,
             class: "ml-auto",
             variant: "accent-2",
-            onClick: e[5] || (e[5] = (m) => o.$emit("upgrade", t.theme))
+            onClick: e[5] || (e[5] = (m) => s.$emit("upgrade", t.theme))
           }, {
             default: c(() => e[9] || (e[9] = [
               r("Upgrade")