@orchidui/core 1.8.1-42 → 1.8.1-43

package/dist/DataDisplay/CustomerCard/OcCustomerCard.js

@@ -1,4 +1,4 @@
-import { v as a } from "../../index-BXSABQPr.js";
+import { v as a } from "../../index-CXleXdVl.js";
 export {
   a as CustomerCard
 };

package/dist/DataDisplay/FloatContent/OcFloatContent.js

@@ -1,4 +1,4 @@
-import { w as a } from "../../index-BXSABQPr.js";
+import { w as a } from "../../index-CXleXdVl.js";
 export {
   a as FloatContent
 };

package/dist/DataDisplay/InfoCard/OcInfoCard.js

@@ -1,4 +1,4 @@
-import { x as a } from "../../index-BXSABQPr.js";
+import { x as a } from "../../index-CXleXdVl.js";
 export {
   a as InfoCard
 };

package/dist/DataDisplay/ListDetail/OcListDetail.js

@@ -1,4 +1,4 @@
-import { y as e } from "../../index-BXSABQPr.js";
+import { y as e } from "../../index-CXleXdVl.js";
 export {
   e as ListDetail
 };

package/dist/DataDisplay/ListItem/OcListItem.js

@@ -1,4 +1,4 @@
-import { z as r, A as a } from "../../index-BXSABQPr.js";
+import { z as r, A as a } from "../../index-CXleXdVl.js";
 export {
   r as ListItem,
   a as ListUrl

package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js

@@ -1,4 +1,4 @@
-import { D as t } from "../../index-BXSABQPr.js";
+import { D as t } from "../../index-CXleXdVl.js";
 export {
   t as OcOnboardingListItem
 };

package/dist/DataDisplay/Overview/OcOverview.js

@@ -1,4 +1,4 @@
-import { E as r, F as a, G as i } from "../../index-BXSABQPr.js";
+import { E as r, F as a, G as i } from "../../index-CXleXdVl.js";
 export {
   r as Overview,
   a as OverviewIcon,

package/dist/DataDisplay/Pagination/OcPagination.js

@@ -1,4 +1,4 @@
-import { H as i, J as n, I as o } from "../../index-BXSABQPr.js";
+import { H as i, J as n, I as o } from "../../index-CXleXdVl.js";
 export {
   i as Pagination,
   n as PaginationNumber,

package/dist/DataDisplay/Table/OcTable.js

@@ -1,4 +1,4 @@
-import { T as l, L as n, R as s, K as T, O as b, P as d, M as o, Q as i } from "../../index-BXSABQPr.js";
+import { T as l, L as n, R as s, K as T, O as b, P as d, M as o, Q as i } from "../../index-CXleXdVl.js";
 export {
   l as ExpandingHeaderRow,
   n as ExpandingTable,

package/dist/DataDisplay/TransferSummary/OcTransferSummary.js

@@ -1,4 +1,4 @@
-import { U as m } from "../../index-BXSABQPr.js";
+import { U as m } from "../../index-CXleXdVl.js";
 export {
   m as TransferSummary
 };

package/dist/Disclosure/Accordion/OcAccordion.js

@@ -1,4 +1,4 @@
-import { V as c } from "../../index-BXSABQPr.js";
+import { V as c } from "../../index-CXleXdVl.js";
 export {
   c as Accordion
 };

package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../index-BXSABQPr.js";
+import { W as n } from "../../index-CXleXdVl.js";
 export {
   n as OnboardingAccordion
 };

package/dist/Disclosure/Steps/OcSteps.js

@@ -1,4 +1,4 @@
-import { Y as s, X as t } from "../../index-BXSABQPr.js";
+import { Y as s, X as t } from "../../index-CXleXdVl.js";
 export {
   s as Step,
   t as Steps

package/dist/Disclosure/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import { $ as b, Z as e } from "../../index-BXSABQPr.js";
+import { $ as b, Z as e } from "../../index-CXleXdVl.js";
 export {
   b as PaymentTab,
   e as Tabs

package/dist/Disclosure/Variants/OcVariants.js

@@ -1,4 +1,4 @@
-import { a1 as s, a0 as t } from "../../index-BXSABQPr.js";
+import { a1 as s, a0 as t } from "../../index-CXleXdVl.js";
 export {
   s as Variant,
   t as Variants

package/dist/Elements/AdditionalContent/OcAdditionalContent.js

@@ -1,4 +1,4 @@
-import { a2 as t, a3 as n } from "../../index-BXSABQPr.js";
+import { a2 as t, a3 as n } from "../../index-CXleXdVl.js";
 export {
   t as AdditionalContent,
   n as InfoCardButton

package/dist/Elements/AuthenticationOption/AuthenticationOption.js

@@ -1,4 +1,4 @@
-import { a4 as a } from "../../index-BXSABQPr.js";
+import { a4 as a } from "../../index-CXleXdVl.js";
 export {
   a as AuthenticationOption
 };

package/dist/Elements/Box/OcBox.js

@@ -1,4 +1,4 @@
-import { a5 as r } from "../../index-BXSABQPr.js";
+import { a5 as r } from "../../index-CXleXdVl.js";
 export {
   r as Box
 };

package/dist/Elements/EmptyPage/OcEmptyPage.js

@@ -1,4 +1,4 @@
-import { a6 as m } from "../../index-BXSABQPr.js";
+import { a6 as m } from "../../index-CXleXdVl.js";
 export {
   m as EmptyPage
 };

package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js

@@ -1,4 +1,4 @@
-import { a7 as a } from "../../index-BXSABQPr.js";
+import { a7 as a } from "../../index-CXleXdVl.js";
 export {
   a as FeatureOverviewCard
 };

package/dist/Elements/Header/OcHeader.js

@@ -1,4 +1,4 @@
-import { a8 as r, ab as d, aa as s, ac as t, a9 as H, ad as b } from "../../index-BXSABQPr.js";
+import { a8 as r, ab as d, aa as s, ac as t, a9 as H, ad as b } from "../../index-CXleXdVl.js";
 export {
   r as Header,
   d as HeaderCenter,

package/dist/Elements/PageTitle/OcPageTitle.js

@@ -1,4 +1,4 @@
-import { ae as i, af as t, ag as g } from "../../index-BXSABQPr.js";
+import { ae as i, af as t, ag as g } from "../../index-CXleXdVl.js";
 export {
   i as PageTitle,
   t as PageTitleRight,

package/dist/Elements/SandboxBanner/OcSandboxBanner.js

@@ -1,4 +1,4 @@
-import { ah as o } from "../../index-BXSABQPr.js";
+import { ah as o } from "../../index-CXleXdVl.js";
 export {
   o as SandboxBanner
 };

package/dist/Elements/Sidebar/OcSidebar.js

@@ -1,5 +1,5 @@
-import { ak as r, am as s, ai as u, ap as S, ao as o, al as t, an as d, aj as b } from "../../index-BXSABQPr.js";
-import { default as n } from "../../OcAccountSetupProgress-_DYL4l9R.js";
+import { ak as r, am as s, ai as u, ap as S, ao as o, al as t, an as d, aj as b } from "../../index-CXleXdVl.js";
+import { default as n } from "../../OcAccountSetupProgress-BpUSPSgy.js";
 export {
   r as AccountSetup,
   n as AccountSetupProgress,

package/dist/Elements/SubSidebar/OcSubSidebar.js

@@ -1,4 +1,4 @@
-import { aq as b } from "../../index-BXSABQPr.js";
+import { aq as b } from "../../index-CXleXdVl.js";
 export {
   b as SubSidebar
 };

package/dist/Elements/VerificationOption/OcVerificationOption.js

@@ -1,4 +1,4 @@
-import { ar as r } from "../../index-BXSABQPr.js";
+import { ar as r } from "../../index-CXleXdVl.js";
 export {
   r as VerificationOption
 };

package/dist/Feedback/Banner/OcBanner.js

@@ -1,4 +1,4 @@
-import { as as e } from "../../index-BXSABQPr.js";
+import { as as e } from "../../index-CXleXdVl.js";
 export {
   e as Banner
 };

package/dist/Feedback/Chip/OcChip.js

@@ -1,4 +1,4 @@
-import { at as p } from "../../index-BXSABQPr.js";
+import { at as p } from "../../index-CXleXdVl.js";
 export {
   p as Chip
 };

package/dist/Feedback/ShareIcon/OcShareIcon.js

@@ -1,4 +1,4 @@
-import { au as r } from "../../index-BXSABQPr.js";
+import { au as r } from "../../index-CXleXdVl.js";
 export {
   r as ShareIcon
 };

package/dist/Feedback/Snackbar/OcSnackbar.js

@@ -1,4 +1,4 @@
-import { av as o } from "../../index-BXSABQPr.js";
+import { av as o } from "../../index-CXleXdVl.js";
 export {
   o as Snackbar
 };

package/dist/Form/BaseInput/OcBaseInput.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../../index-BXSABQPr.js";
+import { _ as o } from "../../index-CXleXdVl.js";
 export {
   o as BaseInput
 };

package/dist/Form/Button/OcButton.js

@@ -1,4 +1,4 @@
-import { B as r } from "../../index-BXSABQPr.js";
+import { B as r } from "../../index-CXleXdVl.js";
 export {
   r as Button
 };

package/dist/Form/Calendar/OcCalendar.js

@@ -1,5 +1,5 @@
 import "dayjs";
-import { o as e } from "../../index-BXSABQPr.js";
+import { o as e } from "../../index-CXleXdVl.js";
 export {
   e as Calendar
 };

package/dist/Form/CardInput/OcCardInput.js

@@ -1,4 +1,4 @@
-import { a as o } from "../../index-BXSABQPr.js";
+import { a as o } from "../../index-CXleXdVl.js";
 export {
   o as CardInput
 };

package/dist/Form/Checkbox/OcCheckbox.js

@@ -1,4 +1,4 @@
-import { C as r } from "../../index-BXSABQPr.js";
+import { C as r } from "../../index-CXleXdVl.js";
 export {
   r as Checkbox
 };

package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js

@@ -1,4 +1,4 @@
-import { b as r } from "../../index-BXSABQPr.js";
+import { b as r } from "../../index-CXleXdVl.js";
 export {
   r as CheckboxesGroup
 };

package/dist/Form/Criteria/OcCriteria.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BXSABQPr.js";
+import { c as e } from "../../index-CXleXdVl.js";
 export {
   e as Criteria
 };

package/dist/Form/Cropper/OcCropper.js

@@ -1,4 +1,4 @@
-import { default as o } from "../../OcCropper-B-CVJmDW.js";
+import { default as o } from "../../OcCropper-D2MLFJ36.js";
 export {
   o as Cropper
 };

package/dist/Form/DatePicker/OcDatePicker.js

@@ -1,4 +1,4 @@
-import { p as a } from "../../index-BXSABQPr.js";
+import { p as a } from "../../index-CXleXdVl.js";
 export {
   a as DatePicker
 };

package/dist/Form/EmojiPicker/OcEmojiPicker.js

@@ -1,4 +1,4 @@
-import { default as r } from "../../OcEmojiPicker-BHQg8c8K.js";
+import { default as r } from "../../OcEmojiPicker-CPekE3el.js";
 export {
   r as EmojiPicker
 };

package/dist/Form/Input/OcInput.js

@@ -1,4 +1,4 @@
-import { d as n, e as o } from "../../index-BXSABQPr.js";
+import { d as n, e as o } from "../../index-CXleXdVl.js";
 export {
   n as Input,
   o as InputOption

package/dist/Form/LinkInput/OcLinkInput.js

@@ -1,4 +1,4 @@
-import { m as o } from "../../index-BXSABQPr.js";
+import { m as o } from "../../index-CXleXdVl.js";
 export {
   o as LinkInput
 };

package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../index-BXSABQPr.js";
+import { t as o } from "../../index-CXleXdVl.js";
 export {
   o as MultipleUploadFile
 };

package/dist/Form/NumberInput/OcNumberInput.js

@@ -1,4 +1,4 @@
-import { N as m } from "../../index-BXSABQPr.js";
+import { N as m } from "../../index-CXleXdVl.js";
 export {
   m as NumberInput
 };

package/dist/Form/PhoneInput/OcPhoneInput.js

@@ -1,4 +1,4 @@
-import { f } from "../../index-BXSABQPr.js";
+import { f } from "../../index-CXleXdVl.js";
 export {
   f as PhoneInput
 };

package/dist/Form/Radio/OcRadio.js

@@ -1,4 +1,4 @@
-import { g as r } from "../../index-BXSABQPr.js";
+import { g as r } from "../../index-CXleXdVl.js";
 export {
   r as Radio
 };

package/dist/Form/RadioGroup/OcRadioGroup.js

@@ -1,4 +1,4 @@
-import { h as a } from "../../index-BXSABQPr.js";
+import { h as a } from "../../index-CXleXdVl.js";
 export {
   a as RadioGroup
 };

package/dist/Form/RangeInput/OcRangeInput.js

@@ -1,4 +1,4 @@
-import { i as n } from "../../index-BXSABQPr.js";
+import { i as n } from "../../index-CXleXdVl.js";
 export {
   n as RangeInput
 };

package/dist/Form/SectionItem/OcSectionItem.js

@@ -1,4 +1,4 @@
-import { q as t } from "../../index-BXSABQPr.js";
+import { q as t } from "../../index-CXleXdVl.js";
 export {
   t as SectionItem
 };

package/dist/Form/Select/OcSelect.js

@@ -1,4 +1,4 @@
-import { l as s, k as t, j as a } from "../../index-BXSABQPr.js";
+import { l as s, k as t, j as a } from "../../index-CXleXdVl.js";
 export {
   s as GroupOptions,
   t as Option,

package/dist/Form/SelectOptions/OcSelectOptions.js

@@ -1,4 +1,4 @@
-import { r } from "../../index-BXSABQPr.js";
+import { r } from "../../index-CXleXdVl.js";
 export {
   r as SelectOptions
 };

package/dist/Form/SingleFileUpload/OcSingleFileUpload.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../index-BXSABQPr.js";
+import { s as o } from "../../index-CXleXdVl.js";
 export {
   o as SingleFileUpload
 };

package/dist/Form/Slider/OcSlider.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../index-BXSABQPr.js";
+import { S as o } from "../../index-CXleXdVl.js";
 export {
   o as Slider
 };

package/dist/Form/TextArea/OcTextArea.js

@@ -1,4 +1,4 @@
-import { n as a } from "../../index-BXSABQPr.js";
+import { n as a } from "../../index-CXleXdVl.js";
 export {
   a as TextArea
 };

package/dist/Form/index.js

@@ -1,4 +1,4 @@
-import { _ as e, B as t, o, a as p, C as n, b as i, c as r, p as u, l, d as I, e as d, m as c, t as C, N as S, k as g, f as k, g as m, h as x, i as b, q as h, j as O, r as f, s as B, S as G, n as R } from "../index-BXSABQPr.js";
+import { _ as e, B as t, o, a as p, C as n, b as i, c as r, p as u, l, d as I, e as d, m as c, t as C, N as S, k as g, f as k, g as m, h as x, i as b, q as h, j as O, r as f, s as B, S as G, n as R } from "../index-CXleXdVl.js";
 import { T as F } from "../OcToggle-Cp5dJ5LN.js";
 export {
   e as BaseInput,

package/dist/FormBuilder/OcFormBuilder.js

@@ -1,4 +1,4 @@
-import { u as e } from "../index-BXSABQPr.js";
+import { u as e } from "../index-CXleXdVl.js";
 export {
   e as FormBuilder
 };

package/dist/{OcAccountSetupProgress-_DYL4l9R.js → OcAccountSetupProgress-BpUSPSgy.js}

@@ -1,5 +1,5 @@
 import { openBlock as r, createElementBlock as n, createElementVNode as e, createVNode as o, unref as l, createTextVNode as d, toDisplayString as a, normalizeStyle as u } from "vue";
-import "./index-BXSABQPr.js";
+import "./index-CXleXdVl.js";
 import { _ as c } from "./OcIcon-CSpRxnwd.js";
 const x = { class: "border relative z-10 border-oc-gray-200 shadow-normal bg-white rounded p-2 flex flex-col gap-y-2" }, p = { class: "py-2 px-3 gap-x-3 flex items-center" }, f = { class: "text-base flex-1 font-medium flex items-center gap-x-2" }, m = { class: "px-3 pb-3 flex flex-col gap-y-3" }, h = { class: "relative bg-oc-accent-1-50 rounded-full h-2" }, _ = { class: "flex items-center gap-x-3" }, g = { class: "text-sm text-oc-text-400" }, N = {
   __name: "OcAccountSetupProgress",

package/dist/{OcComplexCalendar-BbM3CByZ.js → OcComplexCalendar-M-R7nJ_F.js}

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

package/dist/{OcComplexDatePicker-lsBGe8L_.js → OcComplexDatePicker-B1LHCooA.js}

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

package/dist/OcCropper-D2MLFJ36.js

@@ -0,0 +1,261 @@
+import { ref as s, watch as T, nextTick as K, openBlock as n, createElementBlock as w, createElementVNode as f, createBlock as u, unref as a, Fragment as M, createVNode as d, createCommentVNode as r, withCtx as b } from "vue";
+import { B as k, d as V, C as x, h as P, aD as j } from "./index-CXleXdVl.js";
+import { Cropper as Q } from "vue-advanced-cropper";
+import { _ as q } from "./OcIcon-CSpRxnwd.js";
+const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex gap-x-1 justify-center relative" }, Z = { class: "grid grid-cols-2 gap-4" }, ae = {
+  __name: "OcCropper",
+  props: {
+    inputOptions: Array,
+    inputOptionValues: Object,
+    img: String,
+    maxSize: [String, Number],
+    isReplaceImage: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["changeImage", "update:input-options"],
+  setup(i, { emit: F }) {
+    const g = i, y = F, m = s(), C = s(), p = s(""), O = s(), z = s(!1), o = s(g.inputOptionValues ?? {});
+    T(
+      () => g.inputOptionValues,
+      () => {
+        o.value = g.inputOptionValues;
+      },
+      {
+        deep: !0
+      }
+    ), T(
+      () => g.img,
+      (l) => {
+        l && K(() => {
+          try {
+            const e = new URL(l);
+            e.protocol === "http:" || e.protocol === "https:" ? p.value = `${l}?${Date.now()}` : p.value = l;
+          } catch {
+            p.value = l;
+          }
+        });
+      },
+      { immediate: !0 }
+    );
+    const A = () => {
+      if (p.value && z.value) {
+        const { canvas: l } = m.value.getResult(), e = !(m.value.image.width === l.width && m.value.image.height === l.height && !m.value.imageTransforms.rotate);
+        y("changeImage", l.toDataURL(), {
+          isChanged: e,
+          file: O.value
+        });
+      }
+      z.value = !0;
+    }, U = (l) => {
+      var e;
+      return (e = m.value) == null ? void 0 : e.rotate(l);
+    }, I = (l) => {
+      var e;
+      return (e = m.value) == null ? void 0 : e.zoom(l);
+    }, G = () => {
+      C.value.click();
+    }, H = (l) => {
+      if (l.target.files[0] / (1024 * 1024) > +g.maxSize)
+        return l.preventDefault(), !1;
+      O.value = l.target.files[0], p.value = URL.createObjectURL(l.target.files[0]);
+    }, J = ({ imageSize: l, visibleArea: e }) => ({
+      width: (e || l).width,
+      height: (e || l).height
+    }), c = (l, e) => {
+      let v = o.value;
+      v[l] = e, y("update:input-options", v);
+    }, h = s(!!o.value.caption), $ = s(!!o.value.lightbox), L = s(!!o.value.new_tab);
+    return (l, e) => {
+      var v, R, B, S, D, E, N;
+      return n(), w("div", W, [
+        f("input", {
+          id: "cropper-file-input",
+          ref_key: "fileUploadEl",
+          ref: C,
+          accept: "image/*",
+          type: "file",
+          class: "hidden",
+          onChange: H
+        }, null, 544),
+        p.value ? (n(), u(a(Q), {
+          key: 0,
+          ref_key: "cropper",
+          ref: m,
+          class: "w-full h-[300px]",
+          src: p.value,
+          "resize-image": { wheel: !1 },
+          "background-class": "cropper-background",
+          "default-size": J,
+          onChange: A
+        }, null, 8, ["src"])) : (n(), w("img", {
+          key: 1,
+          class: "w-full",
+          src: i.img
+        }, null, 8, X)),
+        f("div", Y, [
+          p.value ? (n(), w(M, { key: 0 }, [
+            d(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "backward",
+              onClick: e[0] || (e[0] = (t) => U(-90))
+            }),
+            d(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "zoom-out",
+              onClick: e[1] || (e[1] = (t) => I(0.8))
+            }),
+            d(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "zoom-in",
+              onClick: e[2] || (e[2] = (t) => I(1.2))
+            }),
+            d(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "forward",
+              onClick: e[3] || (e[3] = (t) => U(90))
+            })
+          ], 64)) : r("", !0),
+          i.isReplaceImage ? (n(), u(a(k), {
+            key: 1,
+            class: "absolute right-0",
+            variant: "secondary",
+            size: "small",
+            label: "Replace image",
+            "left-icon": "refresh",
+            onClick: G
+          })) : r("", !0)
+        ]),
+        f("div", Z, [
+          (v = i.inputOptions) != null && v.includes("description") ? (n(), u(a(V), {
+            key: 0,
+            modelValue: o.value.description,
+            "onUpdate:modelValue": [
+              e[4] || (e[4] = (t) => o.value.description = t),
+              e[5] || (e[5] = (t) => c("description", t))
+            ],
+            label: "Describe Image",
+            placeholder: ""
+          }, null, 8, ["modelValue"])) : r("", !0),
+          (R = i.inputOptions) != null && R.includes("link") ? (n(), u(a(V), {
+            key: 1,
+            modelValue: o.value.link,
+            "onUpdate:modelValue": [
+              e[6] || (e[6] = (t) => o.value.link = t),
+              e[7] || (e[7] = (t) => c("link", t))
+            ],
+            placeholder: "https://hitpayapp.com",
+            label: "Link to"
+          }, null, 8, ["modelValue"])) : r("", !0),
+          f("div", null, [
+            (B = i.inputOptions) != null && B.includes("caption") ? (n(), u(a(x), {
+              key: 0,
+              modelValue: h.value,
+              "onUpdate:modelValue": e[8] || (e[8] = (t) => h.value = t),
+              label: "Caption",
+              class: "mb-4"
+            }, null, 8, ["modelValue"])) : r("", !0),
+            (S = i.inputOptions) != null && S.includes("caption") && h.value ? (n(), u(a(V), {
+              key: 1,
+              modelValue: o.value.caption,
+              "onUpdate:modelValue": [
+                e[9] || (e[9] = (t) => o.value.caption = t),
+                e[10] || (e[10] = (t) => c("caption", t))
+              ],
+              class: "mb-4",
+              placeholder: ""
+            }, null, 8, ["modelValue"])) : r("", !0),
+            (D = i.inputOptions) != null && D.includes("caption") && h.value ? (n(), u(a(P), {
+              key: 2,
+              "model-value": o.value.caption_variant,
+              "group-name": "caption_variant",
+              alignment: "horizontal",
+              radio: [
+                {
+                  value: "hover",
+                  label: "Show on hover"
+                },
+                {
+                  value: "bottom",
+                  label: "Show on bottom"
+                }
+              ],
+              label: "Caption position",
+              "onUpdate:modelValue": e[11] || (e[11] = (t) => c("caption_variant", t))
+            }, null, 8, ["model-value"])) : r("", !0)
+          ]),
+          f("div", null, [
+            (E = i.inputOptions) != null && E.includes("new_tab") ? (n(), u(a(x), {
+              key: 0,
+              modelValue: L.value,
+              "onUpdate:modelValue": [
+                e[12] || (e[12] = (t) => L.value = t),
+                e[13] || (e[13] = (t) => c("new_tab", t))
+              ],
+              label: "Open link in a new tab",
+              class: "mb-4"
+            }, {
+              after: b(() => [
+                d(a(j), {
+                  position: "bottom",
+                  distance: 10,
+                  "popper-class": "bg-oc-bg-light min-w-[125px]"
+                }, {
+                  default: b(() => [
+                    d(a(q), {
+                      name: "question-mark",
+                      width: "16",
+                      height: "16",
+                      class: "text-oc-accent-1-500"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : r("", !0),
+            (N = i.inputOptions) != null && N.includes("lightbox") ? (n(), u(a(x), {
+              key: 1,
+              modelValue: $.value,
+              "onUpdate:modelValue": [
+                e[14] || (e[14] = (t) => $.value = t),
+                e[15] || (e[15] = (t) => c("lightbox", t))
+              ],
+              label: "Enable lightbox"
+            }, {
+              after: b(() => [
+                d(a(j), {
+                  position: "bottom",
+                  distance: 10,
+                  "popper-class": "bg-oc-bg-light min-w-[125px]"
+                }, {
+                  popper: b(() => e[16] || (e[16] = [
+                    f("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
+                  ])),
+                  default: b(() => [
+                    d(a(q), {
+                      name: "question-mark",
+                      width: "16",
+                      height: "16",
+                      class: "text-oc-accent-1-500"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : r("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  ae as default
+};

package/dist/{OcDataTable-C5qiqDTx.js → OcDataTable-DMdeu9Hk.js}

@@ -1,5 +1,5 @@
 import { ref as N, onMounted as Ve, openBlock as d, createBlock as q, unref as x, withCtx as C, createElementVNode as G, createElementBlock as F, createVNode as R, mergeProps as ke, Fragment as ae, renderList as se, normalizeClass as oe, toDisplayString as he, createCommentVNode as $, computed as M, createSlots as Je, renderSlot as T, normalizeProps as xe, guardReactiveProps as we } from "vue";
-import { ay as Fe, C as ze, B as je, K as He, Z as Ze, aJ as Ge, aK as We, aL as Xe, H as _e, I as Se, j as el } from "./index-BXSABQPr.js";
+import { ay as Fe, C as ze, B as je, K as He, Z as Ze, aJ as Ge, aK as We, aL as Xe, H as _e, I as Se, j as el } from "./index-CXleXdVl.js";
 import te from "dayjs";
 import { VueDraggableNext as $e } from "vue-draggable-next";
 import { getFromLocalStorage as ue, formatHeadersFromLocalStorage as Ae, formatHeadersToLocalStorage as ll, setInLocalStorage as Ee } from "./DataTable/utils/editColumnsUtils.js";

package/dist/{OcDraggableList-CJM9FiOf.js → OcDraggableList-CaYtyyAP.js}

@@ -1,5 +1,5 @@
 import { ref as w, openBlock as n, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as D, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
-import { aH as $, aD as S, ay as B } from "./index-BXSABQPr.js";
+import { aH as $, aD as S, ay as B } from "./index-CXleXdVl.js";
 import { _ as g } from "./OcIcon-CSpRxnwd.js";
 const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, H = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, q = {
   __name: "OcDraggableList",

package/dist/{OcEmojiPicker-BHQg8c8K.js → OcEmojiPicker-CPekE3el.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, d as J, B as b } from "./index-BXSABQPr.js";
+import { ay as U, d as J, B as b } from "./index-CXleXdVl.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-DqjkZkSZ.js → OcFilterForm-BBlBpRcW.js}

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

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

package/dist/{OcFilterSearchFor-CrLlQJ6y.js → OcFilterSearchFor-D1fCnVUv.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 { M as y, at as i } from "./index-BXSABQPr.js";
+import { M as y, at as i } from "./index-CXleXdVl.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-DfzmEjBb.js → OcModalCropper-BcmV05IW.js}

@@ -1,6 +1,6 @@
 import { ref as e, openBlock as v, createBlock as d, unref as l, withCtx as x, createVNode as O } from "vue";
-import { aA as b } from "./index-BXSABQPr.js";
-import k from "./OcCropper-B-CVJmDW.js";
+import { aA as b } from "./index-CXleXdVl.js";
+import k from "./OcCropper-D2MLFJ36.js";
 const h = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcTimePicker-DHpcpxod.js → OcTimePicker-CXSOXNEM.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, d as D } from "./index-BXSABQPr.js";
+import { ay as S, aI as h, d as D } from "./index-CXleXdVl.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

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

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

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

package/dist/Overlay/Dropdown/OcDropdown.js

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

package/dist/Overlay/SupportMenu/OcSupportMenu.js

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

package/dist/Overlay/Tooltip/OcTooltip.js

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

package/dist/Overlay/Whitelist/OcWhiteList.js

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

package/dist/{SubPlanCard-CRNxGk49.js → SubPlanCard-Dois1bOA.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-BXSABQPr.js";
+import { at as _, B as w } from "./index-CXleXdVl.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./OcIcon-CSpRxnwd.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-DwSuY0Wy.js → ThumbnailSection-BWV4Uzv1.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-BXSABQPr.js";
+import { B as n } from "./index-CXleXdVl.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-Bti6MA3z.js → ThumbnailTheme-Bt2IvCF4.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-BXSABQPr.js";
+import { B as d, at as v } from "./index-CXleXdVl.js";
 import { _ as k } from "./OcIcon-CSpRxnwd.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,

package/dist/{index-BXSABQPr.js → index-CXleXdVl.js}

@@ -9150,7 +9150,8 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
           link: C.current.link,
           caption: C.current.caption,
           caption_variant: C.current.caption_variant,
-          lightbox: C.current.lightbox
+          lightbox: C.current.lightbox,
+          new_tab: C.current.new_tab
         });
       }), f.value = B);
     });
@@ -10429,16 +10430,16 @@ const nc = { class: "flex flex-col gap-y-2 w-full" }, ic = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Cf = de(() => import("./OcDataTable-C5qiqDTx.js")), Bf = de(() => import("./OcFilterSearch-CMGQPh2P.js")), Vf = de(() => import("./OcFilterSearchFor-CrLlQJ6y.js")), Of = de(() => import("./OcFilterForm-DqjkZkSZ.js")), dm = de(
-  () => import("./OcComplexCalendar-BbM3CByZ.js")
+}, Cf = de(() => import("./OcDataTable-DMdeu9Hk.js")), Bf = de(() => import("./OcFilterSearch-YyT-YC4l.js")), Vf = de(() => import("./OcFilterSearchFor-D1fCnVUv.js")), Of = de(() => import("./OcFilterForm-BBlBpRcW.js")), dm = de(
+  () => import("./OcComplexCalendar-M-R7nJ_F.js")
 ), If = de(
-  () => import("./OcComplexDatePicker-lsBGe8L_.js")
-), ot = de(() => import("./OcModalCropper-DfzmEjBb.js")), Tf = de(() => import("./OcCropper-B-CVJmDW.js")), cm = de(() => import("./OcDraggable-CZT2mJvO.js")), Df = de(() => import("./OcDraggableList-CJM9FiOf.js")), Af = de(() => import("./OcEmojiPicker-BHQg8c8K.js")), Mf = de(
-  () => import("./ThumbnailTheme-Bti6MA3z.js")
+  () => import("./OcComplexDatePicker-B1LHCooA.js")
+), ot = de(() => import("./OcModalCropper-BcmV05IW.js")), Tf = de(() => import("./OcCropper-D2MLFJ36.js")), cm = de(() => import("./OcDraggable-CZT2mJvO.js")), Df = de(() => import("./OcDraggableList-CaYtyyAP.js")), Af = de(() => import("./OcEmojiPicker-CPekE3el.js")), Mf = de(
+  () => import("./ThumbnailTheme-Bt2IvCF4.js")
 ), jf = de(
-  () => import("./ThumbnailSection-DwSuY0Wy.js")
-), Lf = de(() => import("./SubPlanCard-CRNxGk49.js")), Pf = de(() => import("./OcTimePopup-CXGhaOev.js")), um = de(() => import("./OcTimePicker-DHpcpxod.js")), Ef = de(
-  () => import("./OcAccountSetupProgress-_DYL4l9R.js")
+  () => import("./ThumbnailSection-BWV4Uzv1.js")
+), Lf = de(() => import("./SubPlanCard-Dois1bOA.js")), Pf = de(() => import("./OcTimePopup-CXGhaOev.js")), um = de(() => import("./OcTimePicker-CXSOXNEM.js")), Ef = de(
+  () => import("./OcAccountSetupProgress-BpUSPSgy.js")
 );
 export {
   Hm as $,

package/dist/index.js

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

package/package.json

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

package/dist/OcCropper-B-CVJmDW.js

@@ -1,232 +0,0 @@
-import { ref as u, watch as D, nextTick as A, openBlock as n, createElementBlock as b, createElementVNode as c, createBlock as r, unref as a, Fragment as G, createVNode as v, createCommentVNode as p, withCtx as x } from "vue";
-import { B as k, d as y, C as E, h as H, aD as J } from "./index-BXSABQPr.js";
-import { Cropper as K } from "vue-advanced-cropper";
-import { _ as M } from "./OcIcon-CSpRxnwd.js";
-const P = { class: "flex flex-col gap-y-5" }, Q = ["src"], W = { class: "flex gap-x-1 justify-center relative" }, X = { class: "grid grid-cols-2 gap-4" }, te = {
-  __name: "OcCropper",
-  props: {
-    inputOptions: Array,
-    inputOptionValues: Object,
-    img: String,
-    maxSize: [String, Number],
-    isReplaceImage: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["changeImage", "update:input-options"],
-  setup(i, { emit: N }) {
-    const f = i, V = N, d = u(), w = u(), s = u(""), C = u(), O = u(!1), o = u(f.inputOptionValues ?? {});
-    D(
-      () => f.inputOptionValues,
-      () => {
-        o.value = f.inputOptionValues;
-      },
-      {
-        deep: !0
-      }
-    ), D(
-      () => f.img,
-      (t) => {
-        t && A(() => {
-          try {
-            const e = new URL(t);
-            e.protocol === "http:" || e.protocol === "https:" ? s.value = `${t}?${Date.now()}` : s.value = t;
-          } catch {
-            s.value = t;
-          }
-        });
-      },
-      { immediate: !0 }
-    );
-    const j = () => {
-      if (s.value && O.value) {
-        const { canvas: t } = d.value.getResult(), e = !(d.value.image.width === t.width && d.value.image.height === t.height && !d.value.imageTransforms.rotate);
-        V("changeImage", t.toDataURL(), {
-          isChanged: e,
-          file: C.value
-        });
-      }
-      O.value = !0;
-    }, z = (t) => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.rotate(t);
-    }, U = (t) => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.zoom(t);
-    }, T = () => {
-      w.value.click();
-    }, q = (t) => {
-      if (t.target.files[0] / (1024 * 1024) > +f.maxSize)
-        return t.preventDefault(), !1;
-      C.value = t.target.files[0], s.value = URL.createObjectURL(t.target.files[0]);
-    }, F = ({ imageSize: t, visibleArea: e }) => ({
-      width: (e || t).width,
-      height: (e || t).height
-    }), g = (t, e) => {
-      let m = o.value;
-      m[t] = e, V("update:input-options", m);
-    }, h = u(!!o.value.caption), I = u(!!o.value.lightbox);
-    return (t, e) => {
-      var m, L, $, R, B, S;
-      return n(), b("div", P, [
-        c("input", {
-          id: "cropper-file-input",
-          ref_key: "fileUploadEl",
-          ref: w,
-          accept: "image/*",
-          type: "file",
-          class: "hidden",
-          onChange: q
-        }, null, 544),
-        s.value ? (n(), r(a(K), {
-          key: 0,
-          ref_key: "cropper",
-          ref: d,
-          class: "w-full h-[300px]",
-          src: s.value,
-          "resize-image": { wheel: !1 },
-          "background-class": "cropper-background",
-          "default-size": F,
-          onChange: j
-        }, null, 8, ["src"])) : (n(), b("img", {
-          key: 1,
-          class: "w-full",
-          src: i.img
-        }, null, 8, Q)),
-        c("div", W, [
-          s.value ? (n(), b(G, { key: 0 }, [
-            v(a(k), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "backward",
-              onClick: e[0] || (e[0] = (l) => z(-90))
-            }),
-            v(a(k), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "zoom-out",
-              onClick: e[1] || (e[1] = (l) => U(0.8))
-            }),
-            v(a(k), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "zoom-in",
-              onClick: e[2] || (e[2] = (l) => U(1.2))
-            }),
-            v(a(k), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "forward",
-              onClick: e[3] || (e[3] = (l) => z(90))
-            })
-          ], 64)) : p("", !0),
-          i.isReplaceImage ? (n(), r(a(k), {
-            key: 1,
-            class: "absolute right-0",
-            variant: "secondary",
-            size: "small",
-            label: "Replace image",
-            "left-icon": "refresh",
-            onClick: T
-          })) : p("", !0)
-        ]),
-        c("div", X, [
-          (m = i.inputOptions) != null && m.includes("description") ? (n(), r(a(y), {
-            key: 0,
-            modelValue: o.value.description,
-            "onUpdate:modelValue": [
-              e[4] || (e[4] = (l) => o.value.description = l),
-              e[5] || (e[5] = (l) => g("description", l))
-            ],
-            label: "Describe Image",
-            placeholder: ""
-          }, null, 8, ["modelValue"])) : p("", !0),
-          (L = i.inputOptions) != null && L.includes("link") ? (n(), r(a(y), {
-            key: 1,
-            modelValue: o.value.link,
-            "onUpdate:modelValue": [
-              e[6] || (e[6] = (l) => o.value.link = l),
-              e[7] || (e[7] = (l) => g("link", l))
-            ],
-            placeholder: "https://hitpayapp.com",
-            label: "Link to"
-          }, null, 8, ["modelValue"])) : p("", !0),
-          c("div", null, [
-            ($ = i.inputOptions) != null && $.includes("caption") ? (n(), r(a(E), {
-              key: 0,
-              modelValue: h.value,
-              "onUpdate:modelValue": e[8] || (e[8] = (l) => h.value = l),
-              label: "Caption",
-              class: "mb-4"
-            }, null, 8, ["modelValue"])) : p("", !0),
-            (R = i.inputOptions) != null && R.includes("caption") && h.value ? (n(), r(a(y), {
-              key: 1,
-              modelValue: o.value.caption,
-              "onUpdate:modelValue": [
-                e[9] || (e[9] = (l) => o.value.caption = l),
-                e[10] || (e[10] = (l) => g("caption", l))
-              ],
-              class: "mb-4",
-              placeholder: ""
-            }, null, 8, ["modelValue"])) : p("", !0),
-            (B = i.inputOptions) != null && B.includes("caption") && h.value ? (n(), r(a(H), {
-              key: 2,
-              "model-value": o.value.caption_variant,
-              "group-name": "caption_variant",
-              alignment: "horizontal",
-              radio: [
-                {
-                  value: "hover",
-                  label: "Show on hover"
-                },
-                {
-                  value: "bottom",
-                  label: "Show on bottom"
-                }
-              ],
-              label: "Caption position",
-              "onUpdate:modelValue": e[11] || (e[11] = (l) => g("caption_variant", l))
-            }, null, 8, ["model-value"])) : p("", !0)
-          ]),
-          c("div", null, [
-            (S = i.inputOptions) != null && S.includes("lightbox") ? (n(), r(a(E), {
-              key: 0,
-              modelValue: I.value,
-              "onUpdate:modelValue": [
-                e[12] || (e[12] = (l) => I.value = l),
-                e[13] || (e[13] = (l) => g("lightbox", l))
-              ],
-              label: "Lightbox"
-            }, {
-              after: x(() => [
-                v(a(J), {
-                  position: "bottom",
-                  distance: 10,
-                  "popper-class": "bg-oc-bg-light min-w-[125px]"
-                }, {
-                  popper: x(() => e[14] || (e[14] = [
-                    c("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
-                  ])),
-                  default: x(() => [
-                    v(a(M), {
-                      name: "question-mark",
-                      width: "16",
-                      height: "16",
-                      class: "text-oc-accent-1-500"
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])) : p("", !0)
-          ])
-        ])
-      ]);
-    };
-  }
-};
-export {
-  te as default
-};