@orchidui/core 1.8.1-1 → 1.8.1-100

package/dist/{OcDraggableList-BgNG1_e0.js → OcDraggableList-Bka23Zj_.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-BvY_DV6x.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, createBlock as y, openBlock as c, 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-DeDsEdk8.js";
+import { _ as g } from "./OcIcon-CBf___w1.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-D0Z8w4GK.js → OcEmojiPicker-CjL4Ap4z.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-BvY_DV6x.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-DeDsEdk8.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-CxY2ctvp.js → OcFilterForm-IZtn5Vdc.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-BvY_DV6x.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-DeDsEdk8.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,34 +23,32 @@ 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 = c(() => Object.values(a.value).length > 0), F = c(() => {
+    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 = c(() => {
+    }), 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, [
-      w(e.$slots, "default", {
+    return B(() => {
+      a.value = { ...s.values };
+    }), (e, l) => (k(), O("div", C, [
+      $(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,16 +60,16 @@ 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,
+          label: F.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,
+          "is-disabled": !b.value,
+          label: g.value,
           onClick: x
         }, null, 8, ["is-disabled", "label"])
       ])

package/dist/OcFilterSearch-Bn7BjQMO.js

@@ -0,0 +1,112 @@
+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-DeDsEdk8.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,
+    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 = 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: S(["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((e) => n.$emit("addQuery", o.value), ["enter"]))
+            }, N({ _: 2 }, [
+              (k = t.searchOptions) != null && k.length ? {
+                name: "trailing",
+                fn: f(() => [
+                  m(r(E), {
+                    modelValue: d.value,
+                    "onUpdate:modelValue": a[0] || (a[0] = (e) => d.value = e),
+                    distance: 12,
+                    skidding: -8
+                  }, {
+                    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,
+                          active: e.value === t.selectedOption,
+                          onClick: (L) => b(e.value)
+                        }, null, 8, ["text", "active", "onClick"]))), 128))
+                      ])
+                    ]),
+                    default: f(() => {
+                      var e;
+                      return [
+                        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"
+                          })
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue", "icon"]),
+            t.isSearchOnly ? (s(), v(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 ? O("", !0) : (s(), u("div", {
+          key: 0,
+          class: S(l.value ? "max-w-0 overflow-hidden" : "")
+        }, [
+          l.value ? O("", !0) : (s(), v(r(w), {
+            key: 0,
+            variant: "secondary",
+            "left-icon": "search",
+            onClick: $
+          }))
+        ], 2))
+      ], 64);
+    };
+  }
+};
+export {
+  J as default
+};

package/dist/{OcFilterSearchFor-5XGNMHta.js → OcFilterSearchFor-B0Cyh-PP.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 { N as y, at as i } from "./index-BvY_DV6x.js";
-const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
+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-DeDsEdk8.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(() => [
-        f("div", N, [
+      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 N = { 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-CJgBICxh.js → OcIcon-CBf___w1.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 h, onMounted as w, watch as a, createElementBlock as d, openBlock as u } from "vue";
+const l = ["width", "height", "viewBox"], f = {
   __name: "OcIcon",
   props: {
     path: {
@@ -11,16 +11,16 @@ const u = ["width", "height", "viewBox"], g = {
       required: !0
     },
     width: {
-      type: String,
+      type: [String, Number],
       default: "24"
     },
     height: {
-      type: String,
+      type: [String, Number],
       default: "24"
     }
   },
   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,25 +39,26 @@ const u = ["width", "height", "viewBox"], g = {
           }
           c(e);
         }
+      }).catch(() => {
       });
     };
-    return h(() => {
+    return w(() => {
       r();
     }), a(
       () => t.name,
       () => {
         r();
       }
-    ), (n, e) => (d(), l("svg", {
+    ), (n, e) => (u(), d("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 _
 };