@orchidui/core 1.8.1-8 → 1.8.1-81

package/dist/{OcDraggableList-AzYIrDsM.js → OcDraggableList-BR6u3KC4.js}

@@ -1,7 +1,7 @@
-import { ref as w, openBlock as n, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as D, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
-import { aH as $, aD as S, ay as B } from "./index-Dq1RknPv.js";
-import { _ as g } from "./OcIcon-CJgBICxh.js";
-const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, H = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, q = {
+import { ref as w, openBlock as c, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
+import { aI as D, aE as S, az as B } from "./index-xVQMCW5L.js";
+import { _ as g } from "./OcIcon-CSpRxnwd.js";
+const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, E = { class: "flex w-full" }, N = { class: "ml-4 flex w-full" }, U = { class: "flex items-center flex-wrap w-full" }, z = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, T = {
   __name: "OcDraggableList",
   props: {
     modelValue: Array,
@@ -33,64 +33,64 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
     "click:element": [],
     detectMove: null
   },
-  setup(a, { emit: p }) {
-    const V = p, t = w([]), v = w([]), K = (i, d) => {
-      V("update:modelValue", i, d);
+  setup(t, { emit: p }) {
+    const V = p, i = w([]), v = w([]), K = (a, d) => {
+      V("update:modelValue", a, d);
     };
-    return (i, d) => (n(), y(l($), {
-      "model-value": a.modelValue,
+    return (a, d) => (c(), y(l(D), {
+      "model-value": t.modelValue,
       class: "grid gap-3",
-      "onUpdate:modelValue": d[0] || (d[0] = (c, e) => K(c, e)),
-      onDetectMove: d[1] || (d[1] = (c) => i.$emit("detectMove", c))
+      "onUpdate:modelValue": d[0] || (d[0] = (n, e) => K(n, e)),
+      onDetectMove: d[1] || (d[1] = (n) => a.$emit("detectMove", n))
     }, {
-      default: r(({ list: c }) => [
-        (n(!0), b(C, null, D(c, (e, x) => (n(), b("div", {
+      default: r(({ list: n }) => [
+        (c(!0), b(C, null, $(n, (e, k) => (c(), b("div", {
           key: e.id,
           class: s(["group text-oc-text-500 p-4 flex flex-col w-full rounded border border-gray-200 cursor-pointer", [
-            e[a.childrenKey] ? "hover:shadow bg-oc-gray-50" : a.isChildren && !t.value[e.id] ? "bg-oc-accent-1-50" : a.classes ? a.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50",
+            e[t.childrenKey] ? "hover:shadow bg-oc-gray-50" : t.isChildren && !i.value[e.id] ? "bg-oc-accent-1-50" : t.classes ? t.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50",
             {
-              "bg-oc-gray-100 !text-oc-text-300": !e.active && a.enableStatusVariant
+              "bg-oc-gray-100 !text-oc-text-300": !e.active && t.enableStatusVariant
             }
           ]]),
           onMouseleave: () => {
-            v.value[e.id] = !1, t.value[e.id] = !1;
+            v.value[e.id] = !1, i.value[e.id] = !1;
           },
-          onMouseover: (h) => t.value[e.id] = !0,
-          onClick: (h) => i.$emit("click:element", e)
+          onMouseover: (h) => i.value[e.id] = !0,
+          onClick: (h) => a.$emit("click:element", e)
         }, [
           o("div", L, [
-            o("div", N, [
+            o("div", E, [
               o("div", {
                 class: s([
-                  "px-2 flex items-center",
-                  !a.unmovable && !e.isDisable && !e.unmovable ? "drag-el cursor-move" : ""
+                  "px-2 flex items-center text-oc-text-400",
+                  !t.unmovable && !e.isDisable && !e.unmovable ? "drag-el cursor-move" : ""
                 ])
               }, [
-                !a.unmovable && !e.isDisable && !e.unmovable ? (n(), y(l(g), {
+                !t.unmovable && !e.isDisable && !e.unmovable ? (c(), y(l(g), {
                   key: 0,
                   name: "draggable",
                   class: s(
-                    e[a.iconKey] ? a.isChildren && !t.value[e.id] ? "hidden" : "hidden group-hover:block" : a.isChildren && !t.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
+                    e[t.iconKey] ? t.isChildren && !i.value[e.id] ? "hidden" : "hidden group-hover:block" : t.isChildren && !i.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
                   )
                 }, null, 8, ["class"])) : m("", !0),
-                e[a.iconKey] ? (n(), y(l(g), {
+                e[t.iconKey] ? (c(), y(l(g), {
                   key: 1,
-                  name: e[a.iconKey],
+                  name: e[t.iconKey],
                   class: s(
-                    !a.unmovable && !e.isDisable && !e.unmovable && t.value[e.id] ? "group-hover:hidden" : ""
+                    !t.unmovable && !e.isDisable && !e.unmovable && i.value[e.id] ? "group-hover:hidden" : ""
                   )
                 }, null, 8, ["name", "class"])) : m("", !0)
               ], 2),
-              o("div", U, [
-                o("div", E, [
-                  u(i.$slots, "title", { item: e }, () => [
+              o("div", N, [
+                o("div", U, [
+                  u(a.$slots, "title", { item: e }, () => [
                     o("div", {
-                      class: s(["truncate", a.titleWidth])
-                    }, k(e.title), 3)
+                      class: s(["truncate", t.titleWidth])
+                    }, x(e.title), 3)
                   ]),
-                  a.isLink && e[a.linkKey] && e.type === "link" ? (n(), b("a", {
+                  t.isLink && e[t.linkKey] && e.type === "link" ? (c(), b("a", {
                     key: 0,
-                    href: e[a.linkKey],
+                    href: e[t.linkKey],
                     target: "_blank",
                     rel: "noopener noreferrer",
                     class: "w-full flex items-center text-oc-text-300 mt-2"
@@ -101,46 +101,49 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       "popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
                     }, {
                       popper: r(() => [
-                        o("div", O, k(e[a.linkKey]), 1)
+                        o("div", O, x(e[t.linkKey]), 1)
                       ]),
                       default: r(() => [
                         f(l(g), {
                           width: "12",
                           height: "12",
-                          class: "mr-2",
+                          class: "mr-2 text-oc-text-400",
                           name: "link"
                         })
                       ]),
                       _: 2
                     }, 1024),
-                    o("span", W, k(e[a.linkKey]), 1)
-                  ], 8, H)) : m("", !0)
+                    o("span", W, x(e[t.linkKey]), 1)
+                  ], 8, z)) : m("", !0)
                 ])
               ])
             ]),
             o("div", j, [
-              u(i.$slots, "before-action", { item: e }),
-              u(i.$slots, "action", { item: e }, () => [
+              u(a.$slots, "before-action", { item: e }),
+              u(a.$slots, "action", { item: e }, () => [
                 f(l(B), {
                   modelValue: v.value[e.id],
                   "onUpdate:modelValue": (h) => v.value[e.id] = h,
                   placement: "bottom-end",
                   class: s([
                     "cursor-pointer",
-                    a.isChildren && !t.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
+                    t.isChildren && !i.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
                   ])
                 }, {
                   menu: r(() => [
-                    u(i.$slots, "action-item", {
+                    u(a.$slots, "action-item", {
                       item: e,
-                      index: x
+                      index: k
                     })
                   ]),
                   default: r(() => [
                     o("div", {
                       class: s(["hover:bg-oc-gray-100 p-1 rounded", v.value[e.id] ? "bg-oc-gray-100" : ""])
                     }, [
-                      f(l(g), { name: "dots-vertical" })
+                      f(l(g), {
+                        name: "dots-vertical",
+                        class: "text-oc-text-400"
+                      })
                     ], 2)
                   ]),
                   _: 2
@@ -148,10 +151,10 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
               ])
             ])
           ]),
-          o("div", z, [
-            u(i.$slots, "content", {
+          o("div", A, [
+            u(a.$slots, "content", {
               item: e,
-              index: x
+              index: k
             })
           ])
         ], 42, M))), 128))
@@ -161,5 +164,5 @@ const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
   }
 };
 export {
-  q as default
+  T as default
 };

package/dist/{OcEmojiPicker-BfXAsZzh.js → OcEmojiPicker-Bwlc9jiL.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, e as J, B as b } from "./index-Dq1RknPv.js";
+import { az as U, d as J, B as b } from "./index-xVQMCW5L.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {

package/dist/{OcFilterForm-Dcze7x6x.js → OcFilterForm-B9fXBYbo.js}

@@ -1,5 +1,5 @@
-import { ref as r, computed as c, onMounted as B, openBlock as O, createElementBlock as k, renderSlot as w, createElementVNode as f, createVNode as u, unref as i } from "vue";
-import { w as $, B as m } from "./index-Dq1RknPv.js";
+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-xVQMCW5L.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: {
@@ -29,10 +29,10 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
       typeof e.name == "object" ? e.name.forEach((o, h) => {
         a.value[o.key] = l[h];
       }) : a.value[e.name] = l, b(e.name);
-    }, g = c(() => Object.values(a.value).length > 0), F = c(() => {
+    }, g = u(() => Object.values(a.value).length > 0), F = u(() => {
       var e, l;
       return ((l = (e = s.actions) == null ? void 0 : e.applyButton) == null ? void 0 : l.label) || "Apply";
-    }), j = c(() => {
+    }), j = u(() => {
       var e, l;
       return ((l = (e = s.actions) == null ? void 0 : e.cancelButton) == null ? void 0 : l.label) || "Cancel";
     });
@@ -43,14 +43,14 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
       d("applyFilter", a.value), d("filter-fields-changed", n.value), n.value = [];
     };
     return (e, l) => (O(), k("div", C, [
-      w(e.$slots, "default", {
+      $(e.$slots, "default", {
         errors: p.value,
         values: a.value,
         jsonForm: t.jsonForm,
         updateForm: v
       }, () => [
         f("div", A, [
-          u(i($), {
+          c(i(w), {
             id: `filter-form-${t.id}`,
             class: "grid gap-5",
             errors: p.value,
@@ -62,13 +62,13 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
         ])
       ]),
       f("div", E, [
-        u(i(m), {
+        c(i(m), {
           class: "w-full",
           variant: "secondary",
           label: j.value,
           onClick: l[0] || (l[0] = (o) => e.$emit("cancel"))
         }, null, 8, ["label"]),
-        u(i(m), {
+        c(i(m), {
           class: "w-full",
           "is-disabled": !g.value,
           label: F.value,

package/dist/OcFilterSearch-EagXr3EL.js

@@ -0,0 +1,117 @@
+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 A } from "vue";
+import { d as D, az as E, aA as F, B as w } from "./index-xVQMCW5L.js";
+import { _ as I } from "./OcIcon-CSpRxnwd.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,
+    searchOptions: Array,
+    selectedOption: String
+  },
+  emits: {
+    addQuery: [],
+    toggle: [],
+    "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 A(), p.value.focus();
+    }, $ = B(() => y.searchOptions.find((n) => n.value === y.selectedOption)), 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"])
+        }, [
+          i("div", U, [
+            m(r(D), {
+              ref_key: "searchInput",
+              ref: p,
+              modelValue: o.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (e) => o.value = e),
+              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"]
+              ))
+            }, N({ _: 2 }, [
+              (k = t.searchOptions) != null && k.length ? {
+                name: "trailing",
+                fn: v(() => [
+                  m(r(E), {
+                    modelValue: d.value,
+                    "onUpdate:modelValue": a[0] || (a[0] = (e) => d.value = e),
+                    distance: 12,
+                    skidding: -8
+                  }, {
+                    menu: v(() => [
+                      i("div", q, [
+                        (s(!0), u(x, null, Q(t.searchOptions, (e) => (s(), f(r(F), {
+                          key: e.value,
+                          class: "text-sm",
+                          text: e.label,
+                          active: e.value === t.selectedOption,
+                          onClick: (L) => b(e.value)
+                        }, null, 8, ["text", "active", "onClick"]))), 128))
+                      ])
+                    ]),
+                    default: v(() => {
+                      var e;
+                      return [
+                        i("div", j, [
+                          i("span", null, z((e = $.value) == null ? void 0 : e.label), 1),
+                          m(r(I), {
+                            name: "chevron-down",
+                            width: "14",
+                            height: "14"
+                          })
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue", "icon"]),
+            t.isSearchOnly ? (s(), f(r(w), {
+              key: 0,
+              label: "Search",
+              variant: "secondary",
+              class: "shrink-0",
+              onClick: a[3] || (a[3] = () => {
+                n.$emit("addQuery", o.value), o.value = "";
+              })
+            })) : (s(), u("span", {
+              key: 1,
+              class: "py-3 text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
+              onClick: a[4] || (a[4] = () => {
+                l.value = !1, n.$emit("toggle", l.value), o.value = "";
+              })
+            }, " Clear "))
+          ])
+        ], 2),
+        t.isSearchOnly ? S("", !0) : (s(), u("div", {
+          key: 0,
+          class: O(l.value ? "max-w-0 overflow-hidden" : "")
+        }, [
+          l.value ? S("", !0) : (s(), f(r(w), {
+            key: 0,
+            variant: "secondary",
+            "left-icon": "search",
+            onClick: V
+          }))
+        ], 2))
+      ], 64);
+    };
+  }
+};
+export {
+  J as default
+};

package/dist/{OcFilterSearchFor-RccrGSpG.js → OcFilterSearchFor-BFKzU9p-.js}

@@ -1,6 +1,6 @@
 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 { N as y, at as i } from "./index-Dq1RknPv.js";
-const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
+import { M as y, au as i } from "./index-xVQMCW5L.js";
+const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {
     filters: Object,
@@ -34,7 +34,7 @@ const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
       class: "!w-full !justify-start !bg-oc-bg-light"
     }, {
       default: x(() => [
-        f("div", N, [
+        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), {
             key: e,

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

@@ -1,5 +1,5 @@
-import { ref as w, onMounted as h, watch as a, openBlock as d, createElementBlock as l } from "vue";
-const u = ["width", "height", "viewBox"], g = {
+import { ref as w, onMounted as h, watch as a, openBlock as d, createElementBlock as u } from "vue";
+const l = ["width", "height", "viewBox"], f = {
   __name: "OcIcon",
   props: {
     path: {
@@ -11,11 +11,11 @@ const u = ["width", "height", "viewBox"], g = {
       required: !0
     },
     width: {
-      type: String,
+      type: [String, Number],
       default: "24"
     },
     height: {
-      type: String,
+      type: [String, Number],
       default: "24"
     }
   },
@@ -48,16 +48,16 @@ const u = ["width", "height", "viewBox"], g = {
       () => {
         r();
       }
-    ), (n, e) => (d(), l("svg", {
+    ), (n, e) => (d(), u("svg", {
       ref_key: "iconRef",
       ref: o,
       width: `${t.width}px`,
       height: `${t.height}px`,
       viewBox: `0 0 ${t.width} ${t.height}`,
       xmlns: "http://www.w3.org/2000/svg"
-    }, null, 8, u));
+    }, null, 8, l));
   }
 };
 export {
-  g as _
+  f as _
 };

package/dist/OcModalCropper-BReYn5X1.js

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

package/dist/{OcPopper-D0VfWOBI.js → OcPopper-CYcXF-OR.js}

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

package/dist/{OcTimePicker-SSNb2Nxh.js → OcTimePicker-B-NLdVZq.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, openBlock as m, createBlock as s, unref as o, withCtx as p, createCommentVNode as v, createVNode as y } from "vue";
-import { ay as S, aI as h, e as D } from "./index-Dq1RknPv.js";
+import { az as S, aJ as h, d as D } from "./index-xVQMCW5L.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",

package/dist/OcToggle-Cp5dJ5LN.js

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

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

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

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

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

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { ay as r, az as p } from "../../index-Dq1RknPv.js";
+import { az as r, aA as p } from "../../index-xVQMCW5L.js";
 export {
   r as Dropdown,
   p as DropdownItem