@orchidui/core 0.5.0 → 0.7.0

package/dist/{Draggable.js → OcDraggableList-BUu5SgoA.js}

@@ -1,17 +1,7 @@
-import { _ as K } from "./OcDraggable-BjhGJmpM.js";
-import { ref as x, openBlock as d, createBlock as h, unref as a, withCtx as n, createElementBlock as y, Fragment as $, renderList as C, normalizeClass as s, createElementVNode as o, createCommentVNode as b, renderSlot as u, toDisplayString as p, createVNode as f } from "vue";
-import "dayjs";
-import { T as M, D as S } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as m } from "./OcIcon-CJgBICxh.js";
-/* empty css                                                                    */
-import "libphonenumber-js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "@popperjs/core";
-import "vue-draggable-next";
-const B = ["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" }, O = ["href"], T = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, _ = {
+import { ref as p, openBlock as c, createBlock as y, unref as t, withCtx as n, createElementBlock as m, Fragment as K, renderList as C, normalizeClass as s, createElementVNode as o, createCommentVNode as b, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
+import { aB as $, ax as B, as as M } from "./index-DyVteXE3.js";
+import { _ as h } from "./OcIcon-CJgBICxh.js";
+const S = ["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" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, q = {
   __name: "OcDraggableList",
   props: {
     modelValue: Array,
@@ -42,72 +32,72 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
     detectMove: null
   },
   setup(i, { emit: w }) {
-    const D = w, l = x([]), v = x([]), V = (t, r) => {
-      D("update:modelValue", t, r);
+    const D = w, a = p([]), v = p([]), V = (l, d) => {
+      D("update:modelValue", l, d);
     };
-    return (t, r) => (d(), h(a(K), {
+    return (l, d) => (c(), y(t($), {
       "model-value": i.modelValue,
       class: "grid gap-3",
-      "onUpdate:modelValue": r[0] || (r[0] = (c, e) => V(c, e)),
-      onDetectMove: r[1] || (r[1] = (c) => t.$emit("detectMove", c))
+      "onUpdate:modelValue": d[0] || (d[0] = (r, e) => V(r, e)),
+      onDetectMove: d[1] || (d[1] = (r) => l.$emit("detectMove", r))
     }, {
-      default: n(({ list: c }) => [
-        (d(!0), y($, null, C(c, (e, k) => (d(), y("div", {
+      default: n(({ list: r }) => [
+        (c(!0), m(K, null, C(r, (e, x) => (c(), m("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[i.childrenKey] ? "hover:shadow bg-oc-gray-50" : i.isChildren && !l.value[e.id] ? "bg-oc-accent-1-50" : i.classes ? i.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50"
+            e[i.childrenKey] ? "hover:shadow bg-oc-gray-50" : i.isChildren && !a.value[e.id] ? "bg-oc-accent-1-50" : i.classes ? i.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50"
           ]),
           onMouseleave: () => {
-            v.value[e.id] = !1, l.value[e.id] = !1;
+            v.value[e.id] = !1, a.value[e.id] = !1;
           },
-          onMouseover: (g) => l.value[e.id] = !0,
-          onClick: (g) => t.$emit("click:element", e)
+          onMouseover: (g) => a.value[e.id] = !0,
+          onClick: (g) => l.$emit("click:element", e)
         }, [
           o("div", L, [
             o("div", N, [
               o("div", {
                 class: s(["px-2 flex items-center", !i.isDisabled && !e.isDisable ? "drag-el cursor-move" : ""])
               }, [
-                !i.isDisabled && !e.isDisable ? (d(), h(a(m), {
+                !i.isDisabled && !e.isDisable ? (c(), y(t(h), {
                   key: 0,
                   name: "draggable",
                   class: s(
-                    e[i.iconKey] ? i.isChildren && !l.value[e.id] ? "hidden" : "hidden group-hover:block" : i.isChildren && !l.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
+                    e[i.iconKey] ? i.isChildren && !a.value[e.id] ? "hidden" : "hidden group-hover:block" : i.isChildren && !a.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
                   )
                 }, null, 8, ["class"])) : b("", !0),
-                e[i.iconKey] ? (d(), h(a(m), {
+                e[i.iconKey] ? (c(), y(t(h), {
                   key: 1,
                   name: e[i.iconKey],
                   class: s(
-                    !i.isDisabled && !e.isDisable && l.value[e.id] ? "group-hover:hidden" : ""
+                    !i.isDisabled && !e.isDisable && a.value[e.id] ? "group-hover:hidden" : ""
                   )
                 }, null, 8, ["name", "class"])) : b("", !0)
               ], 2),
               o("div", U, [
                 o("div", E, [
-                  u(t.$slots, "title", { item: e }, () => [
+                  u(l.$slots, "title", { item: e }, () => [
                     o("div", {
                       class: s(["truncate", i.titleWidth])
-                    }, p(e.title), 3)
+                    }, k(e.title), 3)
                   ]),
-                  i.isLink && e[i.linkKey] && e.type === "link" ? (d(), y("a", {
+                  i.isLink && e[i.linkKey] && e.type === "link" ? (c(), m("a", {
                     key: 0,
                     href: e[i.linkKey],
                     target: "_blank",
                     rel: "noopener noreferrer",
                     class: "w-full flex items-center text-oc-text-300 mt-2"
                   }, [
-                    f(a(M), {
+                    f(t(B), {
                       distance: "2",
                       position: "bottom-start",
                       "popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
                     }, {
                       popper: n(() => [
-                        o("div", T, p(e[i.linkKey]), 1)
+                        o("div", W, k(e[i.linkKey]), 1)
                       ]),
                       default: n(() => [
-                        f(a(m), {
+                        f(t(h), {
                           width: "12",
                           height: "12",
                           class: "mr-2",
@@ -116,34 +106,34 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       ]),
                       _: 2
                     }, 1024),
-                    o("span", W, p(e[i.linkKey]), 1)
+                    o("span", j, k(e[i.linkKey]), 1)
                   ], 8, O)) : b("", !0)
                 ])
               ])
             ]),
-            o("div", j, [
-              u(t.$slots, "before-action", { item: e }),
-              u(t.$slots, "action", { item: e }, () => [
-                f(a(S), {
+            o("div", z, [
+              u(l.$slots, "before-action", { item: e }),
+              u(l.$slots, "action", { item: e }, () => [
+                f(t(M), {
                   modelValue: v.value[e.id],
                   "onUpdate:modelValue": (g) => v.value[e.id] = g,
                   placement: "bottom-end",
                   class: s([
                     "cursor-pointer",
-                    i.isChildren && !l.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
+                    i.isChildren && !a.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
                   ])
                 }, {
                   menu: n(() => [
-                    u(t.$slots, "action-item", {
+                    u(l.$slots, "action-item", {
                       item: e,
-                      index: k
+                      index: x
                     })
                   ]),
                   default: n(() => [
                     o("div", {
                       class: s(["hover:bg-oc-gray-100 p-1 rounded", v.value[e.id] ? "bg-oc-gray-100" : ""])
                     }, [
-                      f(a(m), { name: "dots-vertical" })
+                      f(t(h), { name: "dots-vertical" })
                     ], 2)
                   ]),
                   _: 2
@@ -151,19 +141,18 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
               ])
             ])
           ]),
-          o("div", z, [
-            u(t.$slots, "content", {
+          o("div", A, [
+            u(l.$slots, "content", {
               item: e,
-              index: k
+              index: x
             })
           ])
-        ], 42, B))), 128))
+        ], 42, S))), 128))
       ]),
       _: 3
     }, 8, ["model-value"]));
   }
 };
 export {
-  K as Draggable,
-  _ as DraggableList
+  q as default
 };

package/dist/{OcEmojiPicker-BXm-_OGK.js → OcEmojiPicker-DYYK7OB3.js}

@@ -1,17 +1,7 @@
 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 "dayjs";
-import { D as U, B as b } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-/* empty css                                                                    */
-import { _ as P } from "./OcInput-tcRxG3Y2.js";
-import "libphonenumber-js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-import { EMOJI_LIST as r, EMOJI_CATEGORIES as A } from "./Form/EmojiPicker/conts/emoji.js";
+import { as as U, e as J, B as b } from "./index-DyVteXE3.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 = {
   key: 1,
   class: "text-oc-text-400 text-center p-3"
@@ -28,27 +18,27 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
   emits: {
     "update:modelValue": []
   },
-  setup(a, { emit: E }) {
-    const g = a, L = E, d = m(!1), u = m(""), i = m(g.modelValue), h = m("grinning"), w = p(() => g.modelValue || r.sunglasses), O = p(
-      () => i.value ? r[i.value] : r.sunglasses
-    ), _ = p(
-      () => Object.entries(r).filter(([t]) => t.includes(u.value))
-    ), y = p(() => Object.entries(A)), M = (t) => {
+  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(
+      () => Object.entries(a).filter(([t]) => t.includes(u.value))
+    ), _ = p(() => Object.entries(P)), O = (t) => {
       i.value = t;
     }, j = () => {
-      d.value = !1, L("update:modelValue", r[i.value]);
+      d.value = !1, L("update:modelValue", a[i.value]);
     }, B = () => {
       d.value = !1, i.value = g.modelValue;
     }, I = () => {
-      const t = Object.keys(r), e = Math.round(Math.random() * t.length);
+      const t = Object.keys(a), e = Math.round(Math.random() * t.length);
       i.value = t[e], j();
     }, H = (t) => {
       t && (u.value = "");
-    }, D = (t) => {
+    }, S = (t) => {
       const e = document.getElementById(`emoji-${t}`).offsetTop;
       document.getElementById("emojiList").scroll({ top: e, behavior: "smooth" }), h.value = t;
-    }, S = (t) => {
-      y.value.forEach(([e]) => {
+    }, $ = (t) => {
+      _.value.forEach(([e]) => {
         const o = document.getElementById(`emoji-${e}`).offsetTop;
         t.target.scrollTop >= o - 20 && (h.value = e);
       });
@@ -63,10 +53,10 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
         "max-menu-height": 600,
         class: "!w-auto z-50",
         "popper-options": {
-          ...a.popperOptions
+          ...r.popperOptions
         },
         distance: 26,
-        "is-disabled": a.isDisabled,
+        "is-disabled": r.isDisabled,
         placement: "bottom"
       }, {
         menu: v(() => [
@@ -77,40 +67,40 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
           n("div", R, [
             n("div", q, [
               n("div", {
-                innerHTML: O.value,
+                innerHTML: M.value,
                 class: "flex items-center justify-center w-10 h-10 text-[40px]"
               }, null, 8, K)
             ]),
             n("div", Q, [
-              f(c(P), {
+              f(c(J), {
                 modelValue: u.value,
                 "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
                 placeholder: "Search",
                 icon: "search"
               }, null, 8, ["modelValue"])
             ]),
-            _.value.length ? (s(), l("div", {
+            y.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
+              onScroll: $
             }, [
-              (s(!0), l(T, null, V(_.value, ([o, x]) => (s(), l("div", {
+              (s(!0), l(T, null, V(y.value, ([o, x]) => (s(), l("div", {
                 id: `emoji-${o}`,
                 key: o,
                 innerHTML: x,
                 class: "w-8 h-8 text-[24px] flex items-center justify-center cursor-pointer transition hover:bg-oc-gray-100 rounded",
-                onClick: ($) => M(o)
+                onClick: (D) => O(o)
               }, null, 8, W))), 128))
             ], 32)) : (s(), l("div", X, "No emoji found")),
             n("div", Y, [
-              (s(!0), l(T, null, V(y.value, ([o, x]) => (s(), l("div", {
+              (s(!0), l(T, null, V(_.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", {
                   "!opacity-100": o === h.value
                 }]),
-                onClick: ($) => D(o)
+                onClick: (D) => S(o)
               }, null, 10, Z))), 128))
             ]),
             n("div", ee, [
@@ -136,13 +126,13 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
           n("div", {
             innerHTML: w.value,
             class: k(["flex items-center justify-center w-12 h-12 text-[40px] transition rounded", {
-              "cursor-pointer hover:bg-oc-gray-200": !a.isDisabled
+              "cursor-pointer hover:bg-oc-gray-200": !r.isDisabled
             }])
           }, null, 10, G)
         ]),
         _: 1
       }, 8, ["modelValue", "popper-options", "is-disabled"]),
-      a.isDisabled ? z("", !0) : (s(), N(c(b), {
+      r.isDisabled ? z("", !0) : (s(), N(c(b), {
         key: 0,
         "left-icon": "shuffle",
         variant: "secondary",
@@ -151,7 +141,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
       }))
     ]));
   }
-}, ge = /* @__PURE__ */ J(te, [["__scopeId", "data-v-6a3c86cb"]]);
+}, ie = /* @__PURE__ */ A(te, [["__scopeId", "data-v-6a3c86cb"]]);
 export {
-  ge as O
+  ie as default
 };

package/dist/OcFilterForm-7ehuJUMp.js

@@ -0,0 +1,83 @@
+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-DyVteXE3.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: {
+    id: {
+      type: String,
+      required: !0
+    },
+    jsonForm: {
+      type: Array
+    },
+    values: {
+      type: Object
+    },
+    actions: {
+      type: Object
+    },
+    grid: {
+      type: Object,
+      default: null
+    }
+  },
+  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 = c(() => Object.values(a.value).length > 0), F = c(() => {
+      var e, l;
+      return ((l = (e = s.actions) == null ? void 0 : e.applyButton) == null ? void 0 : l.label) || "Apply";
+    }), j = c(() => {
+      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 = [];
+    };
+    return (e, l) => (O(), k("div", C, [
+      w(e.$slots, "default", {
+        errors: p.value,
+        values: a.value,
+        jsonForm: t.jsonForm,
+        updateForm: v
+      }, () => [
+        f("div", A, [
+          u(i($), {
+            id: `filter-form-${t.id}`,
+            class: "grid gap-5",
+            errors: p.value,
+            values: a.value,
+            "json-form": t.jsonForm,
+            grid: t.grid ?? null,
+            onOnUpdate: v
+          }, null, 8, ["id", "errors", "values", "json-form", "grid"])
+        ])
+      ]),
+      f("div", E, [
+        u(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), {
+          class: "w-full",
+          "is-disabled": !g.value,
+          label: F.value,
+          onClick: x
+        }, null, 8, ["is-disabled", "label"])
+      ])
+    ]));
+  }
+};
+export {
+  N as default
+};

package/dist/OcFilterSearch-B4AZsLBn.js

@@ -0,0 +1,69 @@
+import { ref as o, openBlock as t, createElementBlock as s, Fragment as g, createElementVNode as c, normalizeClass as m, createVNode as x, unref as u, withKeys as S, createBlock as d, createCommentVNode as v, nextTick as w } from "vue";
+import { e as O, B as f } from "./index-DyVteXE3.js";
+const B = { class: "flex gap-x-4" }, $ = {
+  __name: "OcFilterSearch",
+  props: {
+    isSearchOnly: Boolean
+  },
+  emits: {
+    addQuery: [],
+    toggle: []
+  },
+  setup(n, { emit: y }) {
+    const p = y, a = o(!1), l = o(""), i = o(), h = async () => {
+      a.value = !0, p("toggle", a), await w(), i.value.focus();
+    };
+    return (r, e) => (t(), s(g, null, [
+      c("div", {
+        class: m(["w-full", a.value || n.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
+      }, [
+        c("div", B, [
+          x(u(O), {
+            ref_key: "searchInput",
+            ref: i,
+            modelValue: l.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (k) => l.value = k),
+            placeholder: "Search something here",
+            class: "md:min-w-[310px]",
+            icon: "search",
+            onKeyup: e[1] || (e[1] = S(
+              () => {
+                r.$emit("addQuery", l.value), l.value = "";
+              },
+              ["enter"]
+            ))
+          }, null, 8, ["modelValue"]),
+          n.isSearchOnly ? (t(), d(u(f), {
+            key: 0,
+            label: "Search",
+            variant: "secondary",
+            class: "shrink-0",
+            onClick: e[2] || (e[2] = () => {
+              r.$emit("addQuery", l.value), l.value = "";
+            })
+          })) : (t(), s("span", {
+            key: 1,
+            class: "py-3 text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
+            onClick: e[3] || (e[3] = () => {
+              a.value = !1, r.$emit("toggle", a.value), l.value = "";
+            })
+          }, " Clear "))
+        ])
+      ], 2),
+      n.isSearchOnly ? v("", !0) : (t(), s("div", {
+        key: 0,
+        class: m(a.value ? "max-w-0 overflow-hidden" : "")
+      }, [
+        a.value ? v("", !0) : (t(), d(u(f), {
+          key: 0,
+          variant: "secondary",
+          "left-icon": "search",
+          onClick: h
+        }))
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  $ as default
+};

package/dist/OcFilterSearchFor-DfwJG-5N.js

@@ -0,0 +1,67 @@
+import { computed as k, openBlock as a, createBlock as m, unref as o, 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, an as i } from "./index-DyVteXE3.js";
+const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
+  __name: "OcFilterSearchFor",
+  props: {
+    filters: Object,
+    queries: Object
+  },
+  emits: {
+    removeQuery: [],
+    removeFilter: [],
+    removeAll: []
+  },
+  setup(s, { emit: d }) {
+    const g = s, c = d, u = k(() => {
+      var l;
+      let t = [];
+      return (l = g.filters) == null || l.forEach((e) => {
+        if (e.multiNames) {
+          const r = t.find((n) => n.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 n = {};
+        n[r] = "", c("removeFilter", n, r);
+      }) : c("removeFilter", e, t);
+    };
+    return (t, l) => u.value.length > 0 || s.queries.length > 0 ? (a(), m(o(y), {
+      key: 0,
+      class: "!w-full !justify-start !bg-oc-bg-light"
+    }, {
+      default: x(() => [
+        f("div", N, [
+          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(o(i), {
+            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(o(i), {
+            key: e.name,
+            variant: "accent-1",
+            closable: "",
+            label: e.label,
+            onRemove: (r) => h(e.name, e.multiNames)
+          }, null, 8, ["label", "onRemove"]))), 128)),
+          F(o(i), {
+            variant: "gray",
+            class: "cursor-pointer",
+            label: "Clear all",
+            onClick: l[0] || (l[0] = (e) => t.$emit("removeAll"))
+          })
+        ])
+      ]),
+      _: 1
+    })) : $("", !0);
+  }
+};
+export {
+  R as default
+};

package/dist/OcModalCropper-Z4jlnFc5.js

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

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

@@ -1,5 +1,4 @@
 import { openBlock as r, createElementBlock as o, createElementVNode as t } from "vue";
-/* empty css                                                                    */
 import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {}, i = { class: "bg-gray-100 overflow-hidden" };
 function a(d, e) {
@@ -7,7 +6,7 @@ function a(d, e) {
     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)
   ]));
 }
-const f = /* @__PURE__ */ n(_, [["render", a], ["__scopeId", "data-v-2b70f697"]]);
+const l = /* @__PURE__ */ n(_, [["render", a], ["__scopeId", "data-v-2b70f697"]]);
 export {
-  f as S
+  l as S
 };