@orchidui/core 1.0.8 → 1.0.11

package/dist/{index-Dr8aLhn5.js → index-D87rwdFq.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 P, 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 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 { S as Se } from "./OcSkeleton-CvdpGSQR.js";
 import { _ as T } from "./OcIcon-CJgBICxh.js";
 import { clickOutside as wt } from "./directives/clickOutside.js";
@@ -119,7 +119,7 @@ const Gt = {
             "is-checked": b.value.length === c.value.length && b.value.length > 0,
             onSelectAll: x
           }, null, 8, ["is-sticky", "class", "is-partial", "is-checked"])) : m("", !0),
-          (t(!0), s(P, null, R(u.value, (V) => (t(), p(i(st), {
+          (t(!0), s(L, null, R(u.value, (V) => (t(), p(i(st), {
             key: V.key,
             text: V.label,
             "is-loading": e.isLoading,
@@ -142,7 +142,7 @@ const Gt = {
           }, 1032, ["text", "is-loading", "variant", "is-sticky", "class"]))), 128))
         ], 2)
       ]),
-      e.isLoading ? (t(!0), s(P, { key: 1 }, R(e.loadingRows, (V) => (t(), s("div", {
+      e.isLoading ? (t(!0), s(L, { key: 1 }, R(e.loadingRows, (V) => (t(), s("div", {
         key: V,
         class: f(["flex flex-wrap md:flex-nowrap group/row border-oc-gray-200 md:p-0 py-3", {
           "pl-[40px]": o.value,
@@ -153,13 +153,13 @@ const Gt = {
           key: 0,
           class: "opacity-0 flex justify-center absolute left-0 md:relative w-[5%]"
         })) : m("", !0),
-        (t(!0), s(P, null, R(u.value, (N, E) => (t(), p(i(Fe), {
+        (t(!0), s(L, null, R(u.value, (N, E) => (t(), p(i(Fe), {
           key: `${E}-${V}`,
           class: f(N.class),
           "is-loading": "",
           "is-last": V === e.loadingRows
         }, null, 8, ["class", "is-last"]))), 128))
-      ], 2))), 128)) : (t(), s(P, { key: 2 }, [
+      ], 2))), 128)) : (t(), s(L, { key: 2 }, [
         S(g.$slots, "table-body", {
           fields: c.value,
           headers: u.value,
@@ -172,7 +172,7 @@ const Gt = {
           rowLink: e.rowLink,
           calculateRowClass: O.value
         }, () => [
-          (t(!0), s(P, null, R(c.value, (V, N) => (t(), s("div", {
+          (t(!0), s(L, null, R(c.value, (V, N) => (t(), s("div", {
             key: `${v.value(V)}-${N}`,
             class: f({
               "border-b": c.value.length !== N + 1,
@@ -200,8 +200,8 @@ const Gt = {
                 onSelected: (E) => y(V),
                 "onHover:field": I[0] || (I[0] = (E) => g.$emit("hover:cell", E))
               }, null, 8, ["is-last", "is-selected", "class", "onSelected"])) : m("", !0),
-              (t(!0), s(P, null, R(u.value, (E, L) => (t(), p(i(Fe), {
-                key: `${L}-${N}`,
+              (t(!0), s(L, null, R(u.value, (E, P) => (t(), p(i(Fe), {
+                key: `${P}-${N}`,
                 class: f(["flex border-oc-gray-200", [
                   typeof E.class == "function" ? E.class(V) : E.class,
                   E.stickyLeft && o.value ? "left-[40px] md:left-[32px]" : "left-0",
@@ -282,7 +282,7 @@ const Gt = {
       e.isLoading ? (t(), p(i(Se), {
         key: 0,
         class: "rounded-full w-full overflow-hidden h-6"
-      })) : (t(), s(P, { key: 1 }, [
+      })) : (t(), s(L, { key: 1 }, [
         e.variant === r.TEXT ? S(l.$slots, "default", { key: 0 }, () => [
           W($(e.text), 1)
         ]) : S(l.$slots, "default", { key: 1 }, () => [
@@ -395,7 +395,7 @@ const Gt = {
               key: 1,
               class: "w-6 h-6 mx-auto",
               name: e.data
-            }, null, 8, ["name"])) : e.variant === r.IMAGE ? (t(), s(P, { key: 2 }, [
+            }, null, 8, ["name"])) : e.variant === r.IMAGE ? (t(), s(L, { key: 2 }, [
               e.data ? (t(), p(i(Be), {
                 key: 0,
                 link: e.link,
@@ -507,7 +507,7 @@ const Gt = {
             href: e.href,
             target: "_blank",
             rel: "noopener noreferrer"
-          }, $(e.title), 9, Zt)) : (t(), s(P, { key: 1 }, [
+          }, $(e.title), 9, Zt)) : (t(), s(L, { key: 1 }, [
             W($(e.title), 1)
           ], 64)),
           e.title ? m("", !0) : (t(), s("span", Qt, "-"))
@@ -584,7 +584,7 @@ const Gt = {
     };
     return (u, v) => {
       var b, y;
-      return t(), s(P, null, [
+      return t(), s(L, null, [
         n("div", {
           class: f(["h-[58px] w-full flex items-center", {
             "font-medium": e.important || e.isTotal,
@@ -605,7 +605,7 @@ const Gt = {
               class: f(["mx-auto transition-all duration-500", r.value ? "rotate-180" : ""])
             }, null, 8, ["class"])) : m("", !0)
           ]),
-          e.isAlternative ? (t(!0), s(P, { key: 1 }, R(e.headers, (x, O) => {
+          e.isAlternative ? (t(!0), s(L, { key: 1 }, R(e.headers, (x, O) => {
             var D;
             return t(), s("div", {
               key: x.key,
@@ -643,13 +643,13 @@ const Gt = {
                       ];
                     }),
                     _: 2
-                  }, 1024)) : (t(), s(P, { key: 1 }, [
+                  }, 1024)) : (t(), s(L, { key: 1 }, [
                     W($((j = e.row) == null ? void 0 : j[x == null ? void 0 : x.key]), 1)
                   ], 64))
                 ];
               })
             ], 2);
-          }), 128)) : (t(), s(P, { key: 0 }, [
+          }), 128)) : (t(), s(L, { key: 0 }, [
             n("div", {
               class: "flex-1 gap-x-2 items-center flex px-4 py-3",
               style: re(e.depth ? { paddingLeft: 12 + e.depth * 20 + "px" } : {})
@@ -687,7 +687,7 @@ const Gt = {
           class: "transition-all overflow-hidden duration-500",
           style: re({ maxHeight: a.value })
         }, [
-          (t(!0), s(P, null, R(e.row.children, (x, O) => (t(), p(i(Ee), {
+          (t(!0), s(L, null, R(e.row.children, (x, O) => (t(), p(i(Ee), {
             key: O,
             row: x,
             important: x.important,
@@ -719,7 +719,7 @@ const Gt = {
   setup(e) {
     return (r, a) => (t(), s("div", il, [
       a[0] || (a[0] = n("div", { class: "w-9" }, null, -1)),
-      (t(!0), s(P, null, R(e.headers, (l) => (t(), s("div", {
+      (t(!0), s(L, null, R(e.headers, (l) => (t(), s("div", {
         key: l.key,
         class: f(["py-3 px-4 flex-1 uppercase text-xs text-oc-text-400 font-medium", l.class])
       }, $(l.label), 3))), 128)),
@@ -757,15 +757,15 @@ const Gt = {
   setup(e) {
     const r = e, a = z(() => Object.fromEntries(r.headers.map((l) => [l.key, ""])));
     return (l, o) => (t(), s("div", rl, [
-      e.isAlternative ? (t(), s(P, { key: 0 }, [
+      e.isAlternative ? (t(), s(L, { key: 0 }, [
         h(sl, { headers: e.headers }, null, 8, ["headers"]),
-        e.isLoading && !e.fields.length ? (t(!0), s(P, { key: 0 }, R(e.loadingRows, (d) => (t(), p(Ee, {
+        e.isLoading && !e.fields.length ? (t(!0), s(L, { key: 0 }, R(e.loadingRows, (d) => (t(), p(Ee, {
           key: d,
           "is-loading": "",
           "is-alternative": e.isAlternative,
           row: a.value,
           headers: e.headers
-        }, null, 8, ["is-alternative", "row", "headers"]))), 128)) : (t(!0), s(P, { key: 1 }, R(e.fields, (d, c) => (t(), p(Ee, {
+        }, null, 8, ["is-alternative", "row", "headers"]))), 128)) : (t(!0), s(L, { key: 1 }, R(e.fields, (d, c) => (t(), p(Ee, {
           key: c,
           row: d,
           headers: e.headers,
@@ -780,7 +780,7 @@ const Gt = {
             ])
           }))
         ]), 1032, ["row", "headers", "is-loading", "is-alternative", "important"]))), 128))
-      ], 64)) : (t(!0), s(P, { key: 1 }, R(e.headers, (d, c) => (t(), p(Ee, {
+      ], 64)) : (t(!0), s(L, { key: 1 }, R(e.headers, (d, c) => (t(), p(Ee, {
         key: c,
         row: d,
         headers: e.headers,
@@ -865,7 +865,7 @@ const Gt = {
           onClick: o[0] || (o[0] = (d) => e.modelValue > 1 ? l.$emit("update:modelValue", e.modelValue > 1 ? e.modelValue - 1 : e.modelValue) : "")
         }, null, 8, ["disabled", "size"]),
         n("div", ul, [
-          (t(!0), s(P, null, R(a.value, (d) => (t(), p(i(ct), {
+          (t(!0), s(L, null, R(a.value, (d) => (t(), p(i(ct), {
             key: d,
             size: e.size,
             "is-rounded": e.isRounded,
@@ -974,7 +974,7 @@ const Gt = {
       n("div", {
         class: f(["flex gap-x-5 items-start md:flex-row flex-col gap-y-3 md:gap-y-0", e.containerClass])
       }, [
-        (t(!0), s(P, null, R(e.items, (l, o) => (t(), p(i(qe), {
+        (t(!0), s(L, null, R(e.items, (l, o) => (t(), p(i(qe), {
           key: o,
           title: l.title,
           class: f(["flex-1", l.class]),
@@ -1074,7 +1074,7 @@ const Gt = {
       e.isLoading ? (t(), s("div", pl, [
         h(i(Se), { class: "w-[80%] h-[14px] rounded-sm" }),
         h(i(Se), { class: "w-full h-[20px] rounded-sm" })
-      ])) : (t(), s(P, { key: 1 }, [
+      ])) : (t(), s(L, { key: 1 }, [
         n("div", {
           class: f(["flex items-center", e.isBig ? "gap-x-[.75rem]" : "gap-x-3"])
         }, [
@@ -1125,7 +1125,7 @@ const Gt = {
                 class: f([e.isBig ? "text-xl" : "", "truncate"])
               }, [
                 S(r.$slots, "content", {}, () => [
-                  isNaN(e.percentValue) ? (t(), s(P, { key: 1 }, [
+                  isNaN(e.percentValue) ? (t(), s(L, { key: 1 }, [
                     W($(e.content), 1)
                   ], 64)) : (t(), s("div", $l, [
                     n("div", kl, $(e.content), 1),
@@ -1175,10 +1175,10 @@ const Gt = {
 }, Ml = {
   key: 1,
   class: "text-sm text-oc-text-400 truncate"
-}, Ll = {
+}, Pl = {
   key: 0,
   class: "flex flex-col gap-y-4 pt-4 w-full"
-}, Pl = { class: "flex flex-col gap-y-2 w-full items-center" }, El = { key: 0 }, zl = {
+}, Ll = { class: "flex flex-col gap-y-2 w-full items-center" }, El = { key: 0 }, zl = {
   __name: "OcCustomerCard",
   props: {
     variant: {
@@ -1202,7 +1202,7 @@ const Gt = {
   setup(e, { emit: r }) {
     const a = r;
     return (l, o) => {
-      var d, c, u, v, b, y, x, O, D, C, j, k, B, g, I, V, N, E, L;
+      var d, c, u, v, b, y, x, O, D, C, j, k, B, g, I, V, N, E, P;
       return t(), s("div", {
         class: f(["rounded shrink-0 border border-oc-gray-200 bg-oc-bg-light flex items-center justify-between gap-4 px-4 py-5 customer-card relative group", { [e.variant]: !0, "hover:shadow-normal transition": e.isHover }])
       }, [
@@ -1225,7 +1225,7 @@ const Gt = {
             name: "filled-x-circle",
             onClick: o[1] || (o[1] = (A) => a("closeCustomer"))
           })) : m("", !0),
-          e.customer ? (t(), s(P, { key: 2 }, [
+          e.customer ? (t(), s(L, { key: 2 }, [
             n("div", Bl, [
               h(i(it), {
                 class: "shrink-0 uppercase",
@@ -1247,7 +1247,7 @@ const Gt = {
                 e.isBeneficiary ? (t(), s("span", jl, $(e.customer.bank_name) + " / " + $(e.customer.bank_account_number), 1)) : (t(), s("span", Ml, $(((u = e.customer) == null ? void 0 : u.email) || ((v = e.customer) != null && v.phone_number_country_code && ((b = e.customer) != null && b.phone_number) ? `+${e.customer.phone_number_country_code} ${e.customer.phone_number}` : (y = e.customer) != null && y.phone_number ? e.customer.phone_number : "-")), 1))
               ])
             ]),
-            e.variant !== "small" ? (t(), s("div", Ll, [
+            e.variant !== "small" ? (t(), s("div", Pl, [
               e.isBeneficiary ? m("", !0) : (t(), p(i(De), {
                 key: 0,
                 label: "Phone",
@@ -1265,12 +1265,12 @@ const Gt = {
                   ((B = (k = e.customer) == null ? void 0 : k.address) == null ? void 0 : B.city) || "",
                   ((I = (g = e.customer) == null ? void 0 : g.address) == null ? void 0 : I.state) || "",
                   ((N = (V = e.customer) == null ? void 0 : V.address) == null ? void 0 : N.postal_code) || "",
-                  ((L = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : L.country) || ""
+                  ((P = (E = e.customer) == null ? void 0 : E.address) == null ? void 0 : P.country) || ""
                 ].join(" ").trim() || "-"
               }, null, 8, ["content"]))
             ])) : m("", !0)
-          ], 64)) : e.isBeneficiary ? m("", !0) : (t(), s(P, { key: 3 }, [
-            n("div", Pl, [
+          ], 64)) : e.isBeneficiary ? m("", !0) : (t(), s(L, { key: 3 }, [
+            n("div", Ll, [
               h(i(it), { size: 32 }, {
                 default: w(() => [
                   h(i(T), {
@@ -1456,7 +1456,7 @@ const Gt = {
           }, 8, ["modelValue"])
         ]),
         (o = e.urls) != null && o.length ? (t(), s("div", Zl, [
-          (t(!0), s(P, null, R(e.urls, (d, c) => (t(), p(i(dn), {
+          (t(!0), s(L, null, R(e.urls, (d, c) => (t(), p(i(dn), {
             key: c,
             title: d.title,
             url: d.url
@@ -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(P, null, R(e.chips, (x, O) => (t(), p(i(le), F({
+                  (t(!0), s(L, null, R(e.chips, (x, O) => (t(), p(i(le), F({
                     key: O,
                     class: "font-medium",
                     ref_for: !0
@@ -1571,7 +1571,7 @@ const Gt = {
         ]),
         (y = e.paymentMethods) != null && y.length ? (t(), s("div", ua, [
           b[3] || (b[3] = n("span", { class: "text-sm font-medium text-oc-text-300 whitespace-nowrap" }, "Payment methods", -1)),
-          (t(!0), s(P, null, R(e.paymentMethods.slice(0, d.value), (x) => (t(), s("img", {
+          (t(!0), s(L, null, R(e.paymentMethods.slice(0, d.value), (x) => (t(), s("img", {
             key: x.method,
             width: "35",
             height: "24",
@@ -1590,7 +1590,7 @@ const Gt = {
             ]),
             popper: w(() => [
               n("div", fa, [
-                (t(!0), s(P, null, R(l.value, (x) => (t(), s("img", {
+                (t(!0), s(L, null, R(l.value, (x) => (t(), s("img", {
                   key: x.method,
                   width: "35",
                   height: "24",
@@ -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(P, null, R(e.chips, (u, v) => (t(), p(i(le), {
+                (t(!0), s(L, null, R(e.chips, (u, v) => (t(), p(i(le), {
                   key: v,
                   label: u.label,
                   variant: u.variant,
@@ -1704,7 +1704,7 @@ const Gt = {
                 W(" " + $(e.description), 1)
               ]),
               e.details.length ? (t(), s("div", Sa, [
-                (t(!0), s(P, null, R(e.details, (u, v) => (t(), s("div", {
+                (t(!0), s(L, null, R(e.details, (u, v) => (t(), s("div", {
                   key: v,
                   class: "flex items-center gap-2"
                 }, [
@@ -1734,7 +1734,7 @@ const Gt = {
 }, Aa = {
   key: 1,
   class: "flex gap-3"
-}, ja = { class: "flex flex-col gap-4" }, Ma = { class: "text-xs whitespace-nowrap uppercase text-oc-text-300 overflow-hidden text-ellipsis" }, La = /* @__PURE__ */ Z({
+}, ja = { class: "flex flex-col gap-4" }, Ma = { class: "text-xs whitespace-nowrap uppercase text-oc-text-300 overflow-hidden text-ellipsis" }, Pa = /* @__PURE__ */ Z({
   __name: "OcTerminal",
   props: {
     title: String,
@@ -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(P, null, R(e.chips, (o, d) => (t(), p(i(le), {
+              (t(!0), s(L, null, R(e.chips, (o, d) => (t(), p(i(le), {
                 key: d,
                 label: o.label,
                 variant: o.variant,
@@ -1798,7 +1798,7 @@ const Gt = {
       }, e.buttonProps), null, 16)) : m("", !0)
     ], 2));
   }
-}), Pa = {
+}), La = {
   key: 0,
   class: "min-w-[100px]"
 }, Ea = { class: "grow pl-3" }, za = { class: "flex w-full" }, Na = { class: "text-lg font-medium" }, Ra = { class: "ml-auto" }, Fa = { class: "cursor-pointer flex hover:bg-oc-gray-200 items-center rounded p-2" }, Ua = { class: "line-clamp-2 mb-3 max-w-[80%] text-oc-text-400" }, qa = { class: "w-full text-sm lg:mt-4 flex flex-wrap items-center" }, Ha = { class: "mr-3" }, Ya = { class: "text-oc-text-400 font-medium" }, Wa = {
@@ -1815,7 +1815,7 @@ const Gt = {
       class: "w-full p-5 flex",
       onMouseleave: d[1] || (d[1] = (c) => r.value = !1)
     }, [
-      e.page.page_cover_url ? (t(), s("div", Pa, [
+      e.page.page_cover_url ? (t(), s("div", La, [
         n("div", {
           class: "w-[100px] h-[100px] rounded !bg-cover",
           style: re(`background:url(${l(e.page.page_cover_url)})`)
@@ -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(P, null, R(e.chips, (v, b) => (t(), p(i(le), {
+                  (t(!0), s(L, null, R(e.chips, (v, b) => (t(), p(i(le), {
                     key: b,
                     label: v.label,
                     variant: v.variant,
@@ -2033,7 +2033,7 @@ const Gt = {
         case "general":
           return Va;
         case "terminal":
-          return La;
+          return Pa;
         case "logo":
           return la;
         case "page":
@@ -2296,13 +2296,13 @@ const Gt = {
               }, e.dropdownProps), {
                 menu: w(() => [
                   n("div", $n, [
-                    (t(!0), s(P, null, R(e.dropdownOptions.top, (d, c) => (t(), p(i(pe), F({
+                    (t(!0), s(L, null, R(e.dropdownOptions.top, (d, c) => (t(), p(i(pe), F({
                       key: c,
                       ref_for: !0
                     }, d), null, 16))), 128))
                   ]),
                   e.dropdownOptions.bottom ? (t(), s("div", kn, [
-                    (t(!0), s(P, null, R(e.dropdownOptions.bottom, (d, c) => (t(), p(i(pe), F({
+                    (t(!0), s(L, null, R(e.dropdownOptions.bottom, (d, c) => (t(), p(i(pe), F({
                       key: c,
                       ref_for: !0
                     }, d), null, 16))), 128))
@@ -2526,7 +2526,7 @@ const Gt = {
       }, null, 8, ["width", "height", "name"]))
     ], 2));
   }
-}), jn = { class: "flex items-center flex-1 gap-x-4" }, Mn = { class: "flex flex-col gap-y-1" }, Ln = { class: "font-medium" }, Pn = { class: "text-oc-text-400 text-sm" }, Zu = /* @__PURE__ */ Z({
+}), jn = { class: "flex items-center flex-1 gap-x-4" }, Mn = { class: "flex flex-col gap-y-1" }, Pn = { class: "font-medium" }, Ln = { class: "text-oc-text-400 text-sm" }, Zu = /* @__PURE__ */ Z({
   __name: "OnboardingAccordion",
   props: {
     description: {
@@ -2565,8 +2565,8 @@ const Gt = {
         n("div", jn, [
           h(An, { variant: e.variant }, null, 8, ["variant"]),
           n("div", Mn, [
-            n("span", Ln, $(e.title), 1),
-            n("span", Pn, $(e.description), 1)
+            n("span", Pn, $(e.title), 1),
+            n("span", Ln, $(e.description), 1)
           ])
         ]),
         S(d.$slots, "button-group"),
@@ -2669,7 +2669,7 @@ const Gt = {
       n("div", {
         class: f(["flex items-center", { "flex-col": b.value }])
       }, [
-        (t(!0), s(P, null, R(e.tabs, (j) => {
+        (t(!0), s(L, null, R(e.tabs, (j) => {
           var k, B;
           return t(), s("div", {
             key: j.value,
@@ -2795,7 +2795,7 @@ const Gt = {
   setup(e) {
     return (r, a) => (t(), s("div", qn, [
       S(r.$slots, "default", {}, () => [
-        (t(!0), s(P, null, R(e.steps, (l, o) => (t(), p(Un, {
+        (t(!0), s(L, null, R(e.steps, (l, o) => (t(), p(Un, {
           key: o,
           title: l.title,
           value: o + 1,
@@ -2822,7 +2822,7 @@ const Gt = {
   emits: ["update:modelValue"],
   setup(e) {
     return (r, a) => (t(), s("div", Hn, [
-      (t(!0), s(P, null, R(e.variants, (l) => (t(), p(i(Wn), F({
+      (t(!0), s(L, null, R(e.variants, (l) => (t(), p(i(Wn), F({
         key: l.value,
         "is-active": l.value === e.modelValue,
         ref_for: !0
@@ -2995,9 +2995,9 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     return fe(
       () => r.modelValue,
       () => c()
-    ), Ce(() => c()), (u, v) => (t(), s(P, null, [
+    ), Ce(() => c()), (u, v) => (t(), s(L, null, [
       n("div", io, [
-        (t(!0), s(P, null, R(e.menus, (b) => (t(), s("div", {
+        (t(!0), s(L, null, R(e.menus, (b) => (t(), s("div", {
           key: b.value,
           ref_for: !0,
           ref_key: "menuRefs",
@@ -3020,7 +3020,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       }, {
         menu: w(() => [
           n("div", co, [
-            (t(!0), s(P, null, R(e.menus, (b) => (t(), p(i(pe), {
+            (t(!0), s(L, null, R(e.menus, (b) => (t(), p(i(pe), {
               key: b.value,
               class: f(["px-5 py-3", [
                 b.value === e.modelValue ? "!text-oc-accent-1 font-medium bg-oc-accent-1-50-tr" : "!text-oc-text-400"
@@ -3128,7 +3128,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                     text: (o = e.secondaryButtonProps) == null ? void 0 : o.label,
                     icon: (d = e.secondaryButtonProps) == null ? void 0 : d.leftIcon
                   }, null, 8, ["text", "icon"])) : m("", !0),
-                  e.secondaryButtonProps && e.secondaryButtonProps.dropdownOptions ? (t(!0), s(P, { key: 1 }, R(e.secondaryButtonProps.dropdownOptions, (c) => (t(), p(i(pe), F({
+                  e.secondaryButtonProps && e.secondaryButtonProps.dropdownOptions ? (t(!0), s(L, { key: 1 }, R(e.secondaryButtonProps.dropdownOptions, (c) => (t(), p(i(pe), F({
                     key: c.text,
                     ref_for: !0
                   }, c), null, 16))), 128)) : m("", !0)
@@ -3320,9 +3320,9 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           }),
           _: 1
         })) : m("", !0),
-        (t(!0), s(P, null, R(e.primaryActions.actions, (C, j) => {
+        (t(!0), s(L, null, R(e.primaryActions.actions, (C, j) => {
           var k;
-          return t(), s(P, { key: j }, [
+          return t(), s(L, { key: j }, [
             (k = e.primaryActions) != null && k.mainLinkAction || j > 0 ? (t(), s("div", Vo)) : m("", !0),
             h(i(te), {
               position: "top",
@@ -3364,7 +3364,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             return [
               n("div", Bo, [
                 n("div", Io, [
-                  (t(!0), s(P, null, R((C = e.primaryActions.dropdownOptions) == null ? void 0 : C.top, (B, g) => (t(), s(P, { key: g }, [
+                  (t(!0), s(L, null, R((C = e.primaryActions.dropdownOptions) == null ? void 0 : C.top, (B, g) => (t(), s(L, { key: g }, [
                     B != null && B.isCopyButton ? (t(), p(i(pe), {
                       key: 0,
                       icon: o.value ? "check" : "copy",
@@ -3380,7 +3380,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
                   ], 64))), 128))
                 ]),
                 (j = e.primaryActions.dropdownOptions) != null && j.bottom ? (t(), s("div", To, [
-                  (t(!0), s(P, null, R((k = e.primaryActions.dropdownOptions) == null ? void 0 : k.bottom, (B, g) => (t(), s("div", { key: g }, [
+                  (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), {
                       key: 0,
                       position: "bottom",
@@ -3433,7 +3433,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
 }, jo = { class: "flex gap-x-3 items-center" }, Mo = {
   key: 0,
   class: "p-2"
-}, Lo = { class: "px-3 py-[5px] whitespace-nowrap font-medium text-sm text-oc-text-400 flex gap-x-3 items-center" }, Po = {
+}, Po = { class: "px-3 py-[5px] whitespace-nowrap font-medium text-sm text-oc-text-400 flex gap-x-3 items-center" }, Lo = {
   __name: "OcPageTitleRight",
   props: {
     primaryButtonProps: Object,
@@ -3453,7 +3453,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           var u;
           return [
             (u = e.secondaryButtonProps) != null && u.dropdownOptions ? (t(), s("div", Mo, [
-              (t(!0), s(P, null, R(e.secondaryButtonProps.dropdownOptions, (v, b) => (t(), p(i(pe), F({
+              (t(!0), s(L, null, R(e.secondaryButtonProps.dropdownOptions, (v, b) => (t(), p(i(pe), F({
                 key: b,
                 ref_for: !0
               }, v), null, 16))), 128))
@@ -3474,7 +3474,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         "arrow-hidden": ""
       }, {
         popper: w(() => [
-          n("div", Lo, $(e.primaryButtonProps.tooltip), 1)
+          n("div", Po, $(e.primaryButtonProps.tooltip), 1)
         ]),
         default: w(() => [
           h(i(G), F({
@@ -3488,7 +3488,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       }, e.primaryButtonProps), null, 16, ["size"])) : m("", !0)
     ]));
   }
-}, Eo = /* @__PURE__ */ he(Po, [["__scopeId", "data-v-a7abfe33"]]), zo = { class: "grid py-7 w-full max-h-[inherit] overflow-y-auto overflow-x-hidden gap-3 px-8" }, No = {
+}, Eo = /* @__PURE__ */ he(Lo, [["__scopeId", "data-v-a7abfe33"]]), zo = { class: "grid py-7 w-full max-h-[inherit] overflow-y-auto overflow-x-hidden gap-3 px-8" }, No = {
   key: 0,
   class: "text-sm uppercase text-[var(--oc-sidebar-menu-title)] my-3"
 }, Ro = ["onClick"], Fo = {
@@ -3532,7 +3532,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     }, [
       n("div", zo, [
         S(v.$slots, "before", { isExpanded: e.isExpanded }),
-        (t(!0), s(P, null, R(e.sidebarMenu, (y, x) => (t(), s(P, { key: x }, [
+        (t(!0), s(L, null, R(e.sidebarMenu, (y, x) => (t(), s(L, { key: x }, [
           e.isExpanded && y.label ? (t(), s("h2", No, $(y.label), 1)) : m("", !0),
           (!y.label || !e.isExpanded) && x !== 0 ? (t(), s("div", {
             key: 1,
@@ -3540,7 +3540,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
           }, b[0] || (b[0] = [
             n("div", { class: "w-full border-b border-[var(--oc-sidebar-menu-title)] opacity-50" }, null, -1)
           ]), 2)) : m("", !0),
-          (t(!0), s(P, null, R(y.items, (O, D) => (t(), s("div", {
+          (t(!0), s(L, null, R(y.items, (O, D) => (t(), s("div", {
             key: D,
             class: "flex flex-col"
           }, [
@@ -3664,7 +3664,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     return (r, a) => (t(), s("div", {
       class: f(["grid gap-3 transition-all duration-500 overflow-hidden", e.isExpanded ? "max-h-screen" : "max-h-0"])
     }, [
-      (t(!0), s(P, null, R(e.menu.children, (l, o) => (t(), s("div", {
+      (t(!0), s(L, null, R(e.menu.children, (l, o) => (t(), s("div", {
         key: o,
         class: f(["text-oc-text-400 flex items-center rounded hover:bg-[var(--oc-sidebar-menu-hover)]", {
           "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": l.active
@@ -3853,7 +3853,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
       ]])
     }, [
       e.isExpanded ? (t(), s("div", Yo, [
-        e.isPending ? (t(), s(P, { key: 0 }, [
+        e.isPending ? (t(), s(L, { key: 0 }, [
           n("div", Wo, [
             n("div", Ko, [
               h(T, {
@@ -3877,7 +3877,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
               ])) : m("", !0)
             ])
           ])
-        ], 64)) : (t(), s(P, { key: 1 }, [
+        ], 64)) : (t(), s(L, { key: 1 }, [
           n("div", Qo, [
             n("div", _o, [
               a[3] || (a[3] = n("span", { class: "font-medium" }, "Account setup", -1)),
@@ -3953,7 +3953,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
         W(" " + $(e.title), 1)
       ])) : m("", !0),
       n("div", ri, [
-        (t(!0), s(P, null, R(e.menu, (l, o) => (t(), s("div", {
+        (t(!0), s(L, null, R(e.menu, (l, o) => (t(), s("div", {
           key: o,
           class: f([
             "py-3 whitespace-nowrap rounded cursor-pointer font-medium hover:bg-oc-accent-2-50-tr px-5",
@@ -4167,7 +4167,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
     return (r, a) => (t(), s("div", xi, [
       a[0] || (a[0] = n("span", { class: "text-xs shrink-0 font-medium text-oc-text-300 uppercase" }, " Payment methods ", -1)),
       n("div", hi, [
-        (t(!0), s(P, null, R(e.methods, (l) => (t(), s("img", {
+        (t(!0), s(L, null, R(e.methods, (l) => (t(), s("img", {
           key: l,
           width: "35",
           alt: l,
@@ -4224,7 +4224,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
             class: "text-sm"
           }, e.dropdownProps), {
             menu: w(() => [
-              (t(!0), s(P, null, R(e.dropdownItems, (d, c) => (t(), p(i(pe), F({
+              (t(!0), s(L, null, R(e.dropdownItems, (d, c) => (t(), p(i(pe), F({
                 key: c,
                 ref_for: !0
               }, d), null, 16))), 128))
@@ -4299,7 +4299,7 @@ const nm = /* @__PURE__ */ he(_n, [["render", to]]), lo = { class: "flex items-c
   setup(e) {
     return (r, a) => (t(), s("div", Vi, [
       n("div", Oi, [
-        (t(!0), s(P, null, R(e.isLoading ? 2 : e.overviewTabs, (l) => S(r.$slots, l.value, { tab: l }, () => [
+        (t(!0), s(L, null, R(e.isLoading ? 2 : e.overviewTabs, (l) => S(r.$slots, l.value, { tab: l }, () => [
           (t(), p(yi, {
             key: l.value,
             title: l.title,
@@ -4345,10 +4345,10 @@ function Di(e, r) {
 const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji = {
   key: 0,
   class: "p-2"
-}, Mi = { class: "py-2 px-3" }, Li = {
+}, Mi = { class: "py-2 px-3" }, Pi = {
   key: 0,
   class: "max-w-[250px] fixed z-[1006] top-0 right-0 transition-all duration-500 flex flex-col gap-y-2 w-full bg-white h-screen overflow-y-auto"
-}, Pi = { class: "p-5 flex items-center justify-between" }, Ei = { class: "px-5 flex-1 flex flex-col gap-y-5" }, zi = /* @__PURE__ */ Z({
+}, Li = { class: "p-5 flex items-center justify-between" }, Ei = { class: "px-5 flex-1 flex flex-col gap-y-5" }, zi = /* @__PURE__ */ Z({
   __name: "MobileDynamicType",
   props: {
     boxes: { type: Array, default: () => [] },
@@ -4363,7 +4363,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       h(lt, { class: "!flex-nowrap flex-col w-full" }, {
         default: w(() => [
           n("div", Ai, [
-            (t(!0), s(P, null, R(e.boxes[0].items.slice(0, 2), (o, d) => (t(), p(i(qe), {
+            (t(!0), s(L, null, R(e.boxes[0].items.slice(0, 2), (o, d) => (t(), p(i(qe), {
               key: d,
               "is-transparent": "",
               title: o.title,
@@ -4412,8 +4412,8 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       }),
       h(je, { name: "slide-from-right" }, {
         default: w(() => [
-          r.value ? (t(), s("div", Li, [
-            n("div", Pi, [
+          r.value ? (t(), s("div", Pi, [
+            n("div", Li, [
               l[4] || (l[4] = n("span", { class: "font-medium" }, "Details", -1)),
               h(i(G), {
                 size: "small",
@@ -4426,9 +4426,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               })
             ]),
             n("div", Ei, [
-              (t(!0), s(P, null, R(e.boxes, (o, d) => (t(), p(lt, { key: d }, {
+              (t(!0), s(L, null, R(e.boxes, (o, d) => (t(), p(lt, { key: d }, {
                 default: w(() => [
-                  (t(!0), s(P, null, R(o.items, (c, u) => (t(), p(i(qe), F({
+                  (t(!0), s(L, null, R(o.items, (c, u) => (t(), p(i(qe), F({
                     key: `${d}-${u}`,
                     "is-transparent": "",
                     title: c.title,
@@ -4475,9 +4475,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
   },
   emits: ["addCustomer", "editCustomer"],
   setup(e) {
-    return (r, a) => (t(), s(P, null, [
+    return (r, a) => (t(), s(L, null, [
       n("div", Ni, [
-        (t(!0), s(P, null, R(e.boxes, (l, o) => (t(), p(lt, {
+        (t(!0), s(L, null, R(e.boxes, (l, o) => (t(), p(lt, {
           key: o,
           class: f(
             (e.isCustomer ? "!grid grid-cols-4 grid-rows-2 gap-y-4 w-full !py-4 " : " ") + (l == null ? void 0 : l.style)
@@ -4487,7 +4487,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             l.slot && r.$slots[l.slot] ? S(r.$slots, l.slot, {
               key: 0,
               data: { ...l, key: o }
-            }) : (t(!0), s(P, { key: 1 }, R(l.items, (d, c) => (t(), p(i(qe), F({
+            }) : (t(!0), s(L, { key: 1 }, R(l.items, (d, c) => (t(), p(i(qe), F({
               key: `${o}-${c}`,
               "is-transparent": "",
               title: d.title,
@@ -4722,7 +4722,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           n("h2", Zi, $(e.title), 1),
           e.description ? (t(), s("p", Qi, $(e.description), 1)) : m("", !0),
           (l = e.features) != null && l.length ? (t(), s("div", _i, [
-            (t(!0), s(P, null, R(e.features, (o) => (t(), s("div", {
+            (t(!0), s(L, null, R(e.features, (o) => (t(), s("div", {
               key: o.title,
               class: "rounded bg-white flex flex-col gap-2 p-6 items-center justify-center relative"
             }, [
@@ -4976,7 +4976,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           ], "border rounded-lg flex shadow-sm snackbar relative"]),
           style: re(e.isFloating && e.position.includes("center") ? { left: c.value + "px" } : "")
         }, [
-          e.showIcon ? (t(), s(P, { key: 0 }, [
+          e.showIcon ? (t(), s(L, { key: 0 }, [
             v.value ? (t(), s("div", {
               key: 0,
               class: f([o[e.color], "w-[48px] flex shrink-0 items-center justify-center h-[48px] rounded-full"])
@@ -5334,7 +5334,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       ], 2)) : m("", !0)
     ], 2));
   }
-}, G = /* @__PURE__ */ he(js, [["__scopeId", "data-v-af49bb32"]]), Ms = { class: "w-[30px] h-[20px] flex items-center justify-center" }, Ls = {
+}, G = /* @__PURE__ */ he(js, [["__scopeId", "data-v-af49bb32"]]), Ms = { class: "w-[30px] h-[20px] flex items-center justify-center" }, Ps = {
   __name: "OcCardInput",
   props: {
     placeholder: String,
@@ -5392,7 +5392,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"]));
   }
-}, Ps = ["value", "checked", "disabled"], Te = {
+}, Ls = ["value", "checked", "disabled"], Te = {
   __name: "OcCheckbox",
   props: {
     modelValue: Boolean,
@@ -5451,7 +5451,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
             class: "h-0 w-0 hidden",
             disabled: e.isDisabled,
             onChange: d
-          }, null, 40, Ps),
+          }, null, 40, Ls),
           S(c.$slots, "after")
         ], 2)
       ]),
@@ -5521,7 +5521,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(P, null, R(e.checkboxes, (O, D) => (t(), p(i(Te), {
+          (t(!0), s(L, null, R(e.checkboxes, (O, D) => (t(), p(i(Te), {
             key: D,
             label: O.label,
             value: O.value,
@@ -5871,7 +5871,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     options: y.value,
                     areAllOptionsVisible: v.value
                   }, () => [
-                    (t(!0), s(P, null, R(y.value, (B, g) => (t(), p(i(le), {
+                    (t(!0), s(L, null, R(y.value, (B, g) => (t(), p(i(le), {
                       key: `${B}-${g}`,
                       closable: "",
                       label: B,
@@ -6050,7 +6050,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                (t(!0), s(P, null, R(v.value, (V, N) => (t(), s("div", {
+                (t(!0), s(L, null, R(v.value, (V, N) => (t(), s("div", {
                   ref_for: !0,
                   ref_key: "countryListItemRef",
                   ref: C,
@@ -6218,7 +6218,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         n("div", {
           class: f(["flex", [l.value[e.alignment], e.wrapperClass]])
         }, [
-          (t(!0), s(P, null, R(e.radio, (u, v) => (t(), p(i(ir), {
+          (t(!0), s(L, null, R(e.radio, (u, v) => (t(), p(i(ir), {
             id: u.value,
             key: v,
             class: f({ "!w-fit": !e.isBlock }),
@@ -6360,6 +6360,10 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       type: String,
       default: "Placeholder"
     },
+    searchPlaceholder: {
+      type: String,
+      default: "Search"
+    },
     isInlineLabel: Boolean,
     isFilterable: Boolean,
     isAsynchronousSearch: Boolean,
@@ -6422,11 +6426,11 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
   },
   setup(e, { expose: r, emit: a }) {
     const l = e, o = a, d = M(l.searchKeywords ?? ""), c = M(!1), u = M(), v = M(), b = M([]), y = M(), x = M((/* @__PURE__ */ new Date()).toISOString()), O = z(() => {
-      var L, A;
-      return l.multiple ? ((L = l.modelValue) == null ? void 0 : L.length) && ((A = l.modelValue) == null ? void 0 : A.length) === D.value.length : !1;
+      var P, A;
+      return l.multiple ? ((P = l.modelValue) == null ? void 0 : P.length) && ((A = l.modelValue) == null ? void 0 : A.length) === D.value.length : !1;
     }), D = z(() => {
       var A, U;
-      const L = [];
+      const P = [];
       for (const H of l.options)
         if (H.values) {
           const X = H.values.filter(
@@ -6435,58 +6439,58 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               return ((_ = ee.label) == null ? void 0 : _.toLowerCase().includes(d.value.toLowerCase())) || ((oe = ee.subLabel) == null ? void 0 : oe.toLowerCase().includes(d.value.toLowerCase()));
             }
           );
-          X.length > 0 && L.push({
+          X.length > 0 && P.push({
             label: H.label,
             values: X
           });
         } else
-          ((A = H.label) != null && A.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && L.push(H);
-      return L;
+          ((A = H.label) != null && A.toLowerCase().includes(d.value.toLowerCase()) || (U = H.subLabel) != null && U.toLowerCase().includes(d.value.toLowerCase())) && P.push(H);
+      return P;
     }), C = z(() => {
       if (l.multiple) {
-        let L = [];
+        let P = [];
         if (l.modelValue)
           for (const A of l.modelValue)
             for (const U of l.options)
               U.values ? U.values.forEach((H) => {
-                H.value === A && L.push(H);
-              }) : U.value === A && L.push(U);
-        return L;
+                H.value === A && P.push(H);
+              }) : U.value === A && P.push(U);
+        return P;
       } else
-        return l.options.find((L) => {
+        return l.options.find((P) => {
           var A;
-          return L.value.toString() === ((A = l.modelValue) == null ? void 0 : A.toString());
+          return P.value.toString() === ((A = l.modelValue) == null ? void 0 : A.toString());
         });
-    }), j = (L) => {
+    }), j = (P) => {
       var U;
-      if (L.isDisabled)
+      if (P.isDisabled)
         return;
       let A;
       if (l.multiple) {
-        const H = (l.modelValue || []).find((X) => X === L.value);
+        const H = (l.modelValue || []).find((X) => X === P.value);
         if (!H && l.maxOptionAllowed && ((U = C.value) == null ? void 0 : U.length) >= Number(l.maxOptionAllowed)) {
           o("max-option-allowed-set");
           return;
         }
-        A = H ? (l.modelValue || []).filter((X) => X !== L.value) : [...l.modelValue || [], L.value];
+        A = H ? (l.modelValue || []).filter((X) => X !== P.value) : [...l.modelValue || [], P.value];
       } else
-        A = L.value, c.value = !1;
+        A = P.value, c.value = !1;
       o("update:modelValue", A);
-    }, k = (L) => {
+    }, k = (P) => {
       o(
         "update:modelValue",
-        (l.modelValue || []).filter((A) => A !== L)
+        (l.modelValue || []).filter((A) => A !== P)
       );
     }, B = () => {
       l.isAsynchronousSearch || (O.value ? o("update:modelValue", null) : o(
         "update:modelValue",
-        D.value.map((L) => L.value)
+        D.value.map((P) => P.value)
       ));
     }, g = M();
     fe(D, () => {
       x.value = (/* @__PURE__ */ new Date()).toISOString();
-    }), fe(c, (L) => {
-      if (!L) {
+    }), fe(c, (P) => {
+      if (!P) {
         o("close");
         return;
       }
@@ -6496,8 +6500,8 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       });
     });
     const I = M("100%"), V = z(() => ({ maxWidth: I.value })), N = () => {
-      var L, A, U, H;
-      o("toggle"), I.value = (A = (L = g.value) == null ? void 0 : L.$el) != null && A.offsetWidth ? `${(H = (U = g.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
+      var P, A, U, H;
+      o("toggle"), I.value = (A = (P = g.value) == null ? void 0 : P.$el) != null && A.offsetWidth ? `${(H = (U = g.value) == null ? void 0 : U.$el) == null ? void 0 : H.offsetWidth}px` : "100%", setTimeout(() => {
         var se;
         let X, ee;
         if (Array.isArray(l.modelValue) ? X = l.modelValue[0] ?? null : X = l.modelValue, !X) return;
@@ -6508,15 +6512,15 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
         const _ = b.value[ee], oe = (se = _ == null ? void 0 : _.optionItemRef) == null ? void 0 : se.offsetTop;
         y.value.parentNode.scrollTo(0, oe - 60, { behavior: "smooth" });
       }, 10);
-    }, E = (L) => {
+    }, E = (P) => {
       var U, H, X;
       if (l.isLoading)
         return;
-      ((U = L.target) == null ? void 0 : U.scrollHeight) - Math.round((H = L.target) == null ? void 0 : H.scrollTop) <= ((X = L.target) == null ? void 0 : X.clientHeight) && o("loadMore");
+      ((U = P.target) == null ? void 0 : U.scrollHeight) - Math.round((H = P.target) == null ? void 0 : H.scrollTop) <= ((X = P.target) == null ? void 0 : X.clientHeight) && o("loadMore");
     };
     return r({
       dropdownRef: v
-    }), (L, A) => (t(), p(i(ge), {
+    }), (P, A) => (t(), p(i(ge), {
       ref_key: "baseInput",
       ref: g,
       class: "relative rounded",
@@ -6529,8 +6533,8 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       "tooltip-options": e.tooltipOptions
     }, ae({
       tooltipText: w(() => [
-        L.$slots.selectTooltipText ? (t(), s("div", hr, [
-          S(L.$slots, "selectTooltipText")
+        P.$slots.selectTooltipText ? (t(), s("div", hr, [
+          S(P.$slots, "selectTooltipText")
         ])) : m("", !0)
       ]),
       default: w(() => [
@@ -6568,7 +6572,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     modelValue: d.value,
                     "onUpdate:modelValue": [
                       A[4] || (A[4] = (H) => d.value = H),
-                      A[5] || (A[5] = (H) => L.$emit("onSearchKeywords", d.value))
+                      A[5] || (A[5] = (H) => P.$emit("onSearchKeywords", d.value))
                     ],
                     icon: "search",
                     placeholder: "Search"
@@ -6594,12 +6598,12 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                     label: "Select All",
                     onClick: B
                   }, null, 8, ["is-selected", "is-partial"])) : m("", !0),
-                  S(L.$slots, "default", {
+                  S(P.$slots, "default", {
                     key: x.value,
                     fOptions: D.value,
                     selectOption: j
                   }, () => [
-                    (t(!0), s(P, null, R(D.value, (H) => (t(), p(i(gt), {
+                    (t(!0), s(L, null, R(D.value, (H) => (t(), p(i(gt), {
                       ref_for: !0,
                       ref_key: "filterableOptionsRef",
                       ref: b,
@@ -6612,7 +6616,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                       onClick: (X) => j(H)
                     }, null, 8, ["label", "sub-label", "is-disabled", "is-checkboxes", "is-selected", "onClick"]))), 128))
                   ]),
-                  S(L.$slots, "infinite-scrolling"),
+                  S(P.$slots, "infinite-scrolling"),
                   e.isLoading ? (t(), p(i(Se), {
                     key: 1,
                     class: f(["h-[20px] rounded-sm", { "mt-2": !e.options.length && e.isFilterable }])
@@ -6624,7 +6628,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   class: "flex items-center py-2 justify-center gap-x-[6px] sticky bottom-0 bg-white z-10",
                   size: "small",
                   "is-transparent": "",
-                  onClick: A[6] || (A[6] = (H) => L.$emit("addNew"))
+                  onClick: A[6] || (A[6] = (H) => P.$emit("addNew"))
                 }, {
                   default: w(() => [
                     h(i(T), {
@@ -6649,8 +6653,8 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
               }])
             }, [
               e.multiple ? (t(), s("div", mr, [
-                S(L.$slots, "selection", {}, () => [
-                  (t(!0), s(P, null, R(e.maxVisibleOptions ? C.value.slice(0, e.maxVisibleOptions) : C.value, (U) => (t(), p(i(le), F({
+                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({
                     key: U.value,
                     closable: "",
                     variant: U.variant,
@@ -6672,9 +6676,9 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                 modelValue: d.value,
                 "onUpdate:modelValue": [
                   A[0] || (A[0] = (U) => d.value = U),
-                  A[1] || (A[1] = (U) => L.$emit("onSearchKeywords", d.value))
+                  A[1] || (A[1] = (U) => P.$emit("onSearchKeywords", d.value))
                 ],
-                placeholder: "Search",
+                placeholder: e.searchPlaceholder,
                 "input-class": "!border-none !shadow-none",
                 "is-readonly": !c.value,
                 onKeyup: A[2] || (A[2] = Ue((U) => c.value = !1, ["enter"]))
@@ -6689,7 +6693,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["modelValue", "is-readonly"])) : (t(), s("span", vr, [
+              ]), 1032, ["modelValue", "placeholder", "is-readonly"])) : (t(), s("span", vr, [
                 e.icon ? (t(), p(i(T), {
                   key: 0,
                   name: e.icon,
@@ -6719,10 +6723,10 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
       ]),
       _: 2
     }, [
-      L.$slots.hint ? {
+      P.$slots.hint ? {
         name: "hint",
         fn: w(() => [
-          S(L.$slots, "hint")
+          S(P.$slots, "hint")
         ]),
         key: "0"
       } : void 0
@@ -6893,7 +6897,7 @@ const lt = /* @__PURE__ */ he(Ii, [["render", Di]]), Ai = { class: "flex" }, ji
           }, {
             menu: w(() => [
               e.isEdit ? m("", !0) : (t(), s("div", Or, [
-                (t(!0), s(P, null, R(e.links, (g) => (t(), s("div", {
+                (t(!0), s(L, null, R(e.links, (g) => (t(), s("div", {
                   key: g.value,
                   class: "flex rounded-sm items-center px-3 py-2 gap-x-3 cursor-pointer text-oc-text-400 hover:bg-gray-50",
                   onClick: (I) => y(g.value)
@@ -7039,9 +7043,9 @@ var jt = { exports: {} };
     };
   });
 })(jt);
-var Lr = jt.exports;
-const Mt = /* @__PURE__ */ Ke(Lr);
-var Lt = { exports: {} };
+var Pr = jt.exports;
+const Mt = /* @__PURE__ */ Ke(Pr);
+var Pt = { exports: {} };
 (function(e, r) {
   (function(a, l) {
     e.exports = l();
@@ -7107,7 +7111,7 @@ var Lt = { exports: {} };
           return se || ue.slice(1);
         });
       })).match(l), V = I.length, N = 0; N < V; N += 1) {
-        var E = I[N], L = C[E], A = L && L[0], U = L && L[1];
+        var E = I[N], P = C[E], A = P && P[0], U = P && P[1];
         I[N] = U ? { regex: A, parser: U } : E.replace(/^\[|\]$/g, "");
       }
       return function(H) {
@@ -7132,22 +7136,22 @@ var Lt = { exports: {} };
       g.p.customParseFormat = !0, k && k.parseTwoDigitYear && (b = k.parseTwoDigitYear);
       var I = B.prototype, V = I.parse;
       I.parse = function(N) {
-        var E = N.date, L = N.utc, A = N.args;
-        this.$u = L;
+        var E = N.date, P = N.utc, A = N.args;
+        this.$u = P;
         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) {
             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, Le = ie.week, Ge = /* @__PURE__ */ new Date(), Xe = Q || (Ve || ke ? 1 : Ge.getDate()), Je = Ve || Ge.getFullYear(), Ne = 0;
+              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), Le && (Re = $e(Re).week(Le).toDate()), Re);
+              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);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(E, U, L, g), this.init(), _ && _ !== !0 && (this.$L = this.locale(_).$L), ee && E != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), v = {};
+          }(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);
@@ -7161,19 +7165,19 @@ var Lt = { exports: {} };
       };
     };
   });
-})(Lt);
-var Pr = Lt.exports;
-const nt = /* @__PURE__ */ Ke(Pr);
-var Er = typeof global == "object" && global && global.Object === Object && global, zr = typeof self == "object" && self && self.Object === Object && self, Pt = Er || zr || Function("return this")(), He = Pt.Symbol, Et = Object.prototype, Nr = Et.hasOwnProperty, Rr = Et.toString, Pe = He ? He.toStringTag : void 0;
+})(Pt);
+var Lr = Pt.exports;
+const nt = /* @__PURE__ */ Ke(Lr);
+var Er = typeof global == "object" && global && global.Object === Object && global, zr = typeof self == "object" && self && self.Object === Object && self, Lt = Er || zr || Function("return this")(), He = Lt.Symbol, Et = Object.prototype, Nr = Et.hasOwnProperty, Rr = Et.toString, Le = He ? He.toStringTag : void 0;
 function Fr(e) {
-  var r = Nr.call(e, Pe), a = e[Pe];
+  var r = Nr.call(e, Le), a = e[Le];
   try {
-    e[Pe] = void 0;
+    e[Le] = void 0;
     var l = !0;
   } catch {
   }
   var o = Rr.call(e);
-  return l && (r ? e[Pe] = a : delete e[Pe]), o;
+  return l && (r ? e[Le] = a : delete e[Le]), o;
 }
 var Ur = Object.prototype, qr = Ur.toString;
 function Hr(e) {
@@ -7221,7 +7225,7 @@ function xt(e) {
   return a || ad.test(e) ? nd(e.slice(2), a ? 2 : 8) : td.test(e) ? yt : +e;
 }
 var tt = function() {
-  return Pt.Date.now();
+  return Lt.Date.now();
 }, od = "Expected a function", id = Math.max, sd = Math.min;
 function rd(e, r, a) {
   var l, o, d, c, u, v, b = 0, y = !1, x = !1, O = !0;
@@ -7229,19 +7233,19 @@ function rd(e, r, a) {
     throw new TypeError(od);
   r = xt(r) || 0, at(a) && (y = !!a.leading, x = "maxWait" in a, d = x ? id(xt(a.maxWait) || 0, r) : d, O = "trailing" in a ? !!a.trailing : O);
   function D(E) {
-    var L = l, A = o;
-    return l = o = void 0, b = E, c = e.apply(A, L), c;
+    var P = l, A = o;
+    return l = o = void 0, b = E, c = e.apply(A, P), c;
   }
   function C(E) {
     return b = E, u = setTimeout(B, r), y ? D(E) : c;
   }
   function j(E) {
-    var L = E - v, A = E - b, U = r - L;
+    var P = E - v, A = E - b, U = r - P;
     return x ? sd(U, d - A) : U;
   }
   function k(E) {
-    var L = E - v, A = E - b;
-    return v === void 0 || L >= r || L < 0 || x && A >= d;
+    var P = E - v, A = E - b;
+    return v === void 0 || P >= r || P < 0 || x && A >= d;
   }
   function B() {
     var E = tt();
@@ -7259,8 +7263,8 @@ function rd(e, r, a) {
     return u === void 0 ? c : g(tt());
   }
   function N() {
-    var E = tt(), L = k(E);
-    if (l = arguments, o = this, v = E, L) {
+    var E = tt(), P = k(E);
+    if (l = arguments, o = this, v = E, P) {
       if (u === void 0)
         return C(v);
       if (x)
@@ -7329,15 +7333,15 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
       };
     }), E = z(
       () => Object.values(N.value).filter(Boolean).length > 1
-    ), L = z(() => o.value.month()), A = z(
+    ), P = z(() => o.value.month()), A = z(
       () => {
         var q;
-        return L.value === ((q = d.value) == null ? void 0 : q.month());
+        return P.value === ((q = d.value) == null ? void 0 : q.month());
       }
     ), U = z(
       () => {
         var q;
-        return L.value === ((q = c.value) == null ? void 0 : q.month());
+        return P.value === ((q = c.value) == null ? void 0 : q.month());
       }
     ), H = () => {
       y.value = null, o.value = o.value.subtract(1, "month"), d.value && (u.value = A.value ? d.value.date() : null, v.value = U.value ? c.value.date() : null);
@@ -7429,7 +7433,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                 })
               ]),
               D.value ? (t(), s("div", vd, [
-                (t(!0), s(P, null, R(Oe(I.value - 11), (Y) => (t(), s("div", {
+                (t(!0), s(L, null, R(Oe(I.value - 11), (Y) => (t(), s("div", {
                   key: Y,
                   class: f(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": o.value.year() === Y
@@ -7437,12 +7441,12 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                   onClick: (ce) => _(Y)
                 }, $(Y), 11, gd))), 128))
               ])) : (t(), s("div", pd, [
-                (t(), s(P, null, R(B, (Y, ce) => n("div", {
+                (t(), s(L, null, R(B, (Y, ce) => n("div", {
                   key: Y,
                   class: f(["px-4 py-2 hover:border-oc-gray-200 border-2 border-transparent transition text-center rounded cursor-pointer", {
                     "!border-oc-primary bg-oc-primary text-white": V.value === Y
                   }]),
-                  onClick: (Le) => ee(ce)
+                  onClick: (Pe) => ee(ce)
                 }, $(Y), 11, yd)), 64))
               ]))
             ])
@@ -7474,7 +7478,7 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
         class: "grid grid-cols-7 w-fit gap-3",
         onMouseout: J[2] || (J[2] = (Y) => i(ke)(void 0))
       }, [
-        (t(!0), s(P, null, R(k.value, (Y) => {
+        (t(!0), s(L, null, R(k.value, (Y) => {
           var ce;
           return t(), s("div", {
             key: Y,
@@ -7490,8 +7494,8 @@ const dd = { class: "flex items-center justify-between" }, cd = { class: "flex f
                 "before:bg-transparent": u.value !== null && u.value === v.value
               } : ""
             ]]),
-            onClick: (Le) => Ve(Y),
-            onMouseover: (Le) => i(ke)(Y)
+            onClick: (Pe) => Ve(Y),
+            onMouseover: (Pe) => i(ke)(Y)
           }, $(Y), 43, xd);
         }), 128))
       ], 32),
@@ -7695,7 +7699,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       ]),
       default: w(() => [
         n("div", $d, [
-          !e.isSplitInput || !v.value ? (t(), s(P, { key: 0 }, [
+          !e.isSplitInput || !v.value ? (t(), s(L, { key: 0 }, [
             n("div", kd, [
               h(i(xe), {
                 "model-value": v.value ? e.modelValue && e.modelValue[0] ? `${b.value[0].format(e.dateFormat)} - ${b.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? b.value.format(e.dateFormat) : "",
@@ -7768,10 +7772,10 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       _: 3
     }, 8, ["modelValue", "is-disabled"]));
   }
-}, Dd = { class: "flex" }, Ad = { class: "flex flex-col gap-y-1 flex-1" }, jd = { class: "font-medium gap-x-3 flex items-center" }, Md = { class: "px-2 py-1 text-sm text-oc-text-400" }, Ld = {
+}, Dd = { class: "flex" }, Ad = { class: "flex flex-col gap-y-1 flex-1" }, jd = { class: "font-medium gap-x-3 flex items-center" }, Md = { class: "px-2 py-1 text-sm text-oc-text-400" }, Pd = {
   key: 1,
   class: "text-sm text-oc-error flex items-center"
-}, Pd = {
+}, Ld = {
   __name: "OcSectionItem",
   props: {
     title: String,
@@ -7824,7 +7828,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           key: 0,
           class: f(["text-oc-text-400 text-sm", e.descriptionClass])
         }, $(e.description), 3)) : m("", !0),
-        e.errorMessage ? (t(), s("div", Ld, $(e.errorMessage), 1)) : m("", !0)
+        e.errorMessage ? (t(), s("div", Pd, $(e.errorMessage), 1)) : m("", !0)
       ]),
       S(o.$slots, "actions", {}, () => [
         e.isToggle ? (t(), p(i(St), F({
@@ -7908,7 +7912,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
           ]])
         }, [
           e.optionType === "icon" ? (t(), s("div", Ed, [
-            (t(!0), s(P, null, R(e.options, (v) => (t(), s("div", {
+            (t(!0), s(L, null, R(e.options, (v) => (t(), s("div", {
               key: v.value,
               class: f(["p-1", {
                 "bg-oc-gray-200 rounded-sm": v.value.toString() === e.modelValue.toString()
@@ -7919,7 +7923,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 onClick: (b) => o(v.value)
               }, null, 8, ["name", "onClick"])
             ], 2))), 128))
-          ])) : (t(!0), s(P, { key: 1 }, R(e.options, (v) => (t(), s("div", {
+          ])) : (t(!0), s(L, { key: 1 }, R(e.options, (v) => (t(), s("div", {
             key: v.value,
             class: f(["cursor-pointer group items-start", {
               "flex border border-oc-gray-200 p-3 rounded hover:shadow": !d.value,
@@ -8161,15 +8165,15 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       a.accept,
       a.validateAcceptFileType
     ), j = z(() => {
-      var L;
-      return URL.createObjectURL((L = O.value) == null ? void 0 : L[0].file);
+      var P;
+      return URL.createObjectURL((P = O.value) == null ? void 0 : P[0].file);
     }), k = z(() => {
-      var L;
-      return (L = O.value) == null ? void 0 : L[0];
+      var P;
+      return (P = O.value) == null ? void 0 : P[0];
     });
     Ce(() => {
       if (a.modelValue && a.modelValue.current) {
-        const L = [
+        const P = [
           {
             current: a.modelValue.current,
             file: null,
@@ -8181,38 +8185,38 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             extension: a.modelValue.current.extension ?? "png"
           }
         ];
-        O.value = L;
+        O.value = P;
       }
     });
-    const B = (L) => {
-      L.preventDefault();
-      const A = L.dataTransfer.files;
+    const B = (P) => {
+      P.preventDefault();
+      const A = P.dataTransfer.files;
       D({ target: { files: A } }, a.format === "object");
     }, g = () => {
       !d.value || !c.value || l("update:modelValue", { fileName: c, fileLink: d });
-    }, I = (L) => {
-      k.value.fileUrl = L, k.value.fileName = Date.now(), y.value = !1, x.value = "", l("update:modelValue", a.format === "object" ? k.value : [k.value]);
-    }, V = async (L) => {
-      if (L)
+    }, I = (P) => {
+      k.value.fileUrl = P, k.value.fileName = Date.now(), y.value = !1, x.value = "", l("update:modelValue", a.format === "object" ? k.value : [k.value]);
+    }, V = async (P) => {
+      if (P)
         try {
-          const A = await fetch(L, { method: "HEAD" });
+          const A = await fetch(P, { method: "HEAD" });
           u.value = A.ok;
         } catch (A) {
           console.log("Error checking file link:", A);
         }
     }, N = () => {
       x.value = k.value.fileUrl, b.value = !1, y.value = !0;
-    }, E = (L) => {
-      l("update:modelValue", L);
+    }, E = (P) => {
+      l("update:modelValue", P);
     };
-    return (L, A) => (t(), p(i(ge), {
+    return (P, A) => (t(), p(i(ge), {
       label: e.label,
       "label-class": e.labelClass,
       hint: e.hint,
       "error-message": e.errorMessage
     }, {
       hint: w(() => [
-        S(L.$slots, "hint")
+        S(P.$slots, "hint")
       ]),
       default: w(() => {
         var U, H, X, ee, _, oe, se, ue, be, we, me, $e, ie, Ve, ke;
@@ -8226,7 +8230,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             "onUpdate:uploadedImage": E,
             onChange: A[0] || (A[0] = (Q) => i(D)(Q, a.format === "object")),
             onDelete: A[1] || (A[1] = (Q) => i(C)(0))
-          }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), s(P, { key: 1 }, [
+          }, null, 8, ["accept", "uploaded-image", "image-classes", "show-upload-image-area"])) : e.isButtonOnly ? (t(), s(L, { key: 1 }, [
             h(i(G), F(e.buttonUploadProps, {
               onClick: A[2] || (A[2] = (Q) => {
                 var Oe;
@@ -8241,7 +8245,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               accept: e.accept,
               onChange: A[3] || (A[3] = (Q) => i(D)(Q, a.format === "object"))
             }, null, 40, Gd)
-          ], 64)) : (t(), s(P, { key: 2 }, [
+          ], 64)) : (t(), s(L, { key: 2 }, [
             i(O).length ? (t(), s("div", {
               key: 1,
               class: f(["p-3 rounded border flex gap-x-5 border-oc-gray-200 bg-white items-center", {
@@ -8314,7 +8318,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                   }),
                   onChangeImage: I
                 }, null, 8, ["modelValue", "img"])) : m("", !0)
-              ])) : (t(), s(P, { key: 1 }, [
+              ])) : (t(), s(L, { key: 1 }, [
                 n("div", ac, [
                   n("div", nc, [
                     h(i(T), {
@@ -8355,7 +8359,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               ], 64))
             ], 2)) : (t(), s("div", Xd, [
               n("div", Jd, [
-                e.variant === "url" ? (t(), s(P, { key: 0 }, [
+                e.variant === "url" ? (t(), s(L, { key: 0 }, [
                   h(i(xe), {
                     modelValue: d.value,
                     "onUpdate:modelValue": A[4] || (A[4] = (Q) => d.value = Q),
@@ -8510,18 +8514,18 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
         "onUpdate:modelValue": V[0] || (V[0] = (N) => I.$emit("update:uploadedImages", N))
       }, {
         default: w(({ list: N }) => [
-          (t(!0), s(P, null, R(N, (E, L) => (t(), s("div", {
+          (t(!0), s(L, null, R(N, (E, P) => (t(), s("div", {
             key: E.fileName,
             class: f(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100 bg-cover bg-center", {
               "border-oc-primary": e.selectedImage.fileName === E.fileName,
-              "col-start-2": L === 0 && B.value
+              "col-start-2": P === 0 && B.value
             }]),
             style: re(`background-image: url(${E.fileUrl})`),
             onClick: (A) => I.$emit("update:selectedImage", E)
           }, [
             h(i(ne), {
-              modelValue: o.value[L],
-              "onUpdate:modelValue": (A) => o.value[L] = A,
+              modelValue: o.value[P],
+              "onUpdate:modelValue": (A) => o.value[P] = A,
               placement: "bottom-end",
               class: "absolute top-2 right-2 z-[1010] hidden group-hover:flex"
             }, {
@@ -8529,12 +8533,12 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                 S(I.$slots, "action", {
                   item: E,
                   removeItem: x,
-                  fileIndex: L
+                  fileIndex: P
                 }, () => [
                   n("div", vc, [
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center gap-x-3",
-                      onClick: (A) => g(L, E)
+                      onClick: (A) => g(P, E)
                     }, [
                       h(i(T), {
                         width: "16",
@@ -8546,7 +8550,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
                     n("div", {
                       class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
                       onClick: () => {
-                        x(L), o.value[L] = !1;
+                        x(P), o.value[P] = !1;
                       }
                     }, [
                       h(i(T), {
@@ -8737,7 +8741,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               })
             ]),
             _: 3
-          }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), s(P, { key: 1 }, [
+          }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (t(), s(L, { key: 1 }, [
             S(C.$slots, "button", { triggerInput: D }, () => [
               h(i(G), F(e.buttonUploadProps, { onClick: D }), null, 16)
             ]),
@@ -8761,7 +8765,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             ]])
           }, [
             n("div", $c, [
-              (t(!0), s(P, null, R(i(v), (k, B) => (t(), s("div", {
+              (t(!0), s(L, null, R(i(v), (k, B) => (t(), s("div", {
                 key: `${B}-${k.fileName}`,
                 class: "flex justify-between relative items-center w-full last:mb-2"
               }, [
@@ -8842,7 +8846,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       }, 8, ["label", "hint", "error-message"])
     ]));
   }
-}, Mc = ["value"], Lc = /* @__PURE__ */ Z({
+}, Mc = ["value"], Pc = /* @__PURE__ */ Z({
   __name: "OcNumberInput",
   props: {
     modelValue: {
@@ -8917,7 +8921,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       _: 1
     }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
   }
-}), Pc = {
+}), Lc = {
   __name: "OcDropdown",
   props: {
     distance: {
@@ -9017,7 +9021,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       [i(wt), v]
     ]);
   }
-}, ne = /* @__PURE__ */ he(Pc, [["__scopeId", "data-v-28a0af68"]]), Ec = { class: "flex items-center gap-x-3 p-3" }, zc = { class: "md:text-base text-sm" }, Nc = {
+}, ne = /* @__PURE__ */ he(Lc, [["__scopeId", "data-v-28a0af68"]]), Ec = { class: "flex items-center gap-x-3 p-3" }, zc = { class: "md:text-base text-sm" }, Nc = {
   key: 0,
   class: "p-3 text-sm text-oc-text-300"
 }, pe = {
@@ -9633,11 +9637,11 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       }, {
         menu: w(() => [
           n("div", iu, [
-            (t(!0), s(P, null, R(e.topMenu, (o, d) => (t(), s(P, { key: d }, [
+            (t(!0), s(L, null, R(e.topMenu, (o, d) => (t(), s(L, { key: d }, [
               n("div", su, [
                 n("span", ru, $(o.title), 1)
               ]),
-              (t(!0), s(P, null, R(o.items, (c, u) => (t(), p(i(pe), F({
+              (t(!0), s(L, null, R(o.items, (c, u) => (t(), p(i(pe), F({
                 key: u,
                 class: "text-sm",
                 ref_for: !0
@@ -9649,7 +9653,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
               }, 1040))), 128))
             ], 64))), 128)),
             l[2] || (l[2] = n("div", { class: "w-full border-t border-gray-200" }, null, -1)),
-            (t(!0), s(P, null, R(e.bottomMenu, (o, d) => (t(), p(i(pe), F({
+            (t(!0), s(L, null, R(e.bottomMenu, (o, d) => (t(), p(i(pe), F({
               key: d,
               class: "text-sm",
               ref_for: !0
@@ -9816,10 +9820,10 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
     const a = e, l = r, o = (g, I) => {
       l("onUpdate", g, I);
     }, d = {
-      CardInput: Ls,
+      CardInput: Ps,
       CheckboxesGroup: Es,
       Input: xe,
-      NumberInput: Lc,
+      NumberInput: Pc,
       LinkInput: Ir,
       Select: br,
       TextArea: Ar,
@@ -9831,14 +9835,14 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       Slider: kt,
       RangeInput: ur,
       PhoneInput: lr,
-      SectionItem: Pd,
+      SectionItem: Ld,
       SelectOptions: Fd
     }, c = (g) => d[g] ? d[g] : null, u = z(() => {
       const g = (V) => V.split(`
 `).map((N) => N.trim()).filter(Boolean).map((N) => `"${N}"`).join(" "), I = {};
       return Object.entries(a.grid).forEach(([V, N]) => {
-        Object.entries(N).forEach(([E, L]) => {
-          I[`--grid-${V}-${E}`] = E === "area" ? g(L) : L;
+        Object.entries(N).forEach(([E, P]) => {
+          I[`--grid-${V}-${E}`] = E === "area" ? g(P) : P;
         });
       }), I;
     }), v = (g) => typeof g == "object" ? g[0].key : g, b = (g) => `grid-area: ${v(g)}`, y = z(() => a.class), x = M({}), O = M({}), D = M({}), C = (g) => typeof g == "object" ? g[0].key : g, j = (g) => {
@@ -9897,8 +9901,8 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
       class: f(e.grid ? `responsive-smart-form-grid ${y.value}` : y.value),
       style: re(e.grid ? u.value : "")
     }, [
-      (t(!0), s(P, null, R(e.jsonForm, (V) => {
-        var N, E, L, A, U, H;
+      (t(!0), s(L, null, R(e.jsonForm, (V) => {
+        var N, E, P, A, U, H;
         return t(), s("div", {
           key: v(V.name),
           style: re(e.grid ? b(V.name) : ""),
@@ -9911,7 +9915,7 @@ const $d = { class: "flex flex-col gap-y-2 w-full" }, kd = { class: "flex w-full
             key: 0,
             ref_for: !0
           }, V.props, {
-            "model-value": (N = V.props) != null && N.parentKey ? (L = (E = x.value) == null ? void 0 : E[V.props.parentKey]) == null ? void 0 : L[V.name] : x.value[typeof V.name == "object" ? C(V.name) : V.name],
+            "model-value": (N = V.props) != null && N.parentKey ? (P = (E = x.value) == null ? void 0 : E[V.props.parentKey]) == null ? void 0 : P[V.name] : x.value[typeof V.name == "object" ? C(V.name) : V.name],
             "error-message": O.value[typeof V.name == "object" ? C(V.name) : V.name],
             "onUpdate:modelValue": (X) => o(V, X)
           }), null, 16, ["model-value", "error-message", "onUpdate:modelValue"])) : S(g.$slots, V.type, {
@@ -9926,15 +9930,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-jEi8nv49.js")), Am = de(() => import("./OcFilterSearch-uwvSa4T-.js")), jm = de(() => import("./OcFilterSearchFor-slPlYfnK.js")), Mm = de(() => import("./OcFilterForm-Cjh9_XCp.js")), hu = de(
-  () => import("./OcComplexCalendar-CIVengZ-.js")
-), Lm = de(
-  () => import("./OcComplexDatePicker-CF1YFQcW.js")
-), ot = de(() => import("./OcModalCropper-DPHzg5DA.js")), Pm = de(() => import("./OcCropper-DUjA1GBN.js")), bu = de(() => import("./OcDraggable-CA_BCbpl.js")), Em = de(() => import("./OcDraggableList-zuwcLtbA.js")), zm = de(() => import("./OcEmojiPicker-CB3pj0zm.js")), Nm = de(
-  () => import("./ThumbnailTheme-BDN3LEJ8.js")
+}, 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")
+), 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")
 ), Rm = de(
-  () => import("./ThumbnailSection-BlC_pHTK.js")
-), Fm = de(() => import("./SubPlanCard-1SpYv17Z.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-CKpg4fbP.js"));
+  () => import("./ThumbnailSection-DfeUfddb.js")
+), Fm = de(() => import("./SubPlanCard-60j8QhAA.js")), Um = de(() => import("./OcTimePopup-CXGhaOev.js")), wu = de(() => import("./OcTimePicker-DM8yNBD3.js"));
 export {
   tm as $,
   Wu as A,
@@ -9964,7 +9968,7 @@ export {
   Qu as Y,
   _u as Z,
   ge as _,
-  Ls as a,
+  Ps as a,
   Wn as a0,
   fm as a1,
   yi as a2,
@@ -9982,9 +9986,9 @@ export {
   Mm as aE,
   jm as aF,
   Dm as aG,
-  Lm as aH,
+  Pm as aH,
   ot as aI,
-  Pm as aJ,
+  Lm as aJ,
   Em as aK,
   zm as aL,
   Nm as aM,
@@ -10033,11 +10037,11 @@ export {
   Ar as o,
   wd as p,
   Td as q,
-  Pd as r,
+  Ld as r,
   Fd as s,
   Cm as t,
   Vm as u,
-  Lc as v,
+  Pc as v,
   Tm as w,
   Gu as x,
   Ku as y,