@orchidui/core 1.8.1-1 → 1.8.1-100

package/dist/OcModalCropper-KoaOw5ug.js

@@ -0,0 +1,52 @@
+import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
+import { aB as b } from "./index-DeDsEdk8.js";
+import k from "./OcCropper-BMMZRsnp.js";
+const S = {
+  __name: "OcModalCropper",
+  props: {
+    inputOptions: Array,
+    inputOptionValues: Object,
+    img: String,
+    maxSize: [String, Number]
+  },
+  emits: ["changeImage", "close", "update:input-options"],
+  setup(e, { emit: l }) {
+    const c = e, t = l, p = o();
+    o();
+    const s = {
+      onClick: () => t("close")
+    }, n = o(), i = o(c.link), m = o({
+      label: "Save",
+      onClick: () => {
+        i.value && t("update:input-options", i.value), n.value ? t("changeImage", {
+          url: n.value,
+          cropper: p.value
+        }) : t("close");
+      }
+    }), g = (a) => {
+      n.value = a.url, p.value = a.cropper;
+    };
+    return (a, u) => (d(), v(r(b), {
+      id: "modal-cropper-overlay-wrapper",
+      title: "Edit Image",
+      "is-close-icon": "",
+      "cancel-button-props": s,
+      "confirm-button-props": m.value
+    }, {
+      default: x(() => [
+        O(r(k), {
+          "input-options": e.inputOptions,
+          "input-option-values": e.inputOptionValues,
+          img: e.img,
+          "max-size": e.maxSize,
+          onChangeImage: g,
+          "onUpdate:inputOptions": u[0] || (u[0] = (f) => i.value = f)
+        }, null, 8, ["input-options", "input-option-values", "img", "max-size"])
+      ]),
+      _: 1
+    }, 8, ["confirm-button-props"]));
+  }
+};
+export {
+  S as default
+};

package/dist/{OcPopper-D0VfWOBI.js → OcPopper-BSfMaOoF.js}

@@ -1,4 +1,4 @@
-import { ref as n, onMounted as m, watch as y, openBlock as i, createElementBlock as b, createElementVNode as c, renderSlot as d, createBlock as v, Teleport as k, normalizeClass as O, normalizeStyle as h } from "vue";
+import { ref as n, onMounted as m, watch as y, createElementBlock as b, openBlock as i, createElementVNode as c, createBlock as v, renderSlot as d, Teleport as k, normalizeStyle as O, normalizeClass as h } from "vue";
 import { createPopper as B } from "@popperjs/core";
 const S = { class: "flex w-[inherit]" }, P = {
   __name: "OcPopper",
@@ -37,56 +37,60 @@ const S = { class: "flex w-[inherit]" }, P = {
       default: !1
     }
   },
