@orchidui/core 0.4.0 → 0.6.0

package/dist/{OcSlider-Bsi-ckbP.js → OcSlider-DW9x8eas.js}

@@ -1,5 +1,4 @@
 import { ref as f, onMounted as G, openBlock as m, createElementBlock as o, createElementVNode as s, toDisplayString as d, createCommentVNode as x, normalizeClass as z, normalizeStyle as V, renderSlot as S, createTextVNode as $ } from "vue";
-/* empty css                                                                  */
 import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const C = { class: "w-full flex flex-wrap" }, B = {
   key: 0,
@@ -40,15 +39,15 @@ const C = { class: "w-full flex flex-wrap" }, B = {
     "update:modelValue": []
   },
   setup(e, { expose: I, emit: N }) {
-    const t = e, T = N, l = f(), n = f(), p = f(), u = f(0), y = f(0), b = () => {
+    const t = e, T = N, l = f(), n = f(), p = f(), r = f(0), y = f(0), b = () => {
       var a, i;
       t.type === "range" && parseInt((a = n.value) == null ? void 0 : a.value) - parseInt((i = l.value) == null ? void 0 : i.value) <= t.minGap && (l.value.value = parseInt(n.value.value) - t.minGap), g();
     }, h = () => {
-      var a, i, r;
-      parseInt((a = n.value) == null ? void 0 : a.value) - parseInt((i = l.value) == null ? void 0 : i.value) <= t.minGap && (n.value.value = parseInt((r = l.value) == null ? void 0 : r.value) + t.minGap), g();
+      var a, i, u;
+      parseInt((a = n.value) == null ? void 0 : a.value) - parseInt((i = l.value) == null ? void 0 : i.value) <= t.minGap && (n.value.value = parseInt((u = l.value) == null ? void 0 : u.value) + t.minGap), g();
     }, g = (a = !1) => {
-      var i, r, c, v;
-      u.value = (((i = l.value) == null ? void 0 : i.value) - t.minLimit) / (t.maxLimit - t.minLimit) * 100, y.value = t.type === "range" ? (((r = n.value) == null ? void 0 : r.value) - t.minLimit) / (t.maxLimit - t.minLimit) * 100 : 0, p.value.style.background = t.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${u.value}% , var(--oc-primary-500) ${u.value}% , var(--oc-primary-500) ${y.value}%, var(--oc-gray-100) ${y.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${u.value}%, var(--oc-gray-100) ${u.value}%)`, a || T(
+      var i, u, c, v;
+      r.value = (((i = l.value) == null ? void 0 : i.value) - t.minLimit) / (t.maxLimit - t.minLimit) * 100, y.value = t.type === "range" ? (((u = n.value) == null ? void 0 : u.value) - t.minLimit) / (t.maxLimit - t.minLimit) * 100 : 0, p.value.style.background = t.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${r.value}% , var(--oc-primary-500) ${r.value}% , var(--oc-primary-500) ${y.value}%, var(--oc-gray-100) ${y.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${r.value}%, var(--oc-gray-100) ${r.value}%)`, a || T(
         "update:modelValue",
         t.type === "range" ? [(c = l.value) == null ? void 0 : c.value, (v = n.value) == null ? void 0 : v.value] : l.value.value
       );
@@ -58,7 +57,7 @@ const C = { class: "w-full flex flex-wrap" }, B = {
     return I({
       updateSlider: k
     }), G(() => k()), (a, i) => {
-      var r, c, v, w, L;
+      var u, c, v, w, L;
       return m(), o("div", C, [
         e.label ? (m(), o("label", B, [
           s("span", E, d(e.label), 1)
@@ -80,7 +79,7 @@ const C = { class: "w-full flex flex-wrap" }, B = {
             type: "range",
             min: e.minLimit,
             max: e.maxLimit,
-            value: e.type === "range" ? (r = e.modelValue) == null ? void 0 : r[0] : e.modelValue,
+            value: e.type === "range" ? (u = e.modelValue) == null ? void 0 : u[0] : e.modelValue,
             onInput: b
           }, null, 40, j),
           e.type === "range" ? (m(), o("input", {
@@ -96,7 +95,7 @@ const C = { class: "w-full flex flex-wrap" }, B = {
           e.variant === "default" ? (m(), o("div", {
             key: 1,
             class: "group-hover:block absolute top-[1rem] z-[1] -translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
-            style: V(`left: ${u.value}%`)
+            style: V(`left: ${r.value}%`)
           }, d(e.type === "range" ? (v = e.modelValue) == null ? void 0 : v[0] : e.modelValue), 5)) : x("", !0),
           e.type === "range" ? (m(), o("div", {
             key: 2,
@@ -118,7 +117,7 @@ const C = { class: "w-full flex flex-wrap" }, B = {
       ]);
     };
   }
-}, P = /* @__PURE__ */ O(F, [["__scopeId", "data-v-43a77a49"]]);
+}, K = /* @__PURE__ */ O(F, [["__scopeId", "data-v-43a77a49"]]);
 export {
-  P as S
+  K as S
 };

package/dist/{OcTimePicker-B61MCi0D.js → OcTimePicker-D9fPU8_m.js}

@@ -1,16 +1,7 @@
-import { defineAsyncComponent as v, ref as n, watch as y, openBlock as u, createBlock as s, unref as a, withCtx as p, createCommentVNode as S, createVNode as D } from "vue";
+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 { as as S, aC as h, e as D } from "./index-DyVteXE3.js";
 import c from "dayjs";
-import { D as h } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-/* empty css                                                                    */
-import { _ as T } from "./OcInput-tcRxG3Y2.js";
-import "libphonenumber-js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-const N = {
+const w = {
   __name: "OcTimePicker",
   props: {
     modelValue: [String, Date],
@@ -48,51 +39,49 @@ const N = {
     "update:modelValue": []
   },
   setup(e, { emit: f }) {
-    const b = f, V = v(
-      () => import("./OcTimePopup-zQFKCZLk.js")
-    ), m = n(), r = n(!1), d = e, i = n(d.modelValue), g = () => {
+    const b = f, u = n(), d = n(!1), r = e, i = n(r.modelValue), V = () => {
       b("update:modelValue", i.value), setTimeout(() => {
-        var t;
-        return (t = m.value) == null ? void 0 : t.updateActiveTime();
+        var l;
+        return (l = u.value) == null ? void 0 : l.updateActiveTime();
       }, 300);
     };
-    return y(
-      () => d.modelValue,
-      (t) => {
-        i.value = t != "" ? t : c().toDate();
+    return g(
+      () => r.modelValue,
+      (l) => {
+        i.value = l != "" ? l : c().toDate();
       },
       { immediate: !0 }
-    ), (t, l) => (u(), s(a(h), {
-      modelValue: r.value,
+    ), (l, t) => (m(), s(o(S), {
+      modelValue: d.value,
       "onUpdate:modelValue": [
-        l[2] || (l[2] = (o) => r.value = o),
-        g
+        t[2] || (t[2] = (a) => d.value = a),
+        V
       ],
       "menu-classes": "min-w-fit",
       distance: 10,
       "is-disabled": e.isDisabled
     }, {
       menu: p(() => [
-        r.value ? (u(), s(a(V), {
+        d.value ? (m(), s(o(h), {
           key: 0,
           ref_key: "popup",
-          ref: m,
+          ref: u,
           modelValue: i.value,
           "onUpdate:modelValue": [
-            l[0] || (l[0] = (o) => i.value = o),
-            l[1] || (l[1] = (o) => t.$emit("update:modelValue", o))
+            t[0] || (t[0] = (a) => i.value = a),
+            t[1] || (t[1] = (a) => l.$emit("update:modelValue", a))
           ]
-        }, null, 8, ["modelValue"])) : S("", !0)
+        }, null, 8, ["modelValue"])) : v("", !0)
       ]),
       default: p(() => [
-        D(a(T), {
+        y(o(D), {
           icon: e.icon,
           "error-message": e.errorMessage,
           label: e.label,
           hint: e.hint,
           "pre-fill": e.preFill,
           placeholder: e.placeholder,
-          "model-value": a(c)(i.value).format("hh:mm A"),
+          "model-value": o(c)(i.value).format("hh:mm A"),
           "is-required": e.isRequired,
           "label-icon": e.labelIcon,
           "tooltip-text": e.tooltipText,
@@ -106,5 +95,5 @@ const N = {
   }
 };
 export {
-  N as _
+  w as default
 };

package/dist/{OcTimePopup-zQFKCZLk.js → OcTimePopup-CXGhaOev.js}

@@ -1,5 +1,4 @@
 import { ref as r, onMounted as q, openBlock as f, createElementBlock as p, createElementVNode as o, Fragment as b, renderList as x, normalizeClass as k, toDisplayString as y } from "vue";
-import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = { class: "overflow-hidden flex items-center relative rounded shadow-normal w-fit px-3" }, N = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, F = ["onClick"], O = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, z = ["onClick"], Y = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, j = ["onClick"], G = {
   __name: "OcTimePopup",
@@ -125,7 +124,7 @@ const $ = { class: "overflow-hidden flex items-center relative rounded shadow-no
       ], 544)
     ]));
   }
-}, Q = /* @__PURE__ */ R(G, [["__scopeId", "data-v-434f8eef"]]);
+}, K = /* @__PURE__ */ R(G, [["__scopeId", "data-v-434f8eef"]]);
 export {
-  Q as default
+  K as default
 };

package/dist/{OcToggle-C0wTjM_Y.js → OcToggle-bIJaLDMZ.js}

@@ -1,7 +1,6 @@
 import { computed as s, openBlock as n, createElementBlock as i, createElementVNode as l, normalizeClass as t, toDisplayString as b, createCommentVNode as f } from "vue";
-/* empty css                                                                  */
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const g = { class: "inline-flex items-center gap-3 h-fit" }, p = ["value", "checked"], h = `absolute top-0 left-0 bg-oc-primary-100 rounded-full cursor-pointer transition-all duration-300
+const g = { class: "inline-flex items-center gap-3 h-fit" }, h = ["value", "checked"], p = `absolute top-0 left-0 bg-oc-primary-100 rounded-full cursor-pointer transition-all duration-300
  before:transition-all before:duration-300 before:absolute before:rounded-full before:bg-oc-bg-light`, x = {
   __name: "OcToggle",
   props: {
@@ -36,9 +35,9 @@ const g = { class: "inline-flex items-center gap-3 h-fit" }, p = ["value", "chec
           checked: e.modelValue,
           type: "checkbox",
           onChange: o
-        }, null, 42, p),
+        }, null, 42, h),
         l("span", {
-          class: t(["toggle-label", [h, a.value[e.size], u.value[e.size]]])
+          class: t(["toggle-label", [p, a.value[e.size], u.value[e.size]]])
         }, null, 2)
       ], 2),
       e.label ? (n(), i("div", {
@@ -48,7 +47,7 @@ const g = { class: "inline-flex items-center gap-3 h-fit" }, p = ["value", "chec
       }, b(e.label), 1)) : f("", !0)
     ]));
   }
-}, y = /* @__PURE__ */ m(x, [["__scopeId", "data-v-0c0b0d12"]]);
+}, C = /* @__PURE__ */ m(x, [["__scopeId", "data-v-0c0b0d12"]]);
 export {
-  y as T
+  C as T
 };

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { _ as r } from "../../OcConfirmationModal-BfCrRV9r.js";
+import { aq as r } from "../../index-DyVteXE3.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { _ as r } from "../../OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js";
+import { ar as r } from "../../index-DyVteXE3.js";
 export {
   r as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,6 +1,5 @@
-import { D as p } from "../../OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as m } from "../../OcDropdownItem-DAElmzEu.js";
+import { as as r, at as p } from "../../index-DyVteXE3.js";
 export {
-  p as Dropdown,
-  m as DropdownItem
+  r as Dropdown,
+  p as DropdownItem
 };

package/dist/Overlay/Modal/OcModal.js

@@ -1,6 +1,5 @@
-import { _ as r } from "../../OcModal-DdD5VFEN.js";
-import { _ as d } from "../../OcModalPage-BLVa-kcB.js";
+import { au as d, av as e } from "../../index-DyVteXE3.js";
 export {
-  r as Modal,
-  d as OcModalPage
+  d as Modal,
+  e as OcModalPage
 };

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { _ as r } from "../../OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js";
+import { aw as r } from "../../index-DyVteXE3.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { ax as p } from "../../index-DyVteXE3.js";
 export {
-  r as Tooltip
+  p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { _ as i } from "../../OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js";
+import { ay as e } from "../../index-DyVteXE3.js";
 export {
-  i as WhiteList
+  e as WhiteList
 };

package/dist/SubPlanCard-DHj4RHJZ.js

@@ -0,0 +1,81 @@
+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 { an as _, B as w } from "./index-DyVteXE3.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 }, $ = {
+  __name: "SubPlanCard",
+  props: {
+    planTier: {
+      type: Object,
+      required: !0
+    },
+    isPlanActive: Boolean
+  },
+  emits: ["select"],
+  setup(t, { emit: f }) {
+    const s = t, b = f, i = l(() => s.planTier.name === "Free"), g = l(() => s.planTier.name === "Pro"), c = l(() => s.planTier.name === "Plus"), y = l(() => s.planTier.billing_frequency === "monthly") ? "/month" : "/year", h = l(() => s.planTier.name === "free" ? "For individual who just starting their business" : s.planTier.name === "pro" ? "For business who needs more features to increase their sales" : "For business who want in-depth analytics to win business and work");
+    return (j, n) => (a(), o("div", {
+      class: d(["tier-card rounded relative shadow-sm max-w-[300px]", {
+        "!bg-oc-bg-dark border border-oc-gray-200": i.value,
+        "tier-card--pro border border-oc-gray-200": g.value,
+        "tier-card--plus bg-oc-gray-900 text-white": c.value,
+        "border-2 border-oc-primary-500": t.isPlanActive
+      }])
+    }, [
+      e("div", B, [
+        e("div", E, [
+          e("span", A, r(t.planTier.name), 1),
+          t.isPlanActive ? (a(), x(u(_), {
+            key: 0,
+            label: "Current Plan"
+          })) : m("", !0)
+        ]),
+        e("div", {
+          class: d(["text-oc-text-400 text-sm mb-5", { "!text-oc-text-200": c.value }])
+        }, r(h.value), 3),
+        e("div", N, [
+          e("div", S, [
+            e("span", V, r(t.planTier.currency.toUpperCase()), 1),
+            e("span", q, r(t.planTier.price), 1)
+          ]),
+          i.value ? m("", !0) : (a(), o("span", {
+            key: 0,
+            class: d(["text-oc-text-400 text-base", { "!text-oc-text-200": c.value }])
+          }, r(u(y)), 3))
+        ]),
+        t.isPlanActive ? m("", !0) : (a(), x(u(w), {
+          key: 0,
+          label: i.value ? "Change to Free" : "Start 14 day trial",
+          variant: i.value ? "secondary" : "primary",
+          size: "big",
+          class: "mb-5",
+          onClick: n[0] || (n[0] = (p) => b("select"))
+        }, null, 8, ["label", "variant"])),
+        e("div", {
+          class: d(["flex flex-col gap-3", { "text-oc-text-200": c.value }])
+        }, [
+          i.value ? m("", !0) : (a(), o("span", z, [
+            n[1] || (n[1] = v(" Everything on ")),
+            e("strong", null, r(t.planTier.code === "tier_s" ? "FREE" : "PRO"), 1),
+            n[2] || (n[2] = v(" includes: "))
+          ])),
+          (a(!0), o(T, null, k(t.planTier.features, (p) => (a(), o("span", {
+            key: p.id,
+            class: "flex gap-3 items-center"
+          }, [
+            P(u(F), {
+              name: "check-fill",
+              class: "text-oc-primary-500",
+              height: "16",
+              width: "16"
+            }),
+            e("span", null, r(p.name), 1)
+          ]))), 128))
+        ], 2)
+      ])
+    ], 2));
+  }
+}, L = /* @__PURE__ */ C($, [["__scopeId", "data-v-1c173638"]]);
+export {
+  L as default
+};

package/dist/ThumbnailSection-CJBS0QXp.js

@@ -0,0 +1,41 @@
+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-DyVteXE3.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: {
+    section: Object
+  },
+  emits: ["add", "customize"],
+  setup(e) {
+    return (s, l) => (a(), d("div", m, [
+      t("div", u, [
+        t("div", f, [
+          t("div", v, [
+            o(i(n), {
+              class: "w-1/2",
+              variant: "secondary",
+              label: "Customize",
+              size: "small",
+              onClick: l[0] || (l[0] = (c) => s.$emit("customize", e.section))
+            }),
+            o(i(n), {
+              class: "w-1/2",
+              label: "Add",
+              size: "small",
+              onClick: l[1] || (l[1] = (c) => s.$emit("add", e.section))
+            })
+          ])
+        ]),
+        t("img", {
+          class: "w-full",
+          src: e.section.preview,
+          alt: e.section.title
+        }, null, 8, b)
+      ]),
+      t("div", g, r(e.section.title), 1)
+    ]));
+  }
+};
+export {
+  x as default
+};

package/dist/ThumbnailTheme-hey6se0g.js

@@ -0,0 +1,119 @@
+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, an as v } from "./index-DyVteXE3.js";
+import { _ as k } from "./OcIcon-CJgBICxh.js";
+const x = { class: "w-full relative group" }, y = {
+  key: 0,
+  class: "m-auto"
+}, $ = {
+  key: 1,
+  class: "m-auto flex gap-3"
+}, C = {
+  key: 2,
+  class: "m-auto flex gap-3"
+}, w = {
+  key: 1,
+  class: "m-auto bg-white/75 rounded p-5 flex text-center flex-col justify-center"
+}, B = { class: "mx-auto mb-3" }, z = ["src", "alt"], A = { class: "p-4 flex items-center" }, T = { class: "w-full" }, N = { class: "text-md font-medium" }, V = { class: "text-oc-text-400 text-sm mt-1" }, F = { class: "h-full flex items-start" }, P = {
+  __name: "ThumbnailTheme",
+  props: {
+    theme: Object,
+    activating: Boolean,
+    isFreeAccount: Boolean
+  },
+  emits: ["activate", "customize", "preview", "upgrade", "publish"],
+  setup(t) {
+    return (o, e) => (i(), s("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, [
+            l("div", B, [
+              n(a(k), {
+                name: "loading-2",
+                width: "32",
+                height: "32",
+                class: "text-oc-text-400 motion-safe:animate-spin"
+              })
+            ]),
+            e[6] || (e[6] = r(" Adding theme "))
+          ])) : (i(), s(g, { key: 0 }, [
+            t.theme.active ? (i(), s("div", y, [
+              n(a(d), {
+                variant: "secondary",
+                label: "Customize",
+                onClick: e[0] || (e[0] = (m) => o.$emit("customize", t.theme))
+              })
+            ])) : t.theme.draft ? (i(), s("div", $, [
+              n(a(d), {
+                variant: "secondary",
+                label: "Customize",
+                onClick: e[1] || (e[1] = (m) => o.$emit("customize", t.theme))
+              }),
+              n(a(d), {
+                label: "Publish",
+                onClick: e[2] || (e[2] = (m) => o.$emit("publish", t.theme))
+              })
+            ])) : (i(), s("div", C, [
+              n(a(d), {
+                variant: "secondary",
+                label: "Preview",
+                onClick: e[3] || (e[3] = (m) => o.$emit("preview", t.theme))
+              }),
+              n(a(d), {
+                label: t.isFreeAccount ? "Activate" : "Try Theme",
+                onClick: e[4] || (e[4] = (m) => o.$emit("activate", t.theme))
+              }, null, 8, ["label"])
+            ]))
+          ], 64))
+        ], 2),
+        l("img", {
+          class: "w-full rounded-t-md",
+          src: t.theme.thumbnail,
+          alt: t.theme.title
+        }, null, 8, z)
+      ]),
+      l("div", A, [
+        l("div", T, [
+          l("div", N, h(t.theme.title), 1),
+          l("div", V, h(t.theme.description), 1)
+        ]),
+        l("div", F, [
+          t.theme.active ? (i(), u(a(v), {
+            key: 0,
+            class: "ml-auto"
+          }, {
+            default: c(() => e[7] || (e[7] = [
+              r("Active")
+            ])),
+            _: 1
+          })) : t.theme.draft ? (i(), u(a(v), {
+            key: 1,
+            variant: "gray",
+            class: "ml-auto"
+          }, {
+            default: c(() => e[8] || (e[8] = [
+              r("Draft")
+            ])),
+            _: 1
+          })) : t.theme.pro ? (i(), u(a(v), {
+            key: 2,
+            class: "ml-auto",
+            variant: "accent-2",
+            onClick: e[5] || (e[5] = (m) => o.$emit("upgrade", t.theme))
+          }, {
+            default: c(() => e[9] || (e[9] = [
+              r("Upgrade")
+            ])),
+            _: 1
+          })) : b("", !0)
+        ])
+      ])
+    ], 2));
+  }
+};
+export {
+  P as default
+};