@orchidui/core 1.0.10 → 1.0.14

package/dist/{index-D87rwdFq.js → index-CLn3eQrV.js}

@@ -1,4 +1,4 @@
-import { computed as z, ref as M, onMounted as Ce, openBlock as t, createElementBlock as s, normalizeClass as f, renderSlot as S, createCommentVNode as m, createElementVNode as n, createBlock as p, unref as i, Fragment as L, renderList as R, withCtx as w, createTextVNode as W, toDisplayString as $, createVNode as h, mergeProps as F, normalizeProps as ve, guardReactiveProps as Ae, withModifiers as ye, defineComponent as Z, normalizeStyle as re, createSlots as ae, useSlots as ht, onBeforeUnmount as zt, withDirectives as Ie, vShow as ze, resolveDynamicComponent as bt, watch as fe, onUpdated as Nt, nextTick as Ye, reactive as Rt, Transition as je, useAttrs as Ft, withKeys as Ue, Teleport as Ut, onUnmounted as qt, defineAsyncComponent as de } from "vue";
+import { computed as z, ref as M, onMounted as Ce, openBlock as t, createElementBlock as s, normalizeClass as f, renderSlot as S, createCommentVNode as m, createElementVNode as n, createBlock as p, unref as i, Fragment as L, renderList as R, withCtx as w, createTextVNode as W, toDisplayString as $, createVNode as h, mergeProps as F, normalizeProps as ue, guardReactiveProps as Ie, withModifiers as ye, defineComponent as Z, normalizeStyle as re, createSlots as te, useSlots as ht, onBeforeUnmount as zt, withDirectives as Te, vShow as ze, resolveDynamicComponent as bt, watch as ve, onUpdated as Nt, nextTick as Ye, reactive as Rt, Transition as je, useAttrs as Ft, withKeys as Ue, Teleport as Ut, onUnmounted as qt, defineAsyncComponent as de } from "vue";
 import { S as Se } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as T } from "./OcIcon-CJgBICxh.js";
 import { clickOutside as wt } from "./directives/clickOutside.js";
@@ -287,7 +287,7 @@ const Gt = {
           W($(e.text), 1)
         ]) : S(l.$slots, "default", { key: 1 }, () => [
           n("div", Xt, [
-            h(i(Te), {
+            h(i(De), {
               "model-value": e.isChecked,
               "is-partial": e.isPartial,
               "onUpdate:modelValue": o[0] || (o[0] = (d) => l.$emit("selectAll", d))
@@ -386,7 +386,7 @@ const Gt = {
           onMouseover: u[1] || (u[1] = (b) => c.$emit("hover:field", a))
         }, [
           S(c.$slots, "default", {}, () => [
-            e.variant === r.CHECKBOX ? (t(), p(i(Te), {
+            e.variant === r.CHECKBOX ? (t(), p(i(De), {
               key: 0,
               "model-value": e.isSelected,
               class: f(["m-auto justify-center items-center", e.isSelected ? "flex" : e.isSimple ? "" : "md:hidden group-hover/row:flex"]),
@@ -442,7 +442,7 @@ const Gt = {
               link: e.link
             }, {
               default: w(() => [
-                h(i(le), ve(Ae(o.value)), null, 16)
+                h(i(ae), ue(Ie(o.value)), null, 16)
               ]),
               _: 1
             }, 8, ["link"])) : e.variant === r.DEFAULT ? (t(), p(i(Be), {
@@ -624,7 +624,7 @@ const Gt = {
               }, () => {
                 var C, j;
                 return [
-                  (C = d.value) != null && C[O] ? (t(), p(i(te), {
+                  (C = d.value) != null && C[O] ? (t(), p(i(le), {
                     key: 0,
                     class: "overflow-hidden w-[-webkit-fill-available]",
                     "arrow-hidden": "",
@@ -655,7 +655,7 @@ const Gt = {
               style: re(e.depth ? { paddingLeft: 12 + e.depth * 20 + "px" } : {})
             }, [
               W($(e.row.label) + " ", 1),
-              h(i(te), null, {
+              h(i(le), null, {
                 popper: w(() => [
                   n("div", al, $(e.row.infoText), 1)
                 ]),
@@ -696,7 +696,7 @@ const Gt = {
             headers: e.headers,
             value: e.value[x.key],
             depth: e.depth + 1
-          }, ae({ _: 2 }, [
+          }, te({ _: 2 }, [
             R(u.$slots, (D, C) => ({
               name: C,
               fn: w((j) => [
@@ -772,7 +772,7 @@ const Gt = {
           "is-loading": e.isLoading,
           "is-alternative": e.isAlternative,
           important: d.important
-        }, ae({ _: 2 }, [
+        }, te({ _: 2 }, [
           R(l.$slots, (u, v) => ({
             name: v,
             fn: w((b) => [
@@ -788,7 +788,7 @@ const Gt = {
         "is-alternative": e.isAlternative,
         value: e.fields[d.key],
         important: d.important
-      }, ae({ _: 2 }, [
+      }, te({ _: 2 }, [
         R(l.$slots, (u, v) => ({
           name: v,
           fn: w((b) => [
@@ -986,7 +986,7 @@ const Gt = {
           info: l.info,
           "icon-height": l.iconHeight,
           "icon-width": l.iconWidth
-        }, ae({ _: 2 }, [
+        }, te({ _: 2 }, [
           l.isWarning ? {
             name: "warning",
             fn: w(() => [
@@ -1090,11 +1090,11 @@ const Gt = {
               S(r.$slots, "title", {}, () => [
                 n("span", hl, $(e.title), 1)
               ]),
-              h(i(te), {
+              h(i(le), {
                 position: "top",
                 "popper-options": { strategy: "fixed" },
                 "popper-class": "rounded-sm"
-              }, ae({
+              }, te({
                 default: w(() => [
                   e.info ? (t(), p(i(T), {
                     key: 0,
@@ -1129,11 +1129,11 @@ const Gt = {
                     W($(e.content), 1)
                   ], 64)) : (t(), s("div", $l, [
                     n("div", kl, $(e.content), 1),
-                    h(i(te), {
+                    h(i(le), {
                       position: "top",
                       "popper-class": "rounded-sm",
                       "popper-options": { strategy: "fixed" }
-                    }, ae({
+                    }, te({
                       default: w(() => [
                         n("div", Sl, [
                           h(i(T), {
@@ -1248,16 +1248,16 @@ const Gt = {
               ])
             ]),
             e.variant !== "small" ? (t(), s("div", Pl, [
-              e.isBeneficiary ? m("", !0) : (t(), p(i(De), {
+              e.isBeneficiary ? m("", !0) : (t(), p(i(Ae), {
                 key: 0,
                 label: "Phone",
                 content: (x = e.customer) != null && x.phone_number_country_code && ((O = e.customer) != null && O.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (D = e.customer) != null && D.phone_number ? e.customer.phone_number : "-"
               }, null, 8, ["content"])),
-              e.isBeneficiary ? (t(), p(i(De), {
+              e.isBeneficiary ? (t(), p(i(Ae), {
                 key: 1,
                 label: "Email",
                 content: e.customer.email ?? "-"
-              }, null, 8, ["content"])) : (t(), p(i(De), {
+              }, null, 8, ["content"])) : (t(), p(i(Ae), {
                 key: 2,
                 label: "Address",
                 content: [
@@ -1332,7 +1332,7 @@ const Gt = {
     });
     return (c, u) => (t(), s("div", Nl, [
       e.hasFxData ? (t(), s("div", Rl, [
-        h(i(De), {
+        h(i(Ae), {
           class: "justify-between font-medium [&>span]:text-base",
           label: "FX Rate",
           content: `${a.value} 1 = ${l.value} ${e.transfer.exchange_rate}`,
@@ -1340,7 +1340,7 @@ const Gt = {
           "show-copy-tooltip": !1
         }, null, 8, ["content"])
       ])) : m("", !0),
-      h(i(De), {
+      h(i(Ae), {
         class: "justify-between font-medium [&>span]:text-base",
         label: "Fee",
         content: `${o.value} ${e.transfer.fee}`,
@@ -1348,7 +1348,7 @@ const Gt = {
         "show-copy-tooltip": !1
       }, null, 8, ["content"]),
       n("div", null, [
-        h(i(De), {
+        h(i(Ae), {
           class: "justify-between font-medium [&>span]:text-base",
           label: "Transfer type",
           content: `${d.value}`,
@@ -1543,7 +1543,7 @@ const Gt = {
               n("div", ia, [
                 n("span", sa, $(e.title), 1),
                 e.chips.length ? (t(), s("div", ra, [
-                  (t(!0), s(L, null, R(e.chips, (x, O) => (t(), p(i(le), F({
+                  (t(!0), s(L, null, R(e.chips, (x, O) => (t(), p(i(ae), F({
                     key: O,
                     class: "font-medium",
                     ref_for: !0
@@ -1578,7 +1578,7 @@ const Gt = {
             alt: x.method,
             src: x.svg
           }, null, 8, ma))), 128)),
-          a.value ? (t(), p(i(te), {
+          a.value ? (t(), p(i(le), {
             key: 0,
             position: "top-end",
             "popper-options": { strategy: "fixed" }
@@ -1659,7 +1659,7 @@ const Gt = {
                 e.title ? (t(), s("span", ba, $(e.title), 1)) : m("", !0)
               ]),
               e.chips.length ? (t(), s("div", wa, [
-                (t(!0), s(L, null, R(e.chips, (u, v) => (t(), p(i(le), {
+                (t(!0), s(L, null, R(e.chips, (u, v) => (t(), p(i(ae), {
                   key: v,
                   label: u.label,
                   variant: u.variant,
@@ -1778,7 +1778,7 @@ const Gt = {
           n("div", Ta, [
             e.title ? (t(), s("span", Da, $(e.title), 1)) : m("", !0),
             e.chips.length ? (t(), s("div", Aa, [
-              (t(!0), s(L, null, R(e.chips, (o, d) => (t(), p(i(le), {
+              (t(!0), s(L, null, R(e.chips, (o, d) => (t(), p(i(ae), {
                 key: d,
                 label: o.label,
                 variant: o.variant,
@@ -1851,7 +1851,7 @@ const Gt = {
             d[2] || (d[2] = n("span", { class: "text-oc-text-300" }, "Last updated : ", -1)),
             n("span", Ya, $(i(K)(e.page.updated_at).format("DD MMM YYYY")), 1)
           ]),
-          h(i(le), {
+          h(i(ae), {
             class: "ml-auto md:ml-0",
             variant: e.page.enabled ? "primary" : "gray"
           }, {
@@ -1932,7 +1932,7 @@ const Gt = {
               n("div", Ja, [
                 e.title ? (t(), s("span", Za, $(e.title), 1)) : m("", !0),
                 e.chips.length ? (t(), s("div", Qa, [
-                  (t(!0), s(L, null, R(e.chips, (v, b) => (t(), p(i(le), {
+                  (t(!0), s(L, null, R(e.chips, (v, b) => (t(), p(i(ae), {
                     key: b,
                     label: v.label,
                     variant: v.variant,
@@ -1978,7 +1978,7 @@ const Gt = {
           ])
         ])
       ], 2),
-      Ie(n("div", an, [
+      Te(n("div", an, [
         S(c.$slots, "content")
       ], 512), [
         [ze, o.value]
@@ -2050,11 +2050,11 @@ const Gt = {
       onEdit: o[1] || (o[1] = (d) => l.$emit("edit")),
       onDelete: o[2] || (o[2] = (d) => l.$emit("delete")),
       onClick: o[3] || (o[3] = (d) => l.$emit("click:item"))
-    }), ae({ _: 2 }, [
+    }), te({ _: 2 }, [
       R(l.$slots, (d, c) => ({
         name: c,
         fn: w((u) => [
-          S(l.$slots, c, ve(Ae(u)))
+          S(l.$slots, c, ue(Ie(u)))
         ])
       }))
     ]), 1040, ["class"]));
@@ -2089,7 +2089,7 @@ const Gt = {
       }, 8, ["value"])) : m("", !0)
     ]));
   }
-}), De = {
+}), Ae = {
   __name: "OcListDetail",
   props: {
     label: {
@@ -2179,7 +2179,7 @@ const Gt = {
         class: f(["flex items-start text-oc-text-400 font-medium text-[10px]", e.titleClass])
       }, [
         n("div", cn, $(e.title), 1),
-        e.titleIconTooltip ? (t(), p(i(te), {
+        e.titleIconTooltip ? (t(), p(i(le), {
           key: 0,
           "popper-class": "w-max bg-oc-bg",
           position: "top-start"
@@ -2449,7 +2449,7 @@ const Gt = {
     const r = M(), a = e, l = async (o) => {
       await Ye(), r.value && (r.value.style.maxHeight = o ? "max-content" : "0");
     };
-    return fe(() => a.isExpandable, l), Nt(() => {
+    return ve(() => a.isExpandable, l), Nt(() => {
       l(a.isExpandable);
     }), (o, d) => (t(), s("div", {
       class: f(e.isDisabled && "opacity-60")
@@ -2555,7 +2555,7 @@ const Gt = {
     }, o = () => {
       a.value = !a.value, l();
     };
-    return fe(() => r.value, l), (d, c) => (t(), s("div", {
+    return ve(() => r.value, l), (d, c) => (t(), s("div", {
       class: f(["hover:bg-oc-gray-50 border overflow-hidden", e.isBorder ? "border-oc-gray-200 rounded" : "border-transparent"])
     }, [
       n("div", {
@@ -2629,7 +2629,7 @@ const Gt = {
     };
     return Ce(() => {
       y(), a.isArrows && O();
-    }), fe(
+    }), ve(
       () => a.tabs,
       () => {
         y();
@@ -2637,7 +2637,7 @@ const Gt = {
       {
         deep: !0
       }
-    ), fe(
+    ), ve(
       () => a.modelValue,
       () => {
         O();
@@ -2828,7 +2828,7 @@ const Gt = {
         ref_for: !0
       }, l, {
         onClick: (o) => r.$emit("update:modelValue", l.isDisabled ? e.modelValue : l.value)
-      }), ae({ _: 2 }, [
+      }), te({ _: 2 }, [
         R(r.$slots, (o, d) => ({
           name: d,
           fn: w((c) => [
@@ -2992,7 +2992,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       const v = (u == null ? void 0 : u.target) || d.value[r.menus.indexOf(l.value)];
       o.value.style.width = `${v.offsetWidth}px`, o.value.style.left = `${v.offsetLeft}px`;
     };
-    return fe(
+    return ve(
       () => r.modelValue,
       () => c()
     ), Ce(() => c()), (u, v) => (t(), s(L, null, [
@@ -3068,7 +3068,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         S(r.$slots, "title", {}, () => [
           n("span", fo, $(e.title), 1)
         ]),
-        e.chipProps ? (t(), p(i(le), ve(F({ key: 0 }, e.chipProps)), null, 16)) : m("", !0)
+        e.chipProps ? (t(), p(i(ae), ue(F({ key: 0 }, e.chipProps)), null, 16)) : m("", !0)
       ]),
       e.description || r.$slots.description ? (t(), s("div", vo, [
         S(r.$slots, "description", {}, () => [
@@ -3166,7 +3166,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         }, 8, ["value"])
       ])) : m("", !0),
       S(a.$slots, "mobile-amount"),
-      e.chipProps ? (t(), p(i(le), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : m("", !0)
+      e.chipProps ? (t(), p(i(ae), F({ key: 1 }, e.chipProps, { class: "self-start" }), null, 16)) : m("", !0)
     ]));
   }
 }), $o = { class: "md:pb-5 pb-4 flex flex-col" }, ko = { class: "flex flex-col gap-y-3 pt-4 md:pt-5 px-5 md:px-10" }, rm = {
@@ -3213,7 +3213,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             "tooltip-options": e.tooltipOptions,
             "is-copy": e.isCopy,
             class: "flex-1"
-          }, ae({ _: 2 }, [
+          }, te({ _: 2 }, [
             r.$slots.title ? {
               name: "title",
               fn: w(() => [
@@ -3292,7 +3292,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       return t(), s("div", {
         class: f(["p-1 gap-x-1 rounded-sm border text-oc-text-400 flex hover:bg-oc-bg group hover:border-oc-accent-1-100", c.value ? "bg-oc-bg border-oc-accent-1-100" : "border-transparent"])
       }, [
-        (D = e.primaryActions) != null && D.mainLinkAction ? (t(), p(i(te), {
+        (D = e.primaryActions) != null && D.mainLinkAction ? (t(), p(i(le), {
           key: 0,
           position: "top",
           "arrow-hidden": "",
@@ -3324,7 +3324,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           var k;
           return t(), s(L, { key: j }, [
             (k = e.primaryActions) != null && k.mainLinkAction || j > 0 ? (t(), s("div", Vo)) : m("", !0),
-            h(i(te), {
+            h(i(le), {
               position: "top",
               "arrow-hidden": "",
               distance: 7
@@ -3381,7 +3381,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                 ]),
                 (j = e.primaryActions.dropdownOptions) != null && j.bottom ? (t(), s("div", To, [
                   (t(!0), s(L, null, R((k = e.primaryActions.dropdownOptions) == null ? void 0 : k.bottom, (B, g) => (t(), s("div", { key: g }, [
-                    B != null && B.tooltipText ? (t(), p(i(te), {
+                    B != null && B.tooltipText ? (t(), p(i(le), {
                       key: 0,
                       position: "bottom",
                       distance: 14,
@@ -3408,7 +3408,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             ];
           }),
           default: w(() => [
-            h(i(te), {
+            h(i(le), {
               position: "top",
               "arrow-hidden": "",
               distance: 7
@@ -3467,7 +3467,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         ]),
         _: 1
       }, 8, ["modelValue"])) : m("", !0),
-      e.primaryButtonProps && e.primaryButtonProps.tooltip ? (t(), p(i(te), {
+      e.primaryButtonProps && e.primaryButtonProps.tooltip ? (t(), p(i(le), {
         key: 1,
         position: "top",
         distance: 4,
@@ -3687,7 +3687,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ], 2))), 128))
     ], 2));
   }
-}, qo = { class: "flex gap-3 items-center" }, Ho = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, le = {
+}, qo = { class: "flex gap-3 items-center" }, Ho = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, ae = {
   __name: "OcChip",
   props: {
     variant: {
@@ -3776,7 +3776,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     }, [
       S(o.$slots, "default", {}, () => [
         n("div", qo, [
-          e.iconTooltip && e.icon ? (t(), p(i(te), {
+          e.iconTooltip && e.icon ? (t(), p(i(le), {
             key: 0,
             position: "top",
             distance: 10
@@ -3869,11 +3869,11 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             n("div", Xo, [
               e.paymentStatus ? (t(), s("div", Jo, [
                 a[1] || (a[1] = n("span", { class: "flex-1" }, "Payment", -1)),
-                h(le, ve(Ae(e.paymentStatus)), null, 16)
+                h(ae, ue(Ie(e.paymentStatus)), null, 16)
               ])) : m("", !0),
               e.paymentStatus ? (t(), s("div", Zo, [
                 a[2] || (a[2] = n("span", { class: "flex-1" }, "Payout", -1)),
-                h(le, ve(Ae(e.payoutStatus)), null, 16)
+                h(ae, ue(Ie(e.payoutStatus)), null, 16)
               ])) : m("", !0)
             ])
           ])
@@ -4138,7 +4138,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         n("div", fi, [
           n("div", vi, [
             n("span", gi, $(e.title), 1),
-            e.chipOptions ? (t(), p(i(le), ve(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
+            e.chipOptions ? (t(), p(i(ae), ue(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
           ]),
           n("span", {
             class: f(["flex gap-x-4 items-center text-xl group-hover:text-oc-text", e.isActive ? "text-oc-text" : "text-oc-text-400"])
@@ -4151,7 +4151,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             W(" " + $(e.content), 1)
           ], 2)
         ]),
-        e.isDropdown ? (t(), p(i(G), ve(F({ key: 0 }, e.dropdownOptions)), null, 16)) : m("", !0)
+        e.isDropdown ? (t(), p(i(G), ue(F({ key: 0 }, e.dropdownOptions)), null, 16)) : m("", !0)
       ]))
     ], 2));
   }
@@ -4237,10 +4237,10 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             ]),
             _: 1
           }, 16, ["modelValue"]),
-          h(i(te), {
+          h(i(le), {
             "popper-options": { strategy: "fixed" },
             position: "top"
-          }, ae({
+          }, te({
             default: w(() => [
               h(i(G), F({
                 variant: "secondary",
@@ -4361,44 +4361,59 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     const r = M(!1);
     return (a, l) => (t(), s("div", null, [
       h(lt, { class: "!flex-nowrap flex-col w-full" }, {
-        default: w(() => [
-          n("div", Ai, [
-            (t(!0), s(L, null, R(e.boxes[0].items.slice(0, 2), (o, d) => (t(), p(i(qe), {
-              key: d,
+        default: w(() => {
+          var o, d;
+          return [
+            n("div", Ai, [
+              (t(!0), s(L, null, R((o = e.boxes[0]) == null ? void 0 : o.items.slice(0, 2), (c, u) => (t(), p(i(qe), F({
+                key: u,
+                "is-transparent": "",
+                title: c.title,
+                content: c.content,
+                class: c.class,
+                "is-loading": c.isLoading,
+                ref_for: !0
+              }, c), te({ _: 2 }, [
+                c.slot && a.$slots[c.slot] ? {
+                  name: "content",
+                  fn: w(() => [
+                    S(a.$slots, c.slot, {
+                      data: c.content
+                    })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["title", "content", "class", "is-loading"]))), 128)),
+              (d = e.boxes[0]) != null && d.showInfo ? (t(), s("div", ji, [
+                h(i(le), null, {
+                  popper: w(() => {
+                    var c;
+                    return [
+                      n("div", Mi, $((c = e.boxes[0]) == null ? void 0 : c.infoTooltip), 1)
+                    ];
+                  }),
+                  default: w(() => [
+                    h(i(T), {
+                      width: "16",
+                      height: "16",
+                      class: "!w-[20px] !h-[20px] text-oc-text-300",
+                      name: "information"
+                    })
+                  ]),
+                  _: 1
+                })
+              ])) : m("", !0)
+            ]),
+            h(i(G), {
+              class: "self-start px-3",
+              label: "See details ->",
+              size: "small",
               "is-transparent": "",
-              title: o.title,
-              content: o.content
-            }, {
-              default: w(() => [
-                a.box.showInfo ? (t(), s("div", ji, [
-                  h(i(te), null, {
-                    popper: w(() => [
-                      n("div", Mi, $(a.box.infoTooltip), 1)
-                    ]),
-                    default: w(() => [
-                      h(i(T), {
-                        width: "16",
-                        height: "16",
-                        class: "!w-[20px] !h-[20px] text-oc-text-300",
-                        name: "information"
-                      })
-                    ]),
-                    _: 1
-                  })
-                ])) : m("", !0)
-              ]),
-              _: 2
-            }, 1032, ["title", "content"]))), 128))
-          ]),
-          h(i(G), {
-            class: "self-start px-3",
-            label: "See details ->",
-            size: "small",
-            "is-transparent": "",
-            onClick: l[0] || (l[0] = (o) => r.value = !0)
-          })
-        ]),
-        _: 1
+              onClick: l[0] || (l[0] = (c) => r.value = !0)
+            })
+          ];
+        }),
+        _: 3
       }),
       h(je, { name: "slow-fade" }, {
         default: w(() => [
@@ -4436,7 +4451,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     class: c.class,
                     "is-loading": c.isLoading,
                     ref_for: !0
-                  }, c), ae({ _: 2 }, [
+                  }, c), te({ _: 2 }, [
                     c.slot && a.$slots[c.slot] ? {
                       name: "content",
                       fn: w(() => [
@@ -4495,7 +4510,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               "is-loading": d.isLoading,
               content: d.content,
               ref_for: !0
-            }, d), ae({ _: 2 }, [
+            }, d), te({ _: 2 }, [
               d.slot && r.$slots[d.slot] ? {
                 name: "content",
                 fn: w(() => [
@@ -4510,7 +4525,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               key: 2,
               class: f(["p-2", l.infoTooltipStyle])
             }, [
-              h(i(te), { "popper-options": { strategy: "fixed" } }, {
+              h(i(le), { "popper-options": { strategy: "fixed" } }, {
                 popper: w(() => [
                   S(r.$slots, l.infoTooltipSlot, {}, () => [
                     n("div", Ri, $(l.infoTooltip), 1)
@@ -4539,7 +4554,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           class: "max-w-[300px]",
           onAddCustomer: a[0] || (a[0] = (l) => r.$emit("addCustomer")),
           onEditCustomer: a[1] || (a[1] = (l) => r.$emit("editCustomer", l))
-        }, ae({ _: 2 }, [
+        }, te({ _: 2 }, [
           r.$slots["customer-leading"] ? {
             name: "leading",
             fn: w(() => [
@@ -4563,7 +4578,14 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         "customer-card-variant": e.customerCardVariant,
         customer: e.customer,
         onAddCustomer: a[2] || (a[2] = (l) => r.$emit("addCustomer"))
-      }, null, 8, ["boxes", "is-customer", "customer-card-variant", "customer"])
+      }, te({ _: 2 }, [
+        R(r.$slots, (l, o) => ({
+          name: o,
+          fn: w((d) => [
+            S(r.$slots, o, ue(Ie(d)))
+          ])
+        }))
+      ]), 1032, ["boxes", "is-customer", "customer-card-variant", "customer"])
     ], 64));
   }
 }, Ui = { class: "md:pt-5 pt-0 md:px-10 px-5" }, qi = { class: "flex items-center gap-x-3" }, Hi = { class: "font-medium" }, Yi = { class: "flex items-center gap-x-2 max-w-full" }, Wi = ["href"], Ki = { class: "truncate" }, Gi = { class: "text-oc-text whitespace-nowrap" }, fm = {
@@ -4625,7 +4647,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         title: w(() => [
           n("div", qi, [
             n("span", Hi, $(e.additionalTitle), 1),
-            e.chipVariant ? (t(), p(i(le), {
+            e.chipVariant ? (t(), p(i(ae), {
               key: 0,
               variant: e.chipVariant,
               label: e.chipLabel
@@ -4660,11 +4682,11 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         class: f(e.additionalStyling),
         onAddCustomer: o[0] || (o[0] = (d) => l.$emit("addCustomer")),
         onEditCustomer: o[1] || (o[1] = (d) => l.$emit("editCustomer", d))
-      }, ae({ _: 2 }, [
+      }, te({ _: 2 }, [
         R(l.$slots, (d, c) => ({
           name: c,
           fn: w((u) => [
-            S(l.$slots, c, ve(Ae(u)))
+            S(l.$slots, c, ue(Ie(u)))
           ])
         }))
       ]), 1032, ["boxes", "customer-card-variant", "customer", "is-customer", "customer-is-hover", "customer-is-edit", "class"])) : e.variant === "balance" ? (t(), p(Bi, {
@@ -4681,11 +4703,11 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         class: f(e.additionalStyling),
         "is-loading": e.isLoading,
         onChangeTab: o[2] || (o[2] = (d) => l.$emit("changeTab", d))
-      }, ae({ _: 2 }, [
+      }, te({ _: 2 }, [
         R(l.$slots, (d, c) => ({
           name: c,
           fn: w((u) => [
-            S(l.$slots, c, ve(Ae(u)))
+            S(l.$slots, c, ue(Ie(u)))
           ])
         }))
       ]), 1032, ["overview-items", "overview-tabs", "secondary-button-props", "more-button-props", "overview-active-tab", "container-class", "payment-methods", "dropdown-items", "dropdown-props", "class", "is-loading"])) : m("", !0)
@@ -4726,7 +4748,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               key: o.title,
               class: "rounded bg-white flex flex-col gap-2 p-6 items-center justify-center relative"
             }, [
-              o.comingSoon ? (t(), p(i(le), {
+              o.comingSoon ? (t(), p(i(ae), {
                 key: 0,
                 variant: "accent-2",
                 label: "Coming soon",
@@ -4759,7 +4781,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
   setup(e) {
     return (r, a) => (t(), s("div", ls, [
       n("span", as, $(e.title), 1),
-      e.chipProps ? (t(), p(i(le), F({
+      e.chipProps ? (t(), p(i(ae), F({
         key: 0,
         class: "absolute left-[40px]"
       }, e.chipProps), null, 16)) : m("", !0)
@@ -4815,7 +4837,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         class: f(e.iconClass)
       }, null, 8, ["name", "width", "height", "class"])) : m("", !0),
       n("span", null, $(e.title), 1),
-      e.chipProps ? (t(), p(i(le), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : m("", !0)
+      e.chipProps ? (t(), p(i(ae), F({ key: 1 }, e.chipProps, { class: "absolute top-0 -translate-y-1/2 sm:right-9" }), null, 16)) : m("", !0)
     ], 2));
   }
 }), ss = { class: "flex items-center" }, rs = { class: "flex flex-1 items-center gap-x-3" }, ds = { class: "font-medium text-lg" }, xm = /* @__PURE__ */ Z({
@@ -4847,7 +4869,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           S(r.$slots, "title", {}, () => [
             n("span", ds, $(e.title), 1)
           ]),
-          e.chipOptions ? (t(), p(i(le), ve(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
+          e.chipOptions ? (t(), p(i(ae), ue(F({ key: 0 }, e.chipOptions)), null, 16)) : m("", !0)
         ]),
         e.isActive ? (t(), p(i(T), {
           key: 0,
@@ -4953,14 +4975,14 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       warning: "bg-oc-warning-100",
       gray: "bg-oc-gray-200"
     }, d = M(), c = M(), u = z(() => r.size === "small"), v = z(() => r.size === "big");
-    return fe(
+    return ve(
       () => r.modelValue,
       async () => {
         await Ye(), c.value = (document.body.clientWidth - d.value.clientWidth) / 2;
       }
     ), (b, y) => (t(), p(je, { name: e.transitionName }, {
       default: w(() => [
-        Ie(n("div", {
+        Te(n("div", {
           ref_key: "snackBar",
           ref: d,
           class: f([[
@@ -5093,7 +5115,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     });
     return (l, o) => (t(), p(je, { name: e.transitionName }, {
       default: w(() => [
-        Ie(n("div", {
+        Te(n("div", {
           class: f([i(a)[e.color], "border rounded-lg banner relative overflow-hidden"])
         }, [
           n("div", {
@@ -5145,7 +5167,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
     }
   },
   setup(e) {
-    return (r, a) => e.isOnlyIcon ? (t(), p(i(te), ve(F({ key: 0 }, e.tooltipOptions)), {
+    return (r, a) => e.isOnlyIcon ? (t(), p(i(le), ue(F({ key: 0 }, e.tooltipOptions)), {
       popper: w(() => [
         n("div", $s, $(e.text), 1)
       ]),
@@ -5202,7 +5224,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           W($(e.label) + " ", 1),
           e.isRequired ? (t(), s("span", Os, "*")) : m("", !0)
         ]),
-        e.labelIcon ? (t(), p(i(te), ve(F({ key: 0 }, e.tooltipOptions)), {
+        e.labelIcon ? (t(), p(i(le), ue(F({ key: 0 }, e.tooltipOptions)), {
           popper: w(() => [
             S(r.$slots, "tooltipText", {}, () => [
               e.tooltipText ? (t(), s("div", Bs, $(e.tooltipText), 1)) : m("", !0)
@@ -5392,7 +5414,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       _: 1
     }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
   }
-}, Ls = ["value", "checked", "disabled"], Te = {
+}, Ls = ["value", "checked", "disabled"], De = {
   __name: "OcCheckbox",
   props: {
     modelValue: Boolean,
@@ -5512,7 +5534,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         n("div", {
           class: f(["flex", o.value[e.alignment]])
         }, [
-          e.isSelectAll ? (t(), p(i(Te), {
+          e.isSelectAll ? (t(), p(i(De), {
             key: 0,
             label: "Select all",
             "is-disabled": e.isDisabled,
@@ -5521,7 +5543,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             "is-button-variant": e.isButtonVariant,
             "onUpdate:modelValue": b
           }, null, 8, ["is-disabled", "value", "model-value", "is-button-variant"])) : m("", !0),
-          (t(!0), s(L, null, R(e.checkboxes, (O, D) => (t(), p(i(Te), {
+          (t(!0), s(L, null, R(e.checkboxes, (O, D) => (t(), p(i(De), {
             key: D,
             label: O.label,
             value: O.value,
@@ -5695,7 +5717,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       "label-icon": e.labelIcon,
       "tooltip-text": e.tooltipText,
       "tooltip-options": e.tooltipOptions
-    }, ae({
+    }, te({
       default: w(() => [
         n("div", {
           class: f(["rounded h-[36px] border flex items-center gap-x-3 px-3 cursor-pointer", u.value]),
@@ -5831,7 +5853,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         j != null && j.trim() && (!l.allowDuplicated && ((k = d.value) != null && k.includes(j)) || (d.value.push(j), o("option-added", j)));
       }), C.length && (u.value = "", o("update:modelValue", d.value));
     };
-    return fe(
+    return ve(
       () => l.modelValue,
       () => {
         d.value = [...l.modelValue || []];
@@ -5871,13 +5893,13 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     options: y.value,
                     areAllOptionsVisible: v.value
                   }, () => [
-                    (t(!0), s(L, null, R(y.value, (B, g) => (t(), p(i(le), {
+                    (t(!0), s(L, null, R(y.value, (B, g) => (t(), p(i(ae), {
                       key: `${B}-${g}`,
                       closable: "",
                       label: B,
                       onRemove: (I) => x(B)
                     }, null, 8, ["label", "onRemove"]))), 128)),
-                    d.value.length > e.maxVisibleOptions ? (t(), p(i(le), {
+                    d.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
                       key: 0,
                       variant: "gray",
                       onClick: C[0] || (C[0] = (B) => v.value = !v.value)
@@ -6160,7 +6182,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               class: f({ "text-sm": !e.isButtonVariantWithRadio })
             }, $(e.label), 3)) : m("", !0)
           ]),
-          e.labelIcon ? (t(), p(i(te), ve(F({ key: 2 }, e.tooltipOptions)), {
+          e.labelIcon ? (t(), p(i(le), ue(F({ key: 2 }, e.tooltipOptions)), {
             popper: w(() => [
               S(r.$slots, "tooltipText", {}, () => [
                 e.tooltipText ? (t(), s("div", or, $(e.tooltipText), 1)) : m("", !0)
@@ -6487,9 +6509,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         D.value.map((P) => P.value)
       ));
     }, g = M();
-    fe(D, () => {
+    ve(D, () => {
       x.value = (/* @__PURE__ */ new Date()).toISOString();
-    }), fe(c, (P) => {
+    }), ve(c, (P) => {
       if (!P) {
         o("close");
         return;
@@ -6505,8 +6527,8 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         var se;
         let X, ee;
         if (Array.isArray(l.modelValue) ? X = l.modelValue[0] ?? null : X = l.modelValue, !X) return;
-        D.value.find((ue, be) => {
-          if (ue.value === X)
+        D.value.find((me, be) => {
+          if (me.value === X)
             return ee = be, !0;
         });
         const _ = b.value[ee], oe = (se = _ == null ? void 0 : _.optionItemRef) == null ? void 0 : se.offsetTop;
@@ -6531,7 +6553,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       "label-icon": e.labelIcon,
       "tooltip-text": e.tooltipText,
       "tooltip-options": e.tooltipOptions
-    }, ae({
+    }, te({
       tooltipText: w(() => [
         P.$slots.selectTooltipText ? (t(), s("div", hr, [
           S(P.$slots, "selectTooltipText")
@@ -6654,7 +6676,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             }, [
               e.multiple ? (t(), s("div", mr, [
                 S(P.$slots, "selection", {}, () => [
-                  (t(!0), s(L, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), p(i(le), F({
+                  (t(!0), s(L, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), p(i(ae), F({
                     key: U.value,
                     closable: "",
                     variant: U.variant,
@@ -6664,7 +6686,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     "should-truncate-chip": "",
                     onRemove: (H) => k(U.value)
                   }), null, 16, ["variant", "label", "onRemove"]))), 128)),
-                  e.maxVisibleOptions && C.value.length > e.maxVisibleOptions ? (t(), p(i(le), {
+                  e.maxVisibleOptions && C.value.length > e.maxVisibleOptions ? (t(), p(i(ae), {
                     key: 0,
                     label: `+${C.value.length - e.maxVisibleOptions}`
                   }, null, 8, ["label"])) : m("", !0)
@@ -6682,7 +6704,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 "input-class": "!border-none !shadow-none",
                 "is-readonly": !c.value,
                 onKeyup: A[2] || (A[2] = Ue((U) => c.value = !1, ["enter"]))
-              }, ae({ _: 2 }, [
+              }, te({ _: 2 }, [
                 c.value ? {
                   name: "icon",
                   fn: w(() => [
@@ -6764,7 +6786,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         }]),
         onClick: o[0] || (o[0] = (d) => l.$emit("select"))
       }, [
-        e.isCheckboxes ? (t(), p(i(Te), {
+        e.isCheckboxes ? (t(), p(i(De), {
           key: 0,
           "model-value": !!e.isSelected,
           "is-partial": e.isPartial,
@@ -7107,8 +7129,8 @@ var Pt = { exports: {} };
       B = k, g = v && v.formats;
       for (var I = (k = B.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, X, ee) {
         var _ = ee && ee.toUpperCase();
-        return X || g[ee] || a[ee] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, se, ue) {
-          return se || ue.slice(1);
+        return X || g[ee] || a[ee] || g[_].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(oe, se, me) {
+          return se || me.slice(1);
         });
       })).match(l), V = I.length, N = 0; N < V; N += 1) {
         var E = I[N], P = C[E], A = P && P[0], U = P && P[1];
@@ -7119,15 +7141,15 @@ var Pt = { exports: {} };
           var oe = I[ee];
           if (typeof oe == "string") _ += oe.length;
           else {
-            var se = oe.regex, ue = oe.parser, be = H.slice(_), we = se.exec(be)[0];
-            ue.call(X, we), H = H.replace(we, "");
+            var se = oe.regex, me = oe.parser, be = H.slice(_), we = se.exec(be)[0];
+            me.call(X, we), H = H.replace(we, "");
           }
         }
-        return function(me) {
-          var $e = me.afternoon;
+        return function(fe) {
+          var $e = fe.afternoon;
           if ($e !== void 0) {
-            var ie = me.hours;
-            $e ? ie < 12 && (me.hours += 12) : ie === 12 && (me.hours = 0), delete me.afternoon;
+            var ie = fe.hours;
+            $e ? ie < 12 && (fe.hours += 12) : ie === 12 && (fe.hours = 0), delete fe.afternoon;
           }
         }(X), X;
       };
@@ -7141,22 +7163,22 @@ var Pt = { exports: {} };
         var U = A[1];
         if (typeof U == "string") {
           var H = A[2] === !0, X = A[3] === !0, ee = H || X, _ = A[2];
-          X && (_ = A[2]), v = this.$locale(), !H && _ && (v = g.Ls[_]), this.$d = function(be, we, me, $e) {
+          X && (_ = A[2]), v = this.$locale(), !H && _ && (v = g.Ls[_]), this.$d = function(be, we, fe, $e) {
             try {
               if (["x", "X"].indexOf(we) > -1) return new Date((we === "X" ? 1e3 : 1) * be);
               var ie = j(we)(be), Ve = ie.year, ke = ie.month, Q = ie.day, Oe = ie.hours, q = ie.minutes, J = ie.seconds, Y = ie.milliseconds, ce = ie.zone, Pe = ie.week, Ge = /* @__PURE__ */ new Date(), Xe = Q || (Ve || ke ? 1 : Ge.getDate()), Je = Ve || Ge.getFullYear(), Ne = 0;
               Ve && !ke || (Ne = ke > 0 ? ke - 1 : Ge.getMonth());
               var Re, Ze = Oe || 0, Qe = q || 0, _e = J || 0, et = Y || 0;
-              return ce ? new Date(Date.UTC(Je, Ne, Xe, Ze, Qe, _e, et + 60 * ce.offset * 1e3)) : me ? new Date(Date.UTC(Je, Ne, Xe, Ze, Qe, _e, et)) : (Re = new Date(Je, Ne, Xe, Ze, Qe, _e, et), Pe && (Re = $e(Re).week(Pe).toDate()), Re);
+              return ce ? new Date(Date.UTC(Je, Ne, Xe, Ze, Qe, _e, et + 60 * ce.offset * 1e3)) : fe ? new Date(Date.UTC(Je, Ne, Xe, Ze, Qe, _e, et)) : (Re = new Date(Je, Ne, Xe, Ze, Qe, _e, et), Pe && (Re = $e(Re).week(Pe).toDate()), Re);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
           }(E, U, P, g), this.init(), _ && _ !== !0 && (this.$L = this.locale(_).$L), ee && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), v = {};
         } else if (U instanceof Array) for (var oe = U.length, se = 1; se <= oe; se += 1) {
           A[1] = U[se - 1];
-          var ue = g.apply(this, A);
-          if (ue.isValid()) {
-            this.$d = ue.$d, this.$L = ue.$L, this.init();
+          var me = g.apply(this, A);
+          if (me.isValid()) {
+            this.$d = me.$d, this.$L = me.$L, this.init();
             break;
           }
           se === oe && (this.$d = /* @__PURE__ */ new Date(""));
@@ -7355,7 +7377,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
       y.value = null, D.value ? b.value = b.value.subtract(11, "year") : o.value = o.value.subtract(1, "year");
     }, se = () => {
       y.value = null, D.value ? b.value = b.value.add(11, "year") : o.value = o.value.add(1, "year");
-    }, ue = () => {
+    }, me = () => {
       D.value = !1, C.value = !C.value;
     }, be = (q) => {
       const J = o.value.date(q);
@@ -7365,11 +7387,11 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
       N.value.to,
       null,
       "[]"
-    ) : !1 : u.value && v.value && u.value <= q && v.value >= q, me = (q) => {
+    ) : !1 : u.value && v.value && u.value <= q && v.value >= q, fe = (q) => {
       const J = o.value.date(q);
       return a.disabledDate(J.toDate()) || a.minDate && J.isBefore(K(a.minDate), "day") || a.maxDate && J.isAfter(K(a.maxDate), "day");
     }, $e = () => {
-      j.value && (me(d.value.toDate()) || me(c.value.toDate())) || (O.value = !1, l(
+      j.value && (fe(d.value.toDate()) || fe(c.value.toDate())) || (O.value = !1, l(
         "update:modelValue",
         j.value ? [N.value.from, N.value.to].map((q) => q.toDate()) : d.value.toDate()
       ));
@@ -7454,7 +7476,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
           default: w(() => [
             n("span", {
               class: f([[x.value ? "pointer-events-none opacity-[.35]" : ""], "cursor-pointer hover:opacity-50 transition"]),
-              onClick: ye(ue, ["stop"])
+              onClick: ye(me, ["stop"])
             }, $(g.value), 3)
           ]),
           _: 1
@@ -7484,7 +7506,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
             key: Y,
             class: f(["w-9 rounded-full flex cursor-pointer items-center relative justify-center h-9", [
               be(Y) ? "bg-oc-primary text-white" : "hover:bg-oc-primary-50-tr",
-              me(Y) ? "pointer-events-none opacity-[.35]" : "",
+              fe(Y) ? "pointer-events-none opacity-[.35]" : "",
               j.value ? {
                 ...we(Y) && {
                   "before:bg-oc-primary-50-tr before:px-3 before:w-[calc(100%+0.5rem)] before:h-full before:absolute": !0,
@@ -7501,7 +7523,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
       ], 32),
       S(q.$slots, "bottom", {}, () => [
         e.isIndefinite ? (t(), s("span", hd, [
-          h(i(Te), {
+          h(i(De), {
             modelValue: x.value,
             "onUpdate:modelValue": [
               J[3] || (J[3] = (Y) => x.value = Y),
@@ -7805,7 +7827,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       n("div", Ad, [
         n("div", jd, [
           W($(e.title) + " ", 1),
-          h(i(te), {
+          h(i(le), {
             position: "top",
             distance: 4
           }, {
@@ -8219,7 +8241,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         S(P.$slots, "hint")
       ]),
       default: w(() => {
-        var U, H, X, ee, _, oe, se, ue, be, we, me, $e, ie, Ve, ke;
+        var U, H, X, ee, _, oe, se, me, be, we, fe, $e, ie, Ve, ke;
         return [
           e.isImageOnly ? (t(), p(Kd, {
             key: 0,
@@ -8308,7 +8330,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                !((be = (ue = k.value) == null ? void 0 : ue.file) != null && be.type.includes("video")) && y.value ? (t(), p(i(ot), {
+                !((be = (me = k.value) == null ? void 0 : me.file) != null && be.type.includes("video")) && y.value ? (t(), p(i(ot), {
                   key: 2,
                   modelValue: y.value,
                   "onUpdate:modelValue": A[14] || (A[14] = (Q) => y.value = Q),
@@ -8330,7 +8352,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   ]),
                   n("div", {
                     class: f([e.shouldTruncateFileName ? "truncate max-w-[250px]" : ""])
-                  }, $((me = k.value) == null ? void 0 : me.fileName), 3)
+                  }, $((fe = k.value) == null ? void 0 : fe.fileName), 3)
                 ]),
                 n("div", ic, [
                   n("div", {
@@ -8964,14 +8986,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     }, v = (O) => {
       o.isAttachToBody && !o.preventClickOutside && d.value.checkElementIsInsidePopper(O.target) || o.modelValue && !o.preventClickOutside && l("update:modelValue", !1);
     }, b = M(), y = M(0);
-    return fe(() => o.modelValue, async () => {
+    return ve(() => o.modelValue, async () => {
       const O = window.innerHeight || document.documentElement.clientHeight, D = b.value.getBoundingClientRect().top, C = O - b.value.getBoundingClientRect().bottom, j = Math.max(D, C), B = j - (2 + (j === D ? 2.5 : 0)) * 16;
       y.value = B > 0 ? B : 0, d.value.popperInstance.update();
     }), r({
       dropdownScroll: c,
       toggleDropdown: u,
       popper: d
-    }), (O, D) => Ie((t(), s("span", {
+    }), (O, D) => Te((t(), s("span", {
       ref_key: "parentElement",
       ref: b,
       class: "flex w-[inherit]"
@@ -8990,7 +9012,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         popper: w(() => [
           h(je, { name: "fade" }, {
             default: w(() => [
-              Ie(n("div", {
+              Te(n("div", {
                 ref_key: "dropdownScroll",
                 ref: c,
                 class: f([e.menuClasses, "rounded bg-oc-bg-light shadow min-w-[162px] overflow-y-auto"]),
@@ -9141,7 +9163,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     const v = () => {
       a.value && u();
     };
-    return (b, y) => Ie((t(), s("span", Rc, [
+    return (b, y) => Te((t(), s("span", Rc, [
       h(i($t), {
         ref_key: "popper",
         ref: d,
@@ -9154,7 +9176,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         popper: w(() => [
           h(je, { name: e.transitionName }, {
             default: w(() => [
-              Ie(n("div", {
+              Te(n("div", {
                 ref_key: "popperBodyEl",
                 ref: o,
                 class: f(["oc-tooltip", e.popperClass])
@@ -9183,7 +9205,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       [i(wt), v]
     ]);
   }
-}, te = /* @__PURE__ */ he(Uc, [["__scopeId", "data-v-a902efc5"]]), qc = {
+}, le = /* @__PURE__ */ he(Uc, [["__scopeId", "data-v-a902efc5"]]), qc = {
   key: 0,
   id: "modal-overlay-wrapper",
   class: "fixed w-screen z-[1007] top-0 left-0 h-full min-h-screen bg-black/[.45] flex items-center justify-center"
@@ -9276,7 +9298,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       var x;
       (x = v.value) == null || x.click();
     };
-    return fe(
+    return ve(
       () => a.modelValue,
       () => {
         setTimeout(() => {
@@ -9573,7 +9595,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           "content-class": e.contentClass,
           icon: e.icon,
           "hide-icon": e.hideIcon
-        }, ae({ _: 2 }, [
+        }, te({ _: 2 }, [
           u.$slots.description ? {
             name: "description",
             fn: w(() => [
@@ -9705,7 +9727,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         console.error("Unable to copy text to clipboard. Error: ", l);
       }
     };
-    return (a, l) => (t(), p(i(te), F({
+    return (a, l) => (t(), p(i(le), F({
       position: "top",
       "hide-after": 1500,
       "arrow-hidden": "",
@@ -9763,7 +9785,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           n("div", gu, [
             n("div", pu, [
               W($(e.title) + " ", 1),
-              e.tagOptions ? (t(), p(i(Yt), ve(F({ key: 0 }, e.tagOptions)), null, 16)) : m("", !0)
+              e.tagOptions ? (t(), p(i(Yt), ue(F({ key: 0 }, e.tagOptions)), null, 16)) : m("", !0)
             ]),
             n("span", yu, $(e.description), 1)
           ]),
@@ -9831,7 +9853,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       RadioGroup: sr,
       TimePicker: wu,
       DatePicker: Td,
-      Checkbox: Te,
+      Checkbox: De,
       Slider: kt,
       RangeInput: ur,
       PhoneInput: lr,
@@ -9873,7 +9895,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       } else
         D.value[g.name] = g.class ? g.class : "";
     };
-    return fe(
+    return ve(
       () => a.values,
       (g) => {
         j(g);
@@ -9881,7 +9903,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       {
         deep: !0
       }
-    ), fe(
+    ), ve(
       () => a.errors,
       (g) => {
         k();
@@ -9889,7 +9911,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       {
         deep: !0
       }
-    ), fe(
+    ), ve(
       () => a.previewMode,
       () => {
         j(a.values);
@@ -9930,15 +9952,15 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       }), 128))
     ], 6)) : m("", !0);
   }
-}, Dm = de(() => import("./OcDataTable-BTgZYC64.js")), Am = de(() => import("./OcFilterSearch-7oHB9RkR.js")), jm = de(() => import("./OcFilterSearchFor-BvvqJ-b-.js")), Mm = de(() => import("./OcFilterForm-HRZ8LgFL.js")), hu = de(
-  () => import("./OcComplexCalendar-9rZbu59e.js")
+}, Dm = de(() => import("./OcDataTable-CRAm3jBl.js")), Am = de(() => import("./OcFilterSearch-CSfU4-v_.js")), jm = de(() => import("./OcFilterSearchFor-zwFl7QBu.js")), Mm = de(() => import("./OcFilterForm-DMmqD1F2.js")), hu = de(
+  () => import("./OcComplexCalendar-bxjZRHXi.js")
 ), Pm = de(
-  () => import("./OcComplexDatePicker-e9PArxZ1.js")
-), ot = de(() => import("./OcModalCropper-_JTW2Uvu.js")), Lm = de(() => import("./OcCropper-B6ij7yY3.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-BYzUbyJX.js")), zm = de(() => import("./OcEmojiPicker-8a8G8-nU.js")), Nm = de(
-  () => import("./ThumbnailTheme-6GIOokSb.js")
+  () => import("./OcComplexDatePicker-XE9wB78N.js")
+), ot = de(() => import("./OcModalCropper-D3wsgKHR.js")), Lm = de(() => import("./OcCropper-bFfUCT0h.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-CRA31gJH.js")), zm = de(() => import("./OcEmojiPicker-6xeRsAzk.js")), Nm = de(
+  () => import("./ThumbnailTheme-x8AbzovN.js")
 ), Rm = de(
-  () => import("./ThumbnailSection-DfeUfddb.js")
-), Fm = de(() => import("./SubPlanCard-60j8QhAA.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-DM8yNBD3.js"));
+  () => import("./ThumbnailSection-BoE0g2hi.js")
+), Fm = de(() => import("./SubPlanCard-BWy59BML.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-Cr9KSQ1N.js"));
 export {
   tm as $,
   Wu as A,
@@ -10008,7 +10030,7 @@ export {
   um as ak,
   xm as al,
   bm as am,
-  le as an,
+  ae as an,
   wm as ao,
   hm as ap,
   tu as aq,
@@ -10018,10 +10040,10 @@ export {
   Gc as au,
   Om as av,
   Bm as aw,
-  te as ax,
+  le as ax,
   Im as ay,
   nt as az,
-  Te as b,
+  De as b,
   Es as c,
   $m as d,
   xe as e,
@@ -10045,5 +10067,5 @@ export {
   Tm as w,
   Gu as x,
   Ku as y,
-  De as z
+  Ae as z
 };