-  setup(o, { expose: u }) {
-    const a = n(), r = n(), t = n(), e = o, l = () => ({
-      placement: e.placement,
+  setup(r, { expose: u }) {
+    const a = n(), s = n(), o = n(), t = r, l = () => ({
+      placement: t.placement,
       modifiers: [
         {
           name: "flip",
-          enabled: e.isFlipEnabled
+          enabled: t.isFlipEnabled
         },
         {
           name: "offset",
           options: {
-            offset: [e.skidding, e.distance]
+            offset: [t.skidding, t.distance]
           }
         }
       ],
-      ...e.popperOptions || []
-    }), f = (p) => {
-      var s;
-      return p && ((s = r.value) == null ? void 0 : s.contains(p));
+      ...t.popperOptions || []
+    }), f = (e) => {
+      var p;
+      return e && ((p = s.value) == null ? void 0 : p.contains(e));
     };
     return m(() => {
-      t.value = B(a.value, r.value, l()), setTimeout(() => t.value.update(), 50);
+      o.value = B(a.value, s.value, l()), setTimeout(() => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.update();
+      }, 150);
     }), y(
-      () => [e.popperOptions, e.placement, e.distance, e.skidding],
+      () => [t.popperOptions, t.placement, t.distance, t.skidding],
       () => {
-        t.value.setOptions(l()), t.value.update();
+        var e, p;
+        (e = o.value) == null || e.setOptions(l()), (p = o.value) == null || p.update();
       },
       { deep: !0 }
     ), u({
-      popperInstance: t,
+      popperInstance: o,
       checkElementIsInsidePopper: f
-    }), (p, s) => (i(), b("div", S, [
+    }), (e, p) => (i(), b("div", S, [
       c("div", {
         ref_key: "reference",
         ref: a,
         class: "w-[inherit] flex"
       }, [
-        d(p.$slots, "default")
+        d(e.$slots, "default")
       ], 512),
       (i(), v(k, {
         to: "body",
-        disabled: !o.isAttachToBody
+        disabled: !r.isAttachToBody
       }, [
         c("div", {
           ref_key: "popper",
-          ref: r,
-          class: O([o.popperClass, "z-[1007]"]),
-          style: h(o.popperStyle)
+          ref: s,
+          class: h([r.popperClass, "z-[1007]"]),
+          style: O(r.popperStyle)
         }, [
-          d(p.$slots, "popper")
+          d(e.$slots, "popper")
         ], 6)
       ], 8, ["disabled"]))
     ]));

package/dist/{OcProgressBar-hiyC5XSc.js → OcProgressBar-lyqE5LZd.js}

@@ -1,4 +1,4 @@
-import { openBlock as t, createElementBlock as r, toDisplayString as a, createCommentVNode as o, createElementVNode as u, Fragment as i, renderList as m, normalizeClass as p } from "vue";
+import { createElementBlock as t, openBlock as r, createCommentVNode as a, createElementVNode as o, toDisplayString as u, Fragment as i, renderList as m, normalizeClass as p } from "vue";
 const d = {
   key: 0,
   class: "mb-3 text-center"
@@ -17,10 +17,10 @@ const d = {
   },
   setup(e) {
     const s = e, c = (l) => l <= s.currentStep;
-    return (l, g) => (t(), r("div", null, [
-      e.label ? (t(), r("p", d, a(e.label), 1)) : o("", !0),
-      u("div", b, [
-        (t(!0), r(i, null, m(e.steps, (n) => (t(), r("span", {
+    return (l, g) => (r(), t("div", null, [
+      e.label ? (r(), t("p", d, u(e.label), 1)) : a("", !0),
+      o("div", b, [
+        (r(!0), t(i, null, m(e.steps, (n) => (r(), t("span", {
           key: n,
           class: p(["bg-oc-primary h-2 w-14 rounded-full", { "bg-oc-primary-50-tr": !c(n) }])
         }, null, 2))), 128))

package/dist/{OcSection-D_vO-DAP.js → OcSection-BjyapRr3.js}

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as i, createElementVNode as n, renderSlot as t, toDisplayString as r, createCommentVNode as l } from "vue";
+import { createElementBlock as o, openBlock as i, createElementVNode as n, renderSlot as t, createCommentVNode as r, toDisplayString as l } from "vue";
 const c = { class: "oc-section" }, a = { class: "font-medium text-lg flex" }, d = { key: 0 }, m = { class: "mt-5" }, p = {
   __name: "OcSection",
   props: {
@@ -8,10 +8,10 @@ const c = { class: "oc-section" }, a = { class: "font-medium text-lg flex" }, d
     }
   },
   setup(s) {
-    return (e, _) => (o(), i("div", c, [
+    return (e, _) => (i(), o("div", c, [
       n("div", a, [
         t(e.$slots, "header", {}, () => [
-          s.title ? (o(), i("span", d, r(s.title), 1)) : l("", !0),
+          s.title ? (i(), o("span", d, l(s.title), 1)) : r("", !0),
           t(e.$slots, "header-right")
         ])
       ]),

package/dist/{OcSkeleton-CvdpGSQR.js → OcSkeleton-Czw65X0i.js}

@@ -1,8 +1,8 @@
-import { openBlock as r, createElementBlock as o, createElementVNode as t } from "vue";
+import { createElementBlock as r, openBlock as o, createElementVNode as t } from "vue";
 import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {}, i = { class: "bg-gray-100 overflow-hidden" };
 function a(d, e) {
-  return r(), o("div", i, e[0] || (e[0] = [
+  return o(), r("div", i, e[0] || (e[0] = [
     t("div", { class: "slide relative rounded-[inherit] h-[inherit] w-[40px] bg-[linear-gradient(-90deg,_var(--oc-gray-200)_0%,_rgba(229,_230,_234,_0)_100%)]" }, null, -1)
   ]));
 }

package/dist/{OcSwitchTabs-CYp676bj.js → OcSwitchTabs-B7LfmG3z.js}

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as n, Fragment as i, renderList as o, normalizeClass as a, createElementVNode as l, toDisplayString as c } from "vue";
+import { createElementBlock as r, openBlock as n, Fragment as i, renderList as o, normalizeClass as a, createElementVNode as l, toDisplayString as c } from "vue";
 const u = { class: "flex items-center gap-2 p-2 rounded-full shadow-inner border border-oc-gray-200" }, d = ["onClick"], y = {
   __name: "OcSwitchTabs",
   props: {
@@ -13,8 +13,8 @@ const u = { class: "flex items-center gap-2 p-2 rounded-full shadow-inner border
   },
   emits: ["select"],
   setup(t) {
-    return (s, m) => (r(), n("div", u, [
-      (r(!0), n(i, null, o(t.options, (e) => (r(), n("div", {
+    return (s, m) => (n(), r("div", u, [
+      (n(!0), r(i, null, o(t.options, (e) => (n(), r("div", {
         key: e.value,
         class: a(["rounded-full cursor-pointer py-3 px-4 transition duration-300 border-2 border-transparent", { "bg-oc-gray-800": e.value === t.activeOption }]),
         onClick: (p) => s.$emit("select", e.value)

package/dist/{OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js → OcTag.vue_vue_type_script_setup_true_lang-CzJFcg8l.js}

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as i } from "vue";
+import { defineComponent as n, createElementBlock as a, openBlock as r, normalizeClass as c, toDisplayString as i } from "vue";
 const p = /* @__PURE__ */ n({
   __name: "OcTag",
   props: {
@@ -16,7 +16,7 @@ const p = /* @__PURE__ */ n({
       warning: "bg-oc-warning-600 text-white",
       "accent-2": "bg-oc-accent-2-500 text-white"
     };
-    return (o, s) => (a(), r("div", {
+    return (o, s) => (r(), a("div", {
       class: c(["rounded-sm py-1 px-3 text-xs", e[t.variant]])
     }, i(t.label), 3));
   }

package/dist/{OcTheme-CWgrJh5Q.js → OcTheme-B6NTNYtz.js}

@@ -1,4 +1,4 @@
-import { watch as r, openBlock as c, createElementBlock as s, renderSlot as l } from "vue";
+import { watch as r, createElementBlock as c, openBlock as s, renderSlot as l } from "vue";
 const a = { class: "orchid-ui bg-oc-bg-light text-oc-text-500" }, n = {
   __name: "OcTheme",
   props: {
@@ -15,7 +15,7 @@ const a = { class: "orchid-ui bg-oc-bg-light text-oc-text-500" }, n = {
         e.colorMode === "dark" ? document.querySelector("body").setAttribute("class", "dark") : document.querySelector("body").setAttribute("class", "light");
       },
       { immediate: !0 }
-    ), (o, d) => (c(), s("main", a, [
+    ), (o, d) => (s(), c("main", a, [
       l(o.$slots, "default")
     ]));
   }

package/dist/{OcTimePicker-e-YrbMpL.js → OcTimePicker-i88_uGmT.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-BvY_DV6x.js";
+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 { az as S, d as h, aJ as D } from "./index-DeDsEdk8.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",
@@ -51,7 +51,7 @@ const w = {
         i.value = l != "" ? l : c().toDate();
       },
       { immediate: !0 }
-    ), (l, t) => (m(), s(o(S), {
+    ), (l, t) => (s(), m(o(S), {
       modelValue: d.value,
       "onUpdate:modelValue": [
         t[2] || (t[2] = (a) => d.value = a),
@@ -62,7 +62,7 @@ const w = {
       "is-disabled": e.isDisabled
     }, {
       menu: p(() => [
-        d.value ? (m(), s(o(h), {
+        d.value ? (s(), m(o(D), {
           key: 0,
           ref_key: "popup",
           ref: u,
@@ -71,10 +71,10 @@ const w = {
             t[0] || (t[0] = (a) => i.value = a),
             t[1] || (t[1] = (a) => l.$emit("update:modelValue", a))
           ]
-        }, null, 8, ["modelValue"])) : v("", !0)
+        }, null, 8, ["modelValue"])) : y("", !0)
       ]),
       default: p(() => [
-        y(o(D), {
+        v(o(h), {
           icon: e.icon,
           "error-message": e.errorMessage,
           label: e.label,

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

@@ -1,4 +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 { ref as r, onMounted as q, createElementBlock as f, openBlock as p, createElementVNode as o, Fragment as b, renderList as x, normalizeClass as k, toDisplayString as y } from "vue";
 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",
@@ -61,7 +61,7 @@ const $ = { class: "overflow-hidden flex items-center relative rounded shadow-no
     };
     return H({
       updateActiveTime: a
-    }), (t, s) => (f(), p("div", $, [
+    }), (t, s) => (p(), f("div", $, [
       o("div", {
         ref_key: "triggerBox",
         ref: d,
@@ -75,7 +75,7 @@ const $ = { class: "overflow-hidden flex items-center relative rounded shadow-no
         onTouchend: P
       }, [
         o("ul", N, [
-          (f(), p(b, null, x(12, (e) => o("li", {
+          (p(), f(b, null, x(12, (e) => o("li", {
             key: e,
             ref_for: !0,
             ref_key: "targetHour",
@@ -94,7 +94,7 @@ const $ = { class: "overflow-hidden flex items-center relative rounded shadow-no
         onTouchend: S
       }, [
         o("ul", O, [
-          (f(), p(b, null, x(60, (e) => o("li", {
+          (p(), f(b, null, x(60, (e) => o("li", {
             key: e,
             ref_for: !0,
             ref_key: "targetMinute",
@@ -112,7 +112,7 @@ const $ = { class: "overflow-hidden flex items-center relative rounded shadow-no
         onTouchend: T
       }, [
         o("ul", Y, [
-          (f(), p(b, null, x(2, (e) => o("li", {
+          (p(), f(b, null, x(2, (e) => o("li", {
             key: e,
             ref_for: !0,
             ref_key: "targetPeriod",

package/dist/OcToggle-DOfA-DZ8.js

@@ -0,0 +1,58 @@
+import { computed as s, createElementBlock as i, openBlock as r, createElementVNode as l, createCommentVNode as b, normalizeClass as o, toDisplayString as f } from "vue";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const g = { class: "inline-flex items-center gap-3 h-fit" }, h = ["value", "checked"], p = `absolute top-0 left-0 border border-transparent hover:bg-oc-primary-300 hover:border-oc-primary-500 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: {
+    modelValue: Boolean,
+    disabled: Boolean,
+    size: {
+      type: String,
+      default: "default"
+    },
+    label: String
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: c }) {
+    const t = e, d = c, a = () => {
+      t.disabled || d("update:modelValue", !t.modelValue);
+    }, n = s(() => ({
+      default: "w-[42px] h-7",
+      small: "w-[26px] h-[15px]"
+    })), u = s(() => ({
+      default: "before:w-6 before:h-6 before:top-px before:left-px",
+      small: " before:w-4 before:h-4 before:top-[0.5px] before:left-[0.5px]"
+    }));
+    return (v, V) => (r(), i("div", g, [
+      l("label", {
+        class: o(["toggle-switch relative inline-block", [n.value[e.size], e.size, e.disabled ? "pointer-events-none" : ""]])
+      }, [
+        l("input", {
+          class: o(["toggle-input hidden", {
+            "is-checked": e.modelValue
+          }]),
+          value: e.modelValue,
+          checked: e.modelValue,
+          type: "checkbox",
+          onChange: a
+        }, null, 42, h),
+        l("span", {
+          class: o(["toggle-label", [p, n.value[e.size], u.value[e.size], {
+            "toggle-on-focus": !e.disabled && !e.modelValue,
+            "!bg-oc-accent-1-100 before:bg-oc-accent-1-50": e.disabled
+          }]])
+        }, null, 2)
+      ], 2),
+      e.label ? (r(), i("div", {
+        key: 0,
+        class: "text-sm cursor-pointer",
+        onClick: a
+      }, f(e.label), 1)) : b("", !0)
+    ]));
+  }
+}, z = /* @__PURE__ */ m(x, [["__scopeId", "data-v-23da89d0"]]);
+export {
+  z as T
+};

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { aw as r } from "../../index-BvY_DV6x.js";
+import { ax as r } from "../../index-DeDsEdk8.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { ax as a } from "../../index-BvY_DV6x.js";
+import { ay as a } from "../../index-DeDsEdk8.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { ay as r, az as p } from "../../index-BvY_DV6x.js";
+import { az as r, aA as p } from "../../index-DeDsEdk8.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-BvY_DV6x.js";
+import { aB as d, aC as e } from "../../index-DeDsEdk8.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/Popper/OcPopper.js

@@ -1,4 +1,4 @@
-import { _ as r } from "../../OcPopper-D0VfWOBI.js";
+import { _ as r } from "../../OcPopper-BSfMaOoF.js";
 export {
   r as Popper
 };

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aC as r } from "../../index-BvY_DV6x.js";
+import { aD as r } from "../../index-DeDsEdk8.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aD as p } from "../../index-BvY_DV6x.js";
+import { aE as p } from "../../index-DeDsEdk8.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aE as e } from "../../index-BvY_DV6x.js";
+import { aF as e } from "../../index-DeDsEdk8.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-G4HZGA2F.js → SubPlanCard-CmQpq6Jd.js}

@@ -1,7 +1,7 @@
-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-BvY_DV6x.js";
+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 { au as _, B as w } from "./index-DeDsEdk8.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as F } from "./OcIcon-CJgBICxh.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 }, $ = {
   __name: "SubPlanCard",
   props: {
@@ -25,10 +25,10 @@ const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex
       e("div", B, [
         e("div", E, [
           e("span", A, r(t.planTier.name), 1),
-          t.isPlanActive ? (a(), x(u(_), {
+          t.isPlanActive ? (a(), x(m(_), {
             key: 0,
             label: "Current Plan"
-          })) : m("", !0)
+          })) : u("", !0)
         ]),
         e("div", {
           class: d(["text-oc-text-400 text-sm mb-5", { "!text-oc-text-200": c.value }])
@@ -38,12 +38,12 @@ const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex
             e("span", V, r(t.planTier.currency.toUpperCase()), 1),
             e("span", q, r(t.planTier.price), 1)
           ]),
-          i.value ? m("", !0) : (a(), o("span", {
+          i.value ? u("", !0) : (a(), o("span", {
             key: 0,
             class: d(["text-oc-text-400 text-base", { "!text-oc-text-200": c.value }])
-          }, r(u(y)), 3))
+          }, r(m(y)), 3))
         ]),
-        t.isPlanActive ? m("", !0) : (a(), x(u(w), {
+        t.isPlanActive ? u("", !0) : (a(), x(m(w), {
           key: 0,
           label: i.value ? "Change to Free" : "Start 14 day trial",
           variant: i.value ? "secondary" : "primary",
@@ -54,7 +54,7 @@ const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex
         e("div", {
           class: d(["flex flex-col gap-3", { "text-oc-text-200": c.value }])
         }, [
-          i.value ? m("", !0) : (a(), o("span", z, [
+          i.value ? u("", !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: "))
@@ -63,7 +63,7 @@ const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex
             key: p.id,
             class: "flex gap-3 items-center"
           }, [
-            P(u(F), {
+            P(m(F), {
               name: "check-fill",
               class: "text-oc-primary-500",
               height: "16",

package/dist/Theme/OcTheme.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../OcTheme-CWgrJh5Q.js";
+import { _ as o } from "../OcTheme-B6NTNYtz.js";
 export {
   o as Theme
 };

package/dist/{ThumbnailSection-CF3oGwOn.js → ThumbnailSection-VGh-BSav.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-BvY_DV6x.js";
+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-DeDsEdk8.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: {
@@ -7,7 +7,7 @@ const m = { class: "flex flex-col" }, u = { class: "w-full relative group" }, f
   },
   emits: ["add", "customize"],
   setup(e) {
-    return (s, l) => (a(), d("div", m, [
+    return (s, l) => (d(), a("div", m, [
       t("div", u, [
         t("div", f, [
           t("div", v, [

package/dist/{ThumbnailTheme-CQiJbCFQ.js → ThumbnailTheme-OomrH2df.js}

@@ -1,6 +1,6 @@
-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-BvY_DV6x.js";
-import { _ as k } from "./OcIcon-CJgBICxh.js";
+import { createElementBlock as s, openBlock as i, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, createCommentVNode as b, withCtx as c } from "vue";
+import { B as d, au as v } from "./index-DeDsEdk8.js";
+import { _ as k } from "./OcIcon-CBf___w1.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,
   class: "m-auto"
@@ -88,7 +88,8 @@ const x = { class: "w-full relative group" }, y = {
             default: c(() => e[7] || (e[7] = [
               r("Active")
             ])),
-            _: 1
+            _: 1,
+            __: [7]
           })) : t.theme.draft ? (i(), u(a(v), {
             key: 1,
             variant: "gray",
@@ -97,7 +98,8 @@ const x = { class: "w-full relative group" }, y = {
             default: c(() => e[8] || (e[8] = [
               r("Draft")
             ])),
-            _: 1
+            _: 1,
+            __: [8]
           })) : t.theme.pro ? (i(), u(a(v), {
             key: 2,
             class: "ml-auto",
@@ -107,7 +109,8 @@ const x = { class: "w-full relative group" }, y = {
             default: c(() => e[9] || (e[9] = [
               r("Upgrade")
             ])),
-            _: 1
+            _: 1,
+            __: [9]
           })) : b("", !0)
         ])
       ])

package/dist/core.css

@@ -0,0 +1 @@
+@import"https://cdn.jsdelivr.net/gh/lipis/flag-icons@latest/css/flag-icons.min.css";.slide[data-v-2b70f697]{animation:slide-2b70f697 1.5s infinite}@keyframes slide-2b70f697{0%{transform:translate(-100%);left:0}to{transform:translate(100%);left:100%}}.toggle-switch .toggle-input.is-checked+.toggle-label[data-v-23da89d0]{background-color:var(--oc-primary-500)}.toggle-switch:hover .toggle-on-focus[data-v-23da89d0]{box-shadow:0 0 0 3px var(--oc-primary-200)}.toggle-switch .toggle-input.is-checked+.toggle-label[data-v-23da89d0]:before{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toggle-switch.small .toggle-input.is-checked+.toggle-label[data-v-23da89d0]:before{--tw-translate-x: 11px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.copy-enter-active,.copy-leave-active{transition-timing-function:cubic-bezier(0,1,1,1);transition:all .3s}.copy-enter-from{opacity:0;transform:translateY(16px)}.copy-enter-to,.copy-leave-from{opacity:1;transform:translateY(0)}.copy-leave-to{opacity:0;transform:translateY(-16px)}.customer-card.float[data-v-88d0c278]{box-shadow:var(--oc-shadow-normal)}.keyboard-cap[data-v-84aa7cb6]{background:linear-gradient(180deg,#efefef,#fff0);box-shadow:0 1px #0000001a}.account-setup-bg[data-v-fb4f007e]{background:linear-gradient(90deg,#ffc83c,#e027fe,#2771fe)}.pie-wrapper[data-v-fb4f007e]{height:30px;width:30px;float:left;display:flex;align-items:center;justify-items:center;position:relative}.pie-wrapper .pie[data-v-fb4f007e]{height:100%;width:100%;clip:rect(0,30px,30px,15px);left:0;position:absolute;top:0}.pie-wrapper .pie .half-circle[data-v-fb4f007e]{height:100%;width:100%;border:5px solid var(--oc-sidebar-menu-active-icon-active);border-radius:50%;clip:rect(0,15px,30px,0);left:0;position:absolute;top:0}.pie-wrapper .label[data-v-fb4f007e]{background:none;border-radius:50%;color:var(--oc-sidebar-menu-active-text);cursor:default;display:block;width:100%;font-size:12px;position:absolute;text-align:center}.slide-from-right-enter-active,.slide-from-right-leave-active,.slow-fade-enter-active,.slow-fade-leave-active{transition:all .3s ease-in-out}.slow-fade-enter-from{opacity:0}.slow-fade-enter-to,.slow-fade-leave-from{opacity:1}.slow-fade-leave-to{opacity:0}.slide-from-right-enter-from{transform:translate(100%)}.slide-from-right-enter-to,.slide-from-right-leave-from{transform:translate(0)}.slide-from-right-leave-to{transform:translate(100%)}.send-money-initial-state[data-v-d658d1d3]:after{position:absolute;height:100px;right:0;bottom:0;left:0;content:"";border-radius:8px;background:linear-gradient(90deg,#e8c9fa80,#ffe0a280);box-shadow:0 20px 50px 30px #fff inset}.snackbar{transition:transform .5s,opacity .5s}.slide-from-top-enter-from{transform:translateY(-200%)}.slide-from-top-enter-to{transform:translateY(0)}.slide-from-top-leave-from{opacity:1}.slide-from-top-leave-to{opacity:0}.banner[data-v-d8517c87]{transition:transform .5s,opacity .5s}.slide-from-top-enter-from[data-v-d8517c87]{transform:translateY(-200%)}.slide-from-top-enter-to[data-v-d8517c87]{transform:translateY(0)}.slide-from-top-leave-from[data-v-d8517c87]{opacity:1}.slide-from-top-leave-to[data-v-d8517c87]{opacity:0}.share-icon{background:var(--button-secondary-default)}.share-icon:hover{background:var(--button-secondary-hover)}.share-icon:active{background:var(--button-secondary-pressed)}.oc-btn[data-v-af49bb32]:disabled{pointer-events:none}.oc-btn[data-v-af49bb32]:disabled>*{opacity:.5}.oc-btn:disabled+.oc-btn-add-area[data-v-af49bb32]>*{opacity:.5}.oc-btn:disabled+.oc-btn-add-area.primary[data-v-af49bb32]{background:var(--button-primary-disabled)}.oc-btn:disabled+.oc-btn-add-area.secondary[data-v-af49bb32]{background:var(--button-secondary-disabled)}.oc-btn:disabled+.oc-btn-add-area.destructive[data-v-af49bb32]{background:var(--button-destructive-disabled)}.oc-btn-add-area.primary[data-v-af49bb32]{background:var(--button-primary-default);border-color:var(--oc-primary-500);color:var(--oc-text-100)}.oc-btn-add-area.primary[data-v-af49bb32]:hover{background:var(--button-primary-hover)}.oc-btn-add-area.primary[data-v-af49bb32]:active{background:var(--button-primary-pressed)}.oc-btn-add-area.secondary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-secondary-default);border-color:var(--oc-gray-100);color:var(--oc-text-400)}.oc-btn-add-area.secondary[data-v-af49bb32]:hover{background:var(--button-secondary-hover)}.oc-btn-add-area.secondary[data-v-af49bb32]:active{background:var(--button-secondary-pressed)}.oc-btn-add-area.destructive[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-destructive-default);border-color:var(--oc-error-500);color:var(--oc-text-100)}.oc-btn-add-area.destructive[data-v-af49bb32]:hover{background:var(--button-destructive-hover)}.oc-btn-add-area.destructive[data-v-af49bb32]:active{background:var(--button-destructive-pressed)}.oc-btn-primary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-primary-default)}.oc-btn-primary[data-v-af49bb32]:hover{background:var(--button-primary-hover)}.oc-btn-primary[data-v-af49bb32]:active,.oc-btn-primary.active[data-v-af49bb32]{background:var(--button-primary-pressed)}.oc-btn-primary[data-v-af49bb32]:disabled{background:var(--button-primary-disabled)}.oc-btn-secondary[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-secondary-default)}.oc-btn-secondary[data-v-af49bb32]:hover{background:var(--button-secondary-hover)}.oc-btn-secondary[data-v-af49bb32]:active,.oc-btn-secondary.active[data-v-af49bb32]{background:var(--button-secondary-pressed)}.oc-btn-secondary[data-v-af49bb32]:disabled{background:var(--button-secondary-disabled)}.oc-btn-error[data-v-af49bb32]{text-shadow:0 1px 1px rgba(0,0,0,.12);background:var(--button-destructive-default)}.oc-btn-error[data-v-af49bb32]:hover{background:var(--button-destructive-hover)}.oc-btn-error[data-v-af49bb32]:active,.oc-btn-error.active[data-v-af49bb32]{background:var(--button-destructive-pressed)}.oc-btn-error[data-v-af49bb32]:disabled{background:var(--button-destructive-disabled)}.checkbox-init-shadow[data-v-bdfcee55]{box-shadow:0 1.5px 1.5px #00000017,0 1px 3px #0000000a}label:hover .checkbox-focus-shadow[data-v-bdfcee55]{box-shadow:0 0 0 3px var(--oc-primary-200);border-color:var(--oc-primary-500)}.checkbox-error-shadow[data-v-bdfcee55]{box-shadow:0 0 0 3px var(--oc-error-200);border-color:var(--oc-error-500)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none}.focused-shadow{box-shadow:0 0 0 3px var(--oc-primary-200),0 2px 4px #0000003d inset!important;border-color:var(--oc-primary-500)}.focused-shadow.border-none{box-shadow:none!important;border:none!important}.error-shadow{box-shadow:0 0 0 3px var(--oc-error-200),0 2px 4px #0000003d inset!important;border-color:var(--oc-error-500)}.error-shadow.border-none{box-shadow:none!important;border:none!important}.input-shadow{box-shadow:0 1.5px 1.5px #00000017,0 1px 3px #0000000a}.input-shadow.border-none{box-shadow:none!important;border:none!important}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.radio-button__input:checked+.radio-button__label .radio-button__custom{border-width:5px}.radio-button__input:checked+.radio-button__label .radio-button__custom:not(.disabled){border-color:var(--oc-primary-500)}.radio-button__input:checked+.radio-button__label--button{border-color:var(--oc-primary-500)}.radio-button.disabled .radio-button__input:checked+.radio-button__label .radio-button__custom{border-color:var(--oc-primary-100)}.radio-button-init-shadow{box-shadow:0 1.5px 1.5px #00000017,0 1px 3px #0000000a}label:hover .radio-button-focus-shadow{box-shadow:0 0 0 3px var(--oc-primary-200)!important;border-color:var(--oc-primary-500)!important}.radio-button-error-shadow{box-shadow:0 0 0 3px var(--oc-error-200);border-color:var(--oc-error-500)}.vc-day-content.vc-disabled{pointer-events:none}input[type=range][data-v-90983831]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;pointer-events:none;position:absolute;top:0;margin:auto;width:100%;background-color:transparent}input[type=range][data-v-90983831]::-webkit-slider-runnable-track{height:.75rem;-webkit-appearance:none}input[type=range][data-v-90983831]::-moz-range-track{height:.75rem;-moz-appearance:none}input[type=range][data-v-90983831]::-ms-track{height:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range][data-v-90983831]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));margin-top:-6px}input[type=range][data-v-90983831]::-moz-range-thumb{-webkit-appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}input[type=range][data-v-90983831]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;background-color:var(--oc-primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.on-end-loading{animation:finish-loading 1s ease-out 1s forwards}@keyframes finish-loading{0%{visibility:visible}75%{visibility:hidden;height:0;opacity:0}to{visibility:hidden;height:0;opacity:0;display:none}}.on-enable-delete{animation:enable-delete 1.5s ease-in 2s forwards}@keyframes enable-delete{0%{opacity:0;visibility:hidden}75%{visibility:visible}to{visibility:visible;opacity:100}}.number-input-focus-shadow[data-v-5333a0fa]:hover{box-shadow:0 0 0 3px var(--oc-primary-200),0 2px 4px #0000003d inset;border-color:var(--oc-primary-500)}.number-input-error-shadow[data-v-5333a0fa]{box-shadow:0 0 0 3px var(--oc-error-200)!important}.number-input-initial-shadow[data-v-5333a0fa]{box-shadow:0 1.5px 1.5px #00000017,0 1px 3px #0000000a}.dropdown-fade-enter-active[data-v-43e27395],.dropdown-fade-leave-active[data-v-43e27395]{transition:opacity .3s ease}.dropdown-fade-enter-from[data-v-43e27395],.dropdown-fade-leave-to[data-v-43e27395]{opacity:0}.oc-tooltip[data-v-7680cf01]{box-shadow:0 3px 22px #262a3217,0 1px 3px #0000001a;z-index:1010;border-radius:.125rem}.oc-tooltip-wrapper div[data-popper-placement^=top] .oc-arrow[data-v-7680cf01]{bottom:-4px}.oc-tooltip-wrapper div[data-popper-placement^=bottom] .oc-arrow[data-v-7680cf01]{top:-4px}.oc-tooltip-wrapper div[data-popper-placement^=left] .oc-arrow[data-v-7680cf01]{right:-4px}.oc-tooltip-wrapper div[data-popper-placement^=right] .oc-arrow[data-v-7680cf01]{left:-4px}.oc-tooltip .oc-arrow[data-v-7680cf01]{z-index:0;visibility:hidden}.oc-tooltip .oc-arrow[data-v-7680cf01],.oc-tooltip .oc-arrow[data-v-7680cf01]:before{position:absolute;height:.75rem;width:.75rem;background-color:inherit}.oc-tooltip .oc-arrow[data-v-7680cf01]:before{visibility:visible;content:"";transform:rotate(45deg)}.fade-enter-active[data-v-7680cf01],.fade-leave-active[data-v-7680cf01]{transition:opacity .5s ease}.fade-enter-from[data-v-7680cf01],.fade-leave-to[data-v-7680cf01]{opacity:0}.responsive-smart-form-grid{max-width:100%;display:grid;grid-template-areas:var(--grid-lg-area, var(--grid-lg-area));grid-template-rows:var(--grid-lg-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-lg-columns, var(--grid-lg-columns))}@media (max-width: 640px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xs-area, var(--grid-lg-area));grid-template-rows:var(--grid-xs-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xs-columns, var(--grid-lg-columns))}}@media (min-width: 640px){.responsive-smart-form-grid{grid-template-areas:var(--grid-sm-area, var(--grid-lg-area));grid-template-rows:var(--grid-sm-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-sm-columns, var(--grid-lg-columns))}}@media (min-width: 768px){.responsive-smart-form-grid{grid-template-areas:var(--grid-md-area, var(--grid-lg-area));grid-template-rows:var(--grid-md-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-md-columns, var(--grid-lg-columns))}}@media (min-width: 1024px){.responsive-smart-form-grid{grid-template-areas:var(--grid-lg-area, var(--grid-lg-area));grid-template-rows:var(--grid-lg-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-lg-columns, var(--grid-lg-columns))}}@media (min-width: 1280px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xl-area, var(--grid-lg-area));grid-template-rows:var(--grid-xl-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xl-columns, var(--grid-lg-columns))}}@media (min-width: 1536px){.responsive-smart-form-grid{grid-template-areas:var(--grid-xxl-area, var(--grid-lg-area));grid-template-rows:var(--grid-xxl-rows, var(--grid-lg-rows));grid-template-columns:var(--grid-xxl-columns, var(--grid-lg-columns))}}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.cropper-background{background:url('data:image/svg+xml,<svg width="530" height="300" viewBox="0 0 530 300" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="530" height="300" fill="url(%23pattern0_4033_144833)" fill-opacity="0.2"/><defs><pattern id="pattern0_4033_144833" patternContentUnits="objectBoundingBox" width="0.0603774" height="0.106667"><use xlink:href="%23image0_4033_144833" transform="scale(0.000943396 0.00166667)"/></pattern><image id="image0_4033_144833" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC"/></defs></svg>'),#d3d3d3 0 0%/50px 50px repeat}.vue-simple-handler{height:5px;width:5px;border-radius:1px;background-color:var(--oc-primary-500)}.vue-simple-line{border-color:var(--oc-primary-500)}.oc-arrow[data-v-6a3c86cb]{z-index:0;visibility:hidden;top:-8px}.oc-arrow[data-v-6a3c86cb],.oc-arrow[data-v-6a3c86cb]:before{position:absolute;background-color:inherit;height:1rem;width:1rem}.oc-arrow[data-v-6a3c86cb]:before{visibility:visible;content:"";transform:rotate(45deg)}.vc-pane-layout{gap:0 24px;--vc-text-lg: 14px;grid-template-columns:repeat(1,minmax(0,1fr))!important}@media (min-width: 768px){.vc-pane-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.oc-complex-calendar__calendar--single .vc-pane-layout{grid-template-columns:repeat(1,minmax(0,1fr))!important}.vc-primary{--vc-accent-200: var(--oc-primary-50);--vc-accent-500: var(--oc-primary-50);--vc-accent-600: var(--oc-primary-500)}.vc-light{--vc-nav-item-active-color: var(--oc-text-500)}.vc-header{margin-top:0}.vc-monthly .is-not-in-month *{opacity:.35}.grabbing *{cursor:grabbing}body:has(.sortable-chosen) *{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing!important}.drag-el{cursor:grab!important}.tier-card--pro[data-v-1c173638]:after{position:absolute;height:50%;right:0;top:0;left:0;content:"";border-radius:16px;background:linear-gradient(90deg,#e8c9fa4d,#ffe0a24d);box-shadow:0 0 60px 30px #fff inset}.tier-card--plus[data-v-1c173638]:after{position:absolute;height:25%;right:0;bottom:0;left:0;content:"";border-radius:16px;background:linear-gradient(90deg,#e8c9fa4d,#ffe0a24d);box-shadow:0 0 60px 30px var(--oc-gray-900) inset}.hidden-scrollbar[data-v-434f8eef]{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar[data-v-434f8eef]::-webkit-scrollbar{display:none}