@orchidui/core 1.17.0 → 1.19.0-3

package/dist/{OcEmojiPicker-DPJdrLIh.js → OcEmojiPicker-DKWtyTsI.js}

@@ -1,5 +1,5 @@
-import { ref as m, computed as p, openBlock as s, createElementBlock as l, createVNode as f, unref as c, withCtx as v, createElementVNode as n, Fragment as T, renderList as V, normalizeClass as k, createTextVNode as C, createBlock as N, createCommentVNode as z } from "vue";
-import { ay as U, d as J, B as b } from "./index-PN9RLc1R.js";
+import { ref as m, computed as p, createElementBlock as l, openBlock as s, createVNode as f, createBlock as N, createCommentVNode as z, unref as c, withCtx as v, createElementVNode as n, normalizeClass as T, Fragment as V, renderList as k, createTextVNode as C } from "vue";
+import { az as U, d as J, B as _ } from "./index-d52sus6s.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {
@@ -21,9 +21,9 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
   setup(r, { emit: E }) {
     const g = r, L = E, d = m(!1), u = m(""), i = m(g.modelValue), h = m("grinning"), w = p(() => g.modelValue || a.sunglasses), M = p(
       () => i.value ? a[i.value] : a.sunglasses
-    ), y = p(
+    ), b = p(
       () => Object.entries(a).filter(([t]) => t.includes(u.value))
-    ), _ = p(() => Object.entries(P)), O = (t) => {
+    ), y = p(() => Object.entries(P)), O = (t) => {
       i.value = t;
     }, j = () => {
       d.value = !1, L("update:modelValue", a[i.value]);
@@ -38,7 +38,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
       const e = document.getElementById(`emoji-${t}`).offsetTop;
       document.getElementById("emojiList").scroll({ top: e, behavior: "smooth" }), h.value = t;
     }, $ = (t) => {
-      _.value.forEach(([e]) => {
+      y.value.forEach(([e]) => {
         const o = document.getElementById(`emoji-${e}`).offsetTop;
         t.target.scrollTop >= o - 20 && (h.value = e);
       });
@@ -79,13 +79,13 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
                 icon: "search"
               }, null, 8, ["modelValue"])
             ]),
-            y.value.length ? (s(), l("div", {
+            b.value.length ? (s(), l("div", {
               key: 0,
               id: "emojiList",
               class: "grid grid-cols-9 gap-3 max-h-[204px] overflow-y-auto overflow-x-hidden mt-3 mb-5 relative",
               onScroll: $
             }, [
-              (s(!0), l(T, null, V(y.value, ([o, x]) => (s(), l("div", {
+              (s(!0), l(V, null, k(b.value, ([o, x]) => (s(), l("div", {
                 id: `emoji-${o}`,
                 key: o,
                 innerHTML: x,
@@ -94,30 +94,32 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
               }, null, 8, W))), 128))
             ], 32)) : (s(), l("div", X, "No emoji found")),
             n("div", Y, [
-              (s(!0), l(T, null, V(_.value, ([o, x]) => (s(), l("div", {
+              (s(!0), l(V, null, k(y.value, ([o, x]) => (s(), l("div", {
                 key: o,
                 innerHTML: x,
-                class: k(["w-8 h-8 text-[24px] flex items-center justify-center cursor-pointer transition opacity-30 hover:opacity-100", {
+                class: T(["w-8 h-8 text-[24px] flex items-center justify-center cursor-pointer transition opacity-30 hover:opacity-100", {
                   "!opacity-100": o === h.value
                 }]),
                 onClick: (D) => S(o)
               }, null, 10, Z))), 128))
             ]),
             n("div", ee, [
-              f(c(b), {
+              f(c(_), {
                 variant: "secondary",
                 onClick: B
               }, {
                 default: v(() => e[2] || (e[2] = [
                   C("Cancel")
                 ])),
-                _: 1
+                _: 1,
+                __: [2]
               }),
-              f(c(b), { onClick: j }, {
+              f(c(_), { onClick: j }, {
                 default: v(() => e[3] || (e[3] = [
                   C("Use this emoji")
                 ])),
-                _: 1
+                _: 1,
+                __: [3]
               })
             ])
           ])
@@ -125,14 +127,14 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
         default: v(() => [
           n("div", {
             innerHTML: w.value,
-            class: k(["flex items-center justify-center w-12 h-12 text-[40px] transition rounded", {
+            class: T(["flex items-center justify-center w-12 h-12 text-[40px] transition rounded", {
               "cursor-pointer hover:bg-oc-gray-200": !r.isDisabled
             }])
           }, null, 10, G)
         ]),
         _: 1
       }, 8, ["modelValue", "popper-options", "is-disabled"]),
-      r.isDisabled ? z("", !0) : (s(), N(c(b), {
+      r.isDisabled ? z("", !0) : (s(), N(c(_), {
         key: 0,
         "left-icon": "shuffle",
         variant: "secondary",

package/dist/{OcFilterForm-Nkw7WcfL.js → OcFilterForm-DcVtNrT1.js}

@@ -1,5 +1,5 @@
-import { ref as r, computed as u, onMounted as B, openBlock as O, createElementBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
-import { u as w, B as m } from "./index-PN9RLc1R.js";
+import { ref as r, computed as u, onMounted as B, createElementBlock as O, openBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
+import { u as w, B as m } from "./index-d52sus6s.js";
 const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500px] overflow-y-auto p-5" }, E = { class: "flex gap-x-5 px-5 pb-5" }, N = {
   __name: "OcFilterForm",
   props: {
@@ -23,26 +23,24 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
   },
   emits: ["applyFilter", "cancel", "filter-fields-changed"],
   setup(t, { emit: y }) {
-    const s = t, d = y, a = r({}), p = r({}), n = r([]), b = (e) => {
-      n.value.findIndex((o) => o === e) >= 0 || n.value.push(e);
-    }, v = (e, l = null) => {
-      typeof e.name == "object" ? e.name.forEach((o, h) => {
-        a.value[o.key] = l[h];
-      }) : a.value[e.name] = l, b(e.name);
-    }, g = u(() => Object.values(a.value).length > 0), F = u(() => {
+    const s = t, d = y, a = r({}), p = r({}), n = r([]), b = u(() => Object.values(a.value).length > 0), g = u(() => {
       var e, l;
       return ((l = (e = s.actions) == null ? void 0 : e.applyButton) == null ? void 0 : l.label) || "Apply";
-    }), j = u(() => {
+    }), F = u(() => {
       var e, l;
       return ((l = (e = s.actions) == null ? void 0 : e.cancelButton) == null ? void 0 : l.label) || "Cancel";
-    });
-    B(() => {
-      a.value = { ...s.values };
-    });
-    const x = () => {
-      d("applyFilter", a.value), d("filter-fields-changed", n.value), n.value = [];
+    }), j = (e) => {
+      n.value.findIndex((o) => o === e) >= 0 || n.value.push(e);
+    }, v = (e, l = null) => {
+      typeof e.name == "object" ? e.name.forEach((o, h) => {
+        a.value[o.key] = l[h];
+      }) : a.value[e.name] = l, j(e.name);
+    }, x = () => {
+      a.value.cursor && (a.value.cursor = ""), d("applyFilter", a.value), d("filter-fields-changed", n.value), n.value = [];
     };
-    return (e, l) => (O(), k("div", C, [
+    return B(() => {
+      a.value = { ...s.values };
+    }), (e, l) => (k(), O("div", C, [
       $(e.$slots, "default", {
         errors: p.value,
         values: a.value,
@@ -65,13 +63,13 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
         c(i(m), {
           class: "w-full",
           variant: "secondary",
-          label: j.value,
+          label: F.value,
           onClick: l[0] || (l[0] = (o) => e.$emit("cancel"))
         }, null, 8, ["label"]),
         c(i(m), {
           class: "w-full",
-          "is-disabled": !g.value,
-          label: F.value,
+          "is-disabled": !b.value,
+          label: g.value,
           onClick: x
         }, null, 8, ["is-disabled", "label"])
       ])

package/dist/{OcFilterSearch-BnvEtimd.js → OcFilterSearch-B7mIHuKn.js}

@@ -1,7 +1,7 @@
-import { ref as c, computed as B, openBlock as s, createElementBlock as u, Fragment as x, createElementVNode as i, normalizeClass as O, createVNode as m, unref as r, withKeys as K, createSlots as N, withCtx as v, renderList as Q, createBlock as f, toDisplayString as z, createCommentVNode as S, nextTick as D } from "vue";
-import { d as E, ay as F, az as I, B as w } from "./index-PN9RLc1R.js";
-import { _ as U } from "./OcIcon-CSpRxnwd.js";
-const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, A = { class: "p-2 flex flex-col" }, J = {
+import { ref as c, computed as B, createElementBlock as u, openBlock as s, Fragment as x, createElementVNode as i, createCommentVNode as O, normalizeClass as S, createVNode as m, createBlock as v, unref as r, withKeys as K, createSlots as N, withCtx as f, toDisplayString as Q, renderList as z, nextTick as A } from "vue";
+import { d as D, az as E, aA as F, B as w } from "./index-d52sus6s.js";
+import { _ as I } from "./OcIcon-CBf___w1.js";
+const U = { class: "flex gap-x-4" }, j = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, q = { class: "p-2 flex flex-col" }, J = {
   __name: "OcFilterSearch",
   props: {
     isSearchOnly: Boolean,
@@ -14,19 +14,19 @@ const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-
     "change-search-key": []
   },
   setup(t, { emit: C }) {
-    const h = C, y = t, l = c(!1), o = c(""), d = c(!1), p = c(), V = async () => {
-      l.value = !0, h("toggle", l), await D(), p.value.focus();
-    }, $ = B(() => y.searchOptions.find((n) => n.value === y.selectedOption)), b = (n) => {
+    const h = C, y = t, l = c(!1), o = c(""), d = c(!1), p = c(), V = B(() => y.searchOptions.find((n) => n.value === y.selectedOption)), $ = async () => {
+      l.value = !0, h("toggle", l.value), await A(), p.value.focus();
+    }, b = (n) => {
       h("change-search-key", n), d.value = !1;
     };
     return (n, a) => {
       var g, k;
       return s(), u(x, null, [
         i("div", {
-          class: O(["w-full", l.value || t.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
+          class: S(["w-full", l.value || t.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
         }, [
-          i("div", j, [
-            m(r(E), {
+          i("div", U, [
+            m(r(D), {
               ref_key: "searchInput",
               ref: p,
               modelValue: o.value,
@@ -34,25 +34,20 @@ const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-
               placeholder: "Search something here",
               class: "md:min-w-[310px]",
               icon: (g = t.searchOptions) != null && g.length ? "" : "search",
-              onKeyup: a[2] || (a[2] = K(
-                () => {
-                  n.$emit("addQuery", o.value);
-                },
-                ["enter"]
-              ))
+              onKeyup: a[2] || (a[2] = K((e) => n.$emit("addQuery", o.value), ["enter"]))
             }, N({ _: 2 }, [
               (k = t.searchOptions) != null && k.length ? {
                 name: "trailing",
-                fn: v(() => [
-                  m(r(F), {
+                fn: f(() => [
+                  m(r(E), {
                     modelValue: d.value,
                     "onUpdate:modelValue": a[0] || (a[0] = (e) => d.value = e),
                     distance: 12,
                     skidding: -8
                   }, {
-                    menu: v(() => [
-                      i("div", A, [
-                        (s(!0), u(x, null, Q(t.searchOptions, (e) => (s(), f(r(I), {
+                    menu: f(() => [
+                      i("div", q, [
+                        (s(!0), u(x, null, z(t.searchOptions, (e) => (s(), v(r(F), {
                           key: e.value,
                           class: "text-sm",
                           text: e.label,
@@ -61,12 +56,12 @@ const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-
                         }, null, 8, ["text", "active", "onClick"]))), 128))
                       ])
                     ]),
-                    default: v(() => {
+                    default: f(() => {
                       var e;
                       return [
-                        i("div", q, [
-                          i("span", null, z((e = $.value) == null ? void 0 : e.label), 1),
-                          m(r(U), {
+                        i("div", j, [
+                          i("span", null, Q((e = V.value) == null ? void 0 : e.label), 1),
+                          m(r(I), {
                             name: "chevron-down",
                             width: "14",
                             height: "14"
@@ -80,7 +75,7 @@ const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-
                 key: "0"
               } : void 0
             ]), 1032, ["modelValue", "icon"]),
-            t.isSearchOnly ? (s(), f(r(w), {
+            t.isSearchOnly ? (s(), v(r(w), {
               key: 0,
               label: "Search",
               variant: "secondary",
@@ -97,15 +92,15 @@ const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-
             }, " Clear "))
           ])
         ], 2),
-        t.isSearchOnly ? S("", !0) : (s(), u("div", {
+        t.isSearchOnly ? O("", !0) : (s(), u("div", {
           key: 0,
-          class: O(l.value ? "max-w-0 overflow-hidden" : "")
+          class: S(l.value ? "max-w-0 overflow-hidden" : "")
         }, [
-          l.value ? S("", !0) : (s(), f(r(w), {
+          l.value ? O("", !0) : (s(), v(r(w), {
             key: 0,
             variant: "secondary",
             "left-icon": "search",
-            onClick: V
+            onClick: $
           }))
         ], 2))
       ], 64);

package/dist/{OcFilterSearchFor-D6xP7uQz.js → OcFilterSearchFor-CqsuXADi.js}

@@ -1,56 +1,62 @@
-import { computed as k, openBlock as a, createBlock as m, unref as n, withCtx as x, createElementVNode as f, createElementBlock as v, Fragment as b, renderList as p, createVNode as F, createCommentVNode as $ } from "vue";
-import { M as y, at as i } from "./index-PN9RLc1R.js";
+import { computed as k, createBlock as m, createCommentVNode as x, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as b, renderList as p } from "vue";
+import { M as $, au as c } from "./index-d52sus6s.js";
 const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {
-    filters: Object,
-    queries: Object
+    filters: {
+      type: Object,
+      default: () => ({})
+    },
+    queries: {
+      type: Object,
+      default: () => ({})
+    }
   },
   emits: {
     removeQuery: [],
     removeFilter: [],
     removeAll: []
   },
-  setup(s, { emit: d }) {
-    const g = s, c = d, u = k(() => {
+  setup(n, { emit: d }) {
+    const g = n, i = d, u = k(() => {
       var l;
-      let t = [];
+      const t = [];
       return (l = g.filters) == null || l.forEach((e) => {
         if (e.multiNames) {
-          const r = t.find((o) => o.name === e.multiNames[0]);
+          const r = t.find((s) => s.name === e.multiNames[0]);
           r ? r.label = r.label + e.label : t.push(e);
         } else
           t.push(e);
       }), t;
     }), h = (t, l) => {
-      let e = {};
-      e[t] = "", l ? l.forEach((r) => {
-        let o = {};
-        o[r] = "", c("removeFilter", o, r);
-      }) : c("removeFilter", e, t);
+      const e = { [t]: "" };
+      l ? l.forEach((r) => {
+        const s = { [r]: "" };
+        i("removeFilter", s, r);
+      }) : i("removeFilter", e, t);
     };
-    return (t, l) => u.value.length > 0 || s.queries.length > 0 ? (a(), m(n(y), {
+    return (t, l) => u.value.length > 0 || n.queries.length > 0 ? (a(), m(o($), {
       key: 0,
       class: "!w-full !justify-start !bg-oc-bg-light"
     }, {
-      default: x(() => [
+      default: y(() => [
         f("div", C, [
           l[1] || (l[1] = f("span", { class: "pr-2 text-sm font-medium text-oc-text" }, "Search for:", -1)),
-          (a(!0), v(b, null, p(s.queries, (e) => (a(), m(n(i), {
+          (a(!0), v(b, null, p(n.queries, (e) => (a(), m(o(c), {
             key: e,
             variant: "accent-1",
             closable: "",
             label: e,
             onRemove: (r) => t.$emit("removeQuery", e)
           }, null, 8, ["label", "onRemove"]))), 128)),
-          (a(!0), v(b, null, p(u.value, (e) => (a(), m(n(i), {
+          (a(!0), v(b, null, p(u.value, (e) => (a(), m(o(c), {
             key: e.name,
             variant: "accent-1",
             closable: "",
             label: e.label,
             onRemove: (r) => h(e.name, e.multiNames)
           }, null, 8, ["label", "onRemove"]))), 128)),
-          F(n(i), {
+          F(o(c), {
             variant: "gray",
             class: "cursor-pointer",
             label: "Clear all",
@@ -59,7 +65,7 @@ const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
         ])
       ]),
       _: 1
-    })) : $("", !0);
+    })) : x("", !0);
   }
 };
 export {

package/dist/{OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js → OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js}

@@ -1,4 +1,4 @@
-import { defineComponent as l, openBlock as r, createElementBlock as n, createElementVNode as t, toDisplayString as o, normalizeStyle as a } from "vue";
+import { defineComponent as l, createElementBlock as r, openBlock as n, createElementVNode as t, toDisplayString as o, normalizeStyle as a } from "vue";
 const s = { class: "flex items-center gap-x-3" }, c = { class: "text-oc-text-400 text-sm shrink-0" }, i = { class: "w-full rounded-full bg-oc-gray-100 h-[8px] overflow-hidden" }, p = /* @__PURE__ */ l({
   __name: "OcHorizontalProgressbar",
   props: {
@@ -16,7 +16,7 @@ const s = { class: "flex items-center gap-x-3" }, c = { class: "text-oc-text-400
     }
   },
   setup(e) {
-    return (d, u) => (r(), n("div", s, [
+    return (d, u) => (n(), r("div", s, [
       t("span", c, o(e.label), 1),
       t("div", i, [
         t("div", {

package/dist/{OcIcon-CSpRxnwd.js → OcIcon-CBf___w1.js}

@@ -1,4 +1,4 @@
-import { ref as w, onMounted as h, watch as a, openBlock as d, createElementBlock as u } from "vue";
+import { ref as h, onMounted as w, watch as a, createElementBlock as d, openBlock as u } from "vue";
 const l = ["width", "height", "viewBox"], f = {
   __name: "OcIcon",
   props: {
@@ -20,7 +20,7 @@ const l = ["width", "height", "viewBox"], f = {
     }
   },
   setup(s) {
-    const t = s, o = w(null), c = (n) => {
+    const t = s, o = h(null), c = (n) => {
       const e = document.createElement("div");
       e.innerHTML = n, e.querySelector("svg") && (e.querySelector("svg").removeAttribute("width"), e.querySelector("svg").removeAttribute("height"), o.value.innerHTML = e.innerHTML), e.remove();
     }, r = () => {
@@ -39,16 +39,17 @@ const l = ["width", "height", "viewBox"], f = {
           }
           c(e);
         }
+      }).catch(() => {
       });
     };
-    return h(() => {
+    return w(() => {
       r();
     }), a(
       () => t.name,
       () => {
         r();
       }
-    ), (n, e) => (d(), u("svg", {
+    ), (n, e) => (u(), d("svg", {
       ref_key: "iconRef",
       ref: o,
       width: `${t.width}px`,

package/dist/{OcModalCropper-B2bB8RzF.js → OcModalCropper-DxkU7yZh.js}

@@ -1,7 +1,7 @@
-import { ref as o, openBlock as v, createBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
-import { aA as b } from "./index-PN9RLc1R.js";
-import k from "./OcCropper-DGEl7bPQ.js";
-const h = {
+import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
+import { aB as b } from "./index-d52sus6s.js";
+import k from "./OcCropper-DiHMNZNd.js";
+const S = {
   __name: "OcModalCropper",
   props: {
     inputOptions: Array,
@@ -26,7 +26,7 @@ const h = {
     }), g = (a) => {
       n.value = a.url, p.value = a.cropper;
     };
-    return (a, u) => (v(), d(r(b), {
+    return (a, u) => (d(), v(r(b), {
       id: "modal-cropper-overlay-wrapper",
       title: "Edit Image",
       "is-close-icon": "",
@@ -48,5 +48,5 @@ const h = {
   }
 };
 export {
-  h as default
+  S as default
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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