@firstnoodle-ui/bui 0.0.68 → 0.0.70

package/dist/components/pop-select/option.vue.d.ts

@@ -1,7 +1,6 @@
 import { TPopSelectOption } from '../types';
 type __VLS_Props = {
-    label: string;
-    disabled?: boolean;
+    option: TPopSelectOption;
     hoveredOption: TPopSelectOption | null;
     selected?: boolean;
 };
@@ -25,7 +24,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onFocus?: ((...args: any[]) => any) | undefined;
     onHover?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     selected: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;

package/dist/components/tree-list/tree-list-types.d.ts

@@ -1,5 +1,6 @@
 import { TIcon } from '../types';
 export type TreeNodeAction<T> = {
+    id: string | number;
     label: string;
     icon?: TIcon;
     handler: (path: TreeNode<T>[]) => void;

package/dist/components/types.d.ts

@@ -37,7 +37,7 @@ export type TOverlayType = (typeof OverlayType)[number];
 export declare const PopperTrigger: readonly ["click", "hover", "focus", "manual"];
 export type TPopperTrigger = (typeof PopperTrigger)[number];
 export type TPopSelectOption = {
-    id?: string | number;
+    id: string | number;
     icon?: TIcon;
     label: string;
     disabled?: boolean;

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var bt = Object.defineProperty;
 var Lt = (n, t, e) => t in n ? bt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var O1 = (n, t, e) => Lt(n, typeof t != "symbol" ? t + "" : t, e);
-import { createElementBlock as i, openBlock as o, renderSlot as R, createElementVNode as u, defineComponent as $, toDisplayString as Q, ref as L, watch as i1, computed as O, createBlock as V, createCommentVNode as k, normalizeClass as D, normalizeStyle as t1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as $1, provide as yt, onMounted as a1, withModifiers as U, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Ht, onUnmounted as F1, onBeforeUnmount as B1, nextTick as D1, createStaticVNode as u1, Teleport as U1, withDirectives as x1, vShow as X1, Transition as de, useSlots as R1, withKeys as _, createSlots as Ae, vModelText as Vt, reactive as Re, createTextVNode as Ee, resolveComponent as kt, getCurrentInstance as Oe } from "vue";
+import { createElementBlock as i, openBlock as o, renderSlot as R, createElementVNode as u, defineComponent as $, toDisplayString as K, ref as L, watch as i1, computed as O, createBlock as V, createCommentVNode as k, normalizeClass as D, normalizeStyle as t1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as $1, provide as yt, onMounted as a1, withModifiers as U, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Ht, onUnmounted as F1, onBeforeUnmount as B1, nextTick as D1, createStaticVNode as u1, Teleport as U1, withDirectives as x1, vShow as X1, Transition as de, useSlots as R1, withKeys as _, createSlots as Ae, vModelText as Vt, reactive as Re, createTextVNode as Ee, resolveComponent as kt, getCurrentInstance as Oe } from "vue";
 import { useRoute as G1, useRouter as ue, onBeforeRouteUpdate as Ie } from "vue-router";
 import { size as Pe, autoUpdate as wt, offset as Mt, flip as Zt, shift as He, limitShift as $t, computePosition as Dt } from "@floating-ui/dom";
 import ne from "debounce";
@@ -56,7 +56,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
   setup(n) {
     return (t, e) => (o(), i("section", It, [
       u("div", Pt, [
-        u("p", Nt, Q(t.label), 1),
+        u("p", Nt, K(t.label), 1),
         e[0] || (e[0] = u("div", { class: "flex-1 h-full" }, [
           u("div", {
             class: "w-full border-b border-default",
@@ -93,7 +93,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
       width: `${e.size}px`,
       height: `${e.size}px`,
       borderRadius: e.cropShape === "circle" ? "50%" : "8px"
-    })), q = () => {
+    })), Q = () => {
       var F;
       e.disabled || (F = s.value) == null || F.click();
     }, s1 = () => {
@@ -110,7 +110,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
             y.value = (r1 - v1) / 2, S.value = (r1 - A) / 2;
           }, F.src = m.value;
         } else
-          q();
+          Q();
     }, f1 = (F) => {
       var v1;
       const Y = F.target, o1 = (v1 = Y.files) == null ? void 0 : v1[0];
@@ -118,8 +118,8 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         const A = new FileReader();
         A.onload = (x) => {
           var V1;
-          const K = (V1 = x.target) == null ? void 0 : V1.result;
-          m.value = K;
+          const q = (V1 = x.target) == null ? void 0 : V1.result;
+          m.value = q;
           const d1 = new Image();
           d1.onload = () => {
             C.value = d1, T.value = d1.width, z.value = d1.height, h.value = r1 * 0.7;
@@ -130,7 +130,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
             const B = d1.width * v.value, J = d1.height * v.value;
             y.value = (r1 - B) / 2, S.value = (r1 - J) / 2, setTimeout(() => {
             }, 10);
-          }, d1.src = K;
+          }, d1.src = q;
         }, A.readAsDataURL(o1);
       }
       Y.value = "";
@@ -139,8 +139,8 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
     }, I = (F) => {
       if (b.value) {
         let Y = F.clientX - c.value, o1 = F.clientY - H.value;
-        const v1 = r1 / 2, A = r1 / 2, x = v1 - h.value / 2, K = v1 + h.value / 2, d1 = A - h.value / 2, V1 = A + h.value / 2, L1 = T.value * v.value, k1 = z.value * v.value;
-        Y = Math.min(Y, x), Y = Math.max(Y, K - L1), o1 = Math.min(o1, d1), o1 = Math.max(o1, V1 - k1), y.value = Y, S.value = o1;
+        const v1 = r1 / 2, A = r1 / 2, x = v1 - h.value / 2, q = v1 + h.value / 2, d1 = A - h.value / 2, V1 = A + h.value / 2, L1 = T.value * v.value, k1 = z.value * v.value;
+        Y = Math.min(Y, x), Y = Math.max(Y, q - L1), o1 = Math.min(o1, d1), o1 = Math.max(o1, V1 - k1), y.value = Y, S.value = o1;
       }
     }, G = () => {
       b.value = !1, window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", G);
@@ -154,7 +154,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
       if (!Y) return;
       const o1 = 512;
       F.width = o1, F.height = o1;
-      const v1 = r1 / 2, A = r1 / 2, x = v1 - h.value / 2, K = A - h.value / 2, d1 = (x - y.value) / v.value, V1 = (K - S.value) / v.value, L1 = h.value / v.value;
+      const v1 = r1 / 2, A = r1 / 2, x = v1 - h.value / 2, q = A - h.value / 2, d1 = (x - y.value) / v.value, V1 = (q - S.value) / v.value, L1 = h.value / v.value;
       Y.fillStyle = "#ffffff", Y.fillRect(0, 0, o1, o1), e.cropShape === "circle" && (Y.save(), Y.beginPath(), Y.arc(o1 / 2, o1 / 2, o1 / 2, 0, Math.PI * 2), Y.closePath(), Y.clip()), Y.drawImage(
         C.value,
         d1,
@@ -322,7 +322,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                 variant: "outlineSubtle",
                 label: "Upload",
                 icon: "photo",
-                onClick: q
+                onClick: Q
               }, null, 8, ["disabled"]),
               u("div", e5, [
                 w(p(E1), {
@@ -348,7 +348,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
     label: {}
   },
   setup(n) {
-    return (t, e) => (o(), i("div", t5, Q(t.label), 1));
+    return (t, e) => (o(), i("div", t5, K(t.label), 1));
   }
 }), l5 = {}, n5 = { class: "flex items-center gap-1 overflow-hidden" };
 function o5(n, t) {
@@ -651,7 +651,7 @@ const Me = {
           variant: "textSubtle",
           onClick: a[0] || (a[0] = (f) => l("move", { amount: -10, unit: p(X).YEAR }))
         }),
-        u("div", i5, Q(s.value), 1),
+        u("div", i5, K(s.value), 1),
         w(p(j), {
           icon: "chevron-right",
           variant: "textSubtle",
@@ -697,7 +697,7 @@ const p5 = /* @__PURE__ */ $({
         "text-xs font-bold text-white": l.date.current && l.date.selected
       }]),
       onClick: s[0] || (s[0] = U((r) => e("click", l.date), ["stop"]))
-    }, Q(l.date.label), 3));
+    }, K(l.date.label), 3));
   }
 }), f5 = { class: "w-56 grid grid-cols-7" }, c5 = { class: "col-span-3 h-8 flex items-center justify-center" }, C5 = { class: "w-56 grid grid-cols-7 bg-bg-medium rounded my-2" }, v5 = { class: "w-56 grid grid-cols-7" }, h5 = /* @__PURE__ */ $({
   __name: "MonthView",
@@ -749,7 +749,7 @@ const p5 = /* @__PURE__ */ $({
         (o(!0), i(M, null, m1(l.weekdays, (r) => (o(), i("div", {
           key: r,
           class: "flex items-center justify-center w-8 h-6 text-muted text-xs select-none"
-        }, Q(r.slice(0, 1).toUpperCase()), 1))), 128))
+        }, K(r.slice(0, 1).toUpperCase()), 1))), 128))
       ]),
       u("main", v5, [
         (o(!0), i(M, null, m1(l.viewData, (r) => {
@@ -779,7 +779,7 @@ const p5 = /* @__PURE__ */ $({
           variant: "textSubtle",
           onClick: s[0] || (s[0] = (r) => e("move", { amount: -1, unit: "YEAR" }))
         }),
-        u("div", g5, Q(l.currentYear), 1),
+        u("div", g5, K(l.currentYear), 1),
         w(p(j), {
           icon: "chevron-right",
           variant: "textSubtle",
@@ -1272,7 +1272,7 @@ const $5 = (n = null, t) => {
           "hover:underline": !l.disabled,
           "text-tertiary": l.disabled
         }])
-      }, Q(l.label), 3)) : k("", !0)
+      }, K(l.label), 3)) : k("", !0)
     ], 2));
   }
 }), x5 = { class: "w-full" }, Y5 = { class: "flex items-center w-full h-10" }, W5 = {
@@ -2335,7 +2335,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
                   w(p(me), null, {
                     header: Z(() => [
                       u("header", E2, [
-                        f.title ? (o(), i("h4", O2, Q(f.title), 1)) : (o(), i("h4", I2, [
+                        f.title ? (o(), i("h4", O2, K(f.title), 1)) : (o(), i("h4", I2, [
                           R(f.$slots, "title", { close: r })
                         ])),
                         f.closeable ? (o(), V(p(j), {
@@ -2416,8 +2416,8 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       }]),
       onClick: e[1] || (e[1] = (l) => t.$emit("click"))
     }, [
-      u("span", N2, Q(t.label), 1),
-      t.active && t.count ? (o(), i("span", F2, Q(t.count), 1)) : k("", !0),
+      u("span", N2, K(t.label), 1),
+      t.active && t.count ? (o(), i("span", F2, K(t.count), 1)) : k("", !0),
       t.deletable && t.active ? (o(), V(p(R2), {
         key: 1,
         onClick: e[0] || (e[0] = (l) => t.$emit("delete"))
@@ -3053,7 +3053,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
                       name: "header",
                       fn: Z(() => [
                         l.title ? (o(), i("header", ln, [
-                          u("h4", null, Q(l.title), 1),
+                          u("h4", null, K(l.title), 1),
                           h.closeable ? (o(), V(p(j), {
                             key: 0,
                             icon: "close",
@@ -3166,7 +3166,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }, {
         default: Z(() => [
           w(p(l1), { name: l.value }, null, 8, ["name"]),
-          u("span", dn, Q(s.text), 1)
+          u("span", dn, K(s.text), 1)
         ]),
         _: 1
       }, 8, ["class"]),
@@ -3210,7 +3210,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["change"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = O(() => a5(0, n.lastPage).map((h) => ({ label: `${h + 1}` }))), r = O(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), a = O(() => n.borders ? { borderRadius: "0px 8px 8px 0px" } : void 0), f = O(() => n.borders ? { borderRadius: "0" } : void 0), C = O(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (h) => {
+    const e = t, l = L(), s = O(() => a5(0, n.lastPage).map((h) => ({ id: `${h + 1}`, label: `${h + 1}` }))), r = O(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), a = O(() => n.borders ? { borderRadius: "0px 8px 8px 0px" } : void 0), f = O(() => n.borders ? { borderRadius: "0" } : void 0), C = O(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (h) => {
       let b = n.currentPage + h;
       b > n.lastPage && (b = 1), b < 1 && (b = n.lastPage), e("change", b);
     }, d = (h) => {
@@ -3481,7 +3481,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       l.disabled || (y.clear(), z());
     }, W = async () => {
       z.clear(), y();
-    }, q = (E) => {
+    }, Q = (E) => {
       l.trigger === "click" && (E.preventDefault(), E.stopPropagation(), f1());
     }, s1 = (E) => {
       C.value && m.value && H([C.value, m.value, ...E]);
@@ -3510,7 +3510,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         ref: m,
         class: D(l.triggerClass),
         onMouseover: I[0] || (I[0] = (G) => l.trigger === "hover" && S()),
-        onClick: q,
+        onClick: Q,
         onFocus: I[1] || (I[1] = (G) => l.trigger === "focus" && S()),
         onKeyup: I[2] || (I[2] = _((G) => W(), ["esc"]))
       }, [
@@ -3680,8 +3680,8 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
               }])
             }, [
               d.title || d.description ? (o(), i("section", bn, [
-                u("h5", null, Q(d.title), 1),
-                u("p", Ln, Q(d.description), 1)
+                u("h5", null, K(d.title), 1),
+                u("p", Ln, K(d.description), 1)
               ])) : k("", !0),
               w(p(E1), {
                 vertical: !(d.title || d.description),
@@ -3717,31 +3717,30 @@ var b1 = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.IDLE = "idle", n.LOADING
 const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   __name: "option",
   props: {
-    label: {},
-    disabled: { type: Boolean, default: !1 },
+    option: {},
     hoveredOption: {},
     selected: { type: Boolean, default: !1 }
   },
   emits: ["click", "focus", "hover"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = O(() => e.hoveredOption && e.hoveredOption.label === e.label), a = () => {
-      e.disabled || l("click");
+    const e = n, l = t, s = L(), r = O(() => e.hoveredOption && e.hoveredOption.label === e.option.label), a = () => {
+      e.option.disabled || l("click");
     };
     return (f, C) => (o(), i("div", {
       ref_key: "root",
       ref: s,
       tabindex: "0",
       class: D(["flex items-center justify-between w-full h-8 px-3 space-x-2 text-sm focus:outline-hidden", {
-        "cursor-not-allowed text-muted ": f.disabled,
-        "cursor-pointer text-primary hover:bg-secondary focus:bg-secondary active:bg-tertiary": !f.disabled && !f.selected,
+        "cursor-not-allowed text-muted ": f.option.disabled,
+        "cursor-pointer text-primary hover:bg-secondary focus:bg-secondary active:bg-tertiary": !f.option.disabled && !f.selected,
         "cursor-pointer text-light-blue font-medium hover:bg-secondary focus:bg-secondary active:bg-tertiary": f.selected,
         "bg-secondary": r.value,
         "bg-primary": !r.value
       }]),
       onClick: a,
       onKeydown: _(U(a, ["prevent"]), ["enter"]),
-      onMouseover: C[0] || (C[0] = (m) => l("hover", f.label)),
-      onFocus: C[1] || (C[1] = (m) => l("focus", f.label))
+      onMouseover: C[0] || (C[0] = (m) => l("hover", f.option.id)),
+      onFocus: C[1] || (C[1] = (m) => l("focus", f.option.id))
     }, [
       R(f.$slots, "default")
     ], 42, Vn));
@@ -3816,7 +3815,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["close", "save-custom", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = L(null), f = L([]), C = L(""), m = L(), d = L(), h = L(), b = L(), c = L(), H = L(), v = L(l.resultFilters || []), g = L(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: T } = Ce(), z = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), y = O(() => f.value.every((A) => A.disabled)), S = O(() => !C.value.length && !f.value.length), W = O(() => C.value.length && !f.value.length), q = O(() => {
+    const l = n, s = e, r = R1(), a = L(null), f = L([]), C = L(""), m = L(), d = L(), h = L(), b = L(), c = L(), H = L(), v = L(l.resultFilters || []), g = L(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: T } = Ce(), z = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), y = O(() => f.value.every((A) => A.disabled)), S = O(() => !C.value.length && !f.value.length), W = O(() => C.value.length && !f.value.length), Q = O(() => {
       if (d.value) return b1.ERROR;
       if (l.loading) return b1.LOADING;
       if (W.value && !l.loading) return b1.NO_MATCH;
@@ -3847,19 +3846,19 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       const x = A.target.value;
       a.value = null, l.filterable ? N(x) : l.remoteMethod && await l.remoteMethod(x);
     }, l.debounceMs), g1 = (A) => {
-      a.value = f.value.find((x) => x.label === A) || null;
+      a.value = f.value.find((x) => x.id === A) || null;
     }, F = (A) => {
       if (!b.value.length) return;
-      const x = b.value[f.value.findIndex((K) => K.label === A.label)].$el;
+      const x = b.value[f.value.findIndex((q) => q.label === A.label)].$el;
       if (H.value && x) {
-        const K = H.value.$el.querySelector(".scrollbar__wrap");
-        K && (st(K, x), H.value.handleScroll());
+        const q = H.value.$el.querySelector(".scrollbar__wrap");
+        q && (st(q, x), H.value.handleScroll());
       }
     }, Y = async (A) => {
       if (f.value.length === 0) return;
-      let x = f.value.findIndex((K) => {
+      let x = f.value.findIndex((q) => {
         var d1;
-        return K.label === ((d1 = a.value) == null ? void 0 : d1.label);
+        return q.label === ((d1 = a.value) == null ? void 0 : d1.label);
       });
       y.value || (A === "next" ? (x++, x === f.value.length && (x = 0)) : A === "prev" && (x--, x < 0 && (x = f.value.length - 1)), a.value = f.value[x], a.value.disabled === !0 && Y(A), await D1(), a.value && F(a.value));
     }, o1 = () => {
@@ -3881,10 +3880,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       onClose: G,
       onOpen: I
     }, {
-      default: Z((K) => [
+      default: Z((q) => [
         R(A.$slots, "trigger", {
           disabled: A.disabled,
-          visible: K && K.visible
+          visible: q && q.visible
         })
       ]),
       content: Z(() => [
@@ -3903,17 +3902,17 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                 x1(u("input", {
                   ref_key: "inputRef",
                   ref: h,
-                  "onUpdate:modelValue": x[0] || (x[0] = (K) => C.value = K),
+                  "onUpdate:modelValue": x[0] || (x[0] = (q) => C.value = q),
                   type: "text",
                   class: "w-full h-8 text-sm leading-none bg-primary rounded-tr-lg focus:outline-hidden",
                   placeholder: A.placeholder,
                   onClick: x[1] || (x[1] = U(() => {
                   }, ["stop", "prevent"])),
                   onInput: x[2] || (x[2] = //@ts-ignore
-                  (...K) => p(S1) && p(S1)(...K)),
+                  (...q) => p(S1) && p(S1)(...q)),
                   onKeydown: [
-                    x[3] || (x[3] = _(U((K) => Y("next"), ["prevent"]), ["down"])),
-                    x[4] || (x[4] = _(U((K) => Y("prev"), ["prevent"]), ["up"])),
+                    x[3] || (x[3] = _(U((q) => Y("next"), ["prevent"]), ["down"])),
+                    x[4] || (x[4] = _(U((q) => Y("prev"), ["prevent"]), ["up"])),
                     _(U(o1, ["prevent"]), ["enter"]),
                     _(U(G, ["stop", "prevent"]), ["esc"])
                   ]
@@ -3936,58 +3935,57 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               class: "flex-1 bg-primary h-full"
             }, [
               R(A.$slots, "error")
-            ], 512)) : q.value === p(b1).LOADING ? (o(), i("div", Bn, [
+            ], 512)) : Q.value === p(b1).LOADING ? (o(), i("div", Bn, [
               u("div", Sn, [
                 w(p(N1), { class: "w-4 h-4 text-granite-grey" }),
-                u("span", Tn, Q(A.loadingText), 1)
+                u("span", Tn, K(A.loadingText), 1)
               ])
-            ])) : q.value === p(b1).NO_MATCH ? (o(), i("div", zn, [
+            ])) : Q.value === p(b1).NO_MATCH ? (o(), i("div", zn, [
               u("div", An, [
                 x[5] || (x[5] = u("div", { class: "w-4 h-4 text-center leading-none" }, " ... ", -1)),
-                u("span", Rn, Q(A.noMatchText), 1)
+                u("span", Rn, K(A.noMatchText), 1)
               ])
-            ])) : q.value === p(b1).IDLE ? (o(), i("div", En, [
+            ])) : Q.value === p(b1).IDLE ? (o(), i("div", En, [
               u("div", On, [
                 w(p(l1), { name: A.emptyStateIcon }, null, 8, ["name"]),
-                u("span", In, Q(A.emptyStateText), 1)
+                u("span", In, K(A.emptyStateText), 1)
               ]),
               x[6] || (x[6] = u("div", { class: "h-8 w-full bg-primary" }, null, -1))
-            ])) : q.value === p(b1).MATCH ? (o(), V(p(q1), {
+            ])) : Q.value === p(b1).MATCH ? (o(), V(p(q1), {
               key: 5,
               ref_key: "scrollbarRef",
               ref: H
             }, {
               default: Z(() => [
                 u("div", Pn, [
-                  (o(!0), i(M, null, m1(f.value, (K) => (o(), V(kn, {
+                  (o(!0), i(M, null, m1(f.value, (q) => (o(), V(kn, {
                     ref_for: !0,
                     ref_key: "optionsRef",
                     ref: b,
-                    key: K.id || K.label,
-                    disabled: K.disabled,
-                    label: K.label,
+                    key: q.id,
+                    option: q,
                     "hovered-option": a.value,
-                    selected: z.value.includes(K),
+                    selected: z.value.includes(q),
                     onFocus: g1,
                     onHover: g1,
-                    onClick: (d1) => P(K)
+                    onClick: (d1) => P(q)
                   }, {
                     default: Z(() => [
                       u("div", Nn, [
-                        K.icon ? (o(), V(p(l1), {
+                        q.icon ? (o(), V(p(l1), {
                           key: 0,
-                          name: K.icon
+                          name: q.icon
                         }, null, 8, ["name"])) : k("", !0),
                         w(p(it), {
                           "background-color": "yellow",
-                          value: K.label,
+                          value: q.label,
                           highlight: C.value
                         }, null, 8, ["value", "highlight"])
                       ]),
-                      K.meta ? (o(), i("div", Fn, Q(K.meta), 1)) : k("", !0)
+                      q.meta ? (o(), i("div", Fn, K(q.meta), 1)) : k("", !0)
                     ]),
                     _: 2
-                  }, 1032, ["disabled", "label", "hovered-option", "selected", "onClick"]))), 128))
+                  }, 1032, ["option", "hovered-option", "selected", "onClick"]))), 128))
                 ])
               ]),
               _: 1
@@ -4069,10 +4067,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       if (!T) return;
       const z = s.value.getBoundingClientRect();
       if (z) {
-        const y = ((z[f.direction] || 0) - (g[f.client] || 0)) * -1, S = r.value && typeof r.value[f.offset] == "number" ? r.value[f.offset] - T : 0, W = s.value ? Number(s.value[f.offset]) : 0, q = W ? (y - S) * 100 / W : 0;
+        const y = ((z[f.direction] || 0) - (g[f.client] || 0)) * -1, S = r.value && typeof r.value[f.offset] == "number" ? r.value[f.offset] - T : 0, W = s.value ? Number(s.value[f.offset]) : 0, Q = W ? (y - S) * 100 / W : 0;
         l("update", {
           scrollReference: f.scroll,
-          positionPercentage: q,
+          positionPercentage: Q,
           scrollSize: f.scrollSize
         });
       }
@@ -4088,7 +4086,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     }, c = (g) => {
       const T = g.target.getBoundingClientRect();
       if (T) {
-        const z = T[f.direction], y = g[f.client], S = Math.abs((z ? Number(z) : 0) - (y ? Number(y) : 0)), W = r.value[f.offset] / 2, q = s.value ? Number(s.value[f.offset]) : 0, s1 = q ? (S - W) * 100 / q : 0;
+        const z = T[f.direction], y = g[f.client], S = Math.abs((z ? Number(z) : 0) - (y ? Number(y) : 0)), W = r.value[f.offset] / 2, Q = s.value ? Number(s.value[f.offset]) : 0, s1 = Q ? (S - W) * 100 / Q : 0;
         l("update", {
           scrollReference: f.scroll,
           positionPercentage: s1,
@@ -4273,7 +4271,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         key: 0,
         name: l.segment.icon
       }, null, 8, ["name"])) : k("", !0),
-      l.segment.label ? (o(), i("p", jn, Q(l.segment.label), 1)) : k("", !0)
+      l.segment.label ? (o(), i("p", jn, K(l.segment.label), 1)) : k("", !0)
     ], 2));
   }
 }), L4 = /* @__PURE__ */ $({
@@ -4311,7 +4309,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         key: 0,
         style: t1({ top: t.small ? "-0.55rem" : "-0.63rem" }),
         class: D(["absolute bg-primary px-2 font-medium text-tertiary", { "text-[10px]": t.small, "text-xs": !t.small }])
-      }, Q(t.label), 7)) : k("", !0),
+      }, K(t.label), 7)) : k("", !0),
       R(t.$slots, "default")
     ], 2));
   }
@@ -4382,7 +4380,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               "text-secondary": !a.option.disabled,
               "text-tertiary": a.option.disabled
             }])
-          }, Q(a.option.suffix), 3)) : k("", !0),
+          }, K(a.option.suffix), 3)) : k("", !0),
           a.variant === "deletable" ? (o(), V(p(j), {
             key: 1,
             small: "",
@@ -4414,7 +4412,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           "text-alert": t.variant === "error",
           "text-primary": t.variant === "loading"
         }])
-      }, Q(t.status), 3)
+      }, K(t.status), 3)
     ]));
   }
 }), _n = /* @__PURE__ */ $({
@@ -4609,10 +4607,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     const l = n, s = e, { nextFrame: r } = Ce(), a = L(null), f = L([]), C = L(""), m = L(), d = L(), h = L(), b = L(), c = L(), H = L(l.filters ? l.filters[0] : null), v = L(!1), g = L(!1), T = L(""), z = (B) => {
       if (!Array.isArray(B)) throw new Error("Item passed must be an Array");
       return B.length === 0 ? !1 : "options" in B[0];
-    }, y = O(() => z(l.options)), S = O(() => y.value ? l.options.flatMap((B) => B.options) : l.options), W = O(() => l.loading ? "loading" : l.errorMessage ? "error" : C.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), q = O(() => l.selected && "length" in l.selected), s1 = O(() => l.selected ? q.value ? l.selected.length : 1 : 0), f1 = O(() => l.selected ? H.value ? l.selected.length >= S.value.filter(H.value.execute).length : q.value ? l.selected.length === S.value.length : !1 : !1), E = O(() => l.selected ? q.value ? !l.selected.length : !l.selected : !0);
+    }, y = O(() => z(l.options)), S = O(() => y.value ? l.options.flatMap((B) => B.options) : l.options), W = O(() => l.loading ? "loading" : l.errorMessage ? "error" : C.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), Q = O(() => l.selected && "length" in l.selected), s1 = O(() => l.selected ? Q.value ? l.selected.length : 1 : 0), f1 = O(() => l.selected ? H.value ? l.selected.length >= S.value.filter(H.value.execute).length : Q.value ? l.selected.length === S.value.length : !1 : !1), E = O(() => l.selected ? Q.value ? !l.selected.length : !l.selected : !0);
     i1(() => l.selected, (B) => {
       B && v.value && r(() => {
-        if (h.value.update(), q.value && s1.value) {
+        if (h.value.update(), Q.value && s1.value) {
           const J = b.value[b.value.length - 1].$el, p1 = c.value.$el.querySelector(".scrollbar__wrap");
           p1 && (st(p1, J), c.value.handleScroll());
         }
@@ -4620,21 +4618,21 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     }), i1(() => l.options, (B) => {
       g1(B), a.value = null;
     }), A1(() => g1(l.options)), a1(() => {
-      !q.value && l.selectAll && console.warn("[SelectList] selectAll prop not allowed when SelectList is not isMultiselect. You need to pass an Array of selected options (or empty) if you want it to be isMultiselect."), r(() => {
+      !Q.value && l.selectAll && console.warn("[SelectList] selectAll prop not allowed when SelectList is not isMultiselect. You need to pass an Array of selected options (or empty) if you want it to be isMultiselect."), r(() => {
         h.value && h.value.update(), m.value.addEventListener("keydown", I);
       });
     }), B1(() => m.value.removeEventListener("keydown", I));
     const I = (B) => {
       B.key === "Enter" ? P() : B.key === "Escape" ? s("escape") : B.key === "ArrowDown" ? A("next") : B.key === "ArrowUp" && A("prev");
     }, G = (B) => {
-      if (q.value) {
+      if (Q.value) {
         const J = l.selected.map((p1) => p1.label).includes(B.label) ? [...l.selected.filter((p1) => p1.label !== B.label)] : [...l.selected, B];
         s("select", J);
       } else
         s("select", B);
     }, P = () => {
       a.value ? G(a.value) : C.value.length && s("selectQuery", C.value);
-    }, N = (B) => l.selected ? q.value ? l.selected.some((J) => J[l.identifier] === B[l.identifier]) : B[l.identifier] === l.selected[l.identifier] : !1, n1 = async (B) => {
+    }, N = (B) => l.selected ? Q.value ? l.selected.some((J) => J[l.identifier] === B[l.identifier]) : B[l.identifier] === l.selected[l.identifier] : !1, n1 = async (B) => {
       C.value = B, a.value = null, l.searchFunction && await l.searchFunction(B);
     }, S1 = l.searchDebounce ? ne(n1, l.searchDebounce) : n1, g1 = (B) => {
       var J;
@@ -4654,7 +4652,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     }, F = (B) => {
       H.value = B, g1(l.options);
     }, Y = () => {
-      if (!q.value) throw new Error('[SelectList@onToggleAll] method should not be called when "isMultiselect=false"');
+      if (!Q.value) throw new Error('[SelectList@onToggleAll] method should not be called when "isMultiselect=false"');
       s1.value === 0 || s1.value && !f1.value ? s("select", H.value ? S.value.filter(H.value.execute) : S.value) : s("select", []);
     }, o1 = (B) => a.value = S.value.find((J) => J[l.identifier] === B[l.identifier]) || null, v1 = O(() => {
       const B = Array.isArray(f.value) && f.value.length > 0 && "options" in f.value[0] ? f.value.flatMap((J) => J.options) : f.value;
@@ -4670,7 +4668,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       if (!d.value.children.length) return;
       const J = null;
       h.value;
-    }, K = () => {
+    }, q = () => {
       v.value = !v.value, c.value.update();
     }, d1 = O(() => v.value && g.value ? T.value : "border-transparent"), V1 = (B) => {
       B.hit ? B.edge === "bottom" && B.hit ? T.value = "border-b-transparent border-t-outline-subtle shadow-scroll-top" : B.edge === "top" && B.hit && (T.value = "border-t-transparent border-b-outline-subtle shadow-scroll-bottom") : T.value = "border-y-outline-subtle shadow-scroll-y";
@@ -4679,7 +4677,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     };
     return t({
       // focusSearch,
-      isMultiselect: q,
+      isMultiselect: Q,
       reset: () => {
         C.value = "", l.searchFunction ? l.searchFunction("") : g1([]), H.value = l.filters ? l.filters[0] : null;
       },
@@ -4726,7 +4724,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
             checked: f1.value,
             onClick: Y
           }, null, 8, ["indeterminate", "checked"]),
-          u("span", a0, Q(B.selectAllLabel), 1)
+          u("span", a0, K(B.selectAllLabel), 1)
         ])) : k("", !0)
       ])) : k("", !0),
       u("main", r0, [
@@ -4771,7 +4769,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               class: "-ml-4",
               label: `${v.value ? "Hide" : "Show"} selected items (${s1.value})`,
               "trailing-icon": v.value ? "chevron-down" : "chevron-up",
-              onClick: K
+              onClick: q
             }, null, 8, ["label", "trailing-icon"])
           ]),
           w(p(q1), {
@@ -4786,7 +4784,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           }, {
             default: Z(() => [
               v.value ? (o(), i(M, { key: 0 }, [
-                E.value ? (o(), i("span", u0, Q(B.nothingSelectedLabel), 1)) : k("", !0),
+                E.value ? (o(), i("span", u0, K(B.nothingSelectedLabel), 1)) : k("", !0),
                 J[1] || (J[1] = u("section", { class: "w-full px-4 flex flex-wrap items-center gap-2" }, null, -1))
               ], 64)) : k("", !0)
             ]),
@@ -4887,7 +4885,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                       name: "header",
                       fn: Z(() => [
                         d.title ? (o(), i("header", f0, [
-                          u("h4", null, Q(d.title), 1),
+                          u("h4", null, K(d.title), 1),
                           d.closeable ? (o(), V(p(j), {
                             key: 0,
                             small: "",
@@ -5009,7 +5007,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         name: a.icon
       }, null, 8, ["name"])) : k("", !0),
       u("span", h0, [
-        Ee(Q(a.name) + " ", 1),
+        Ee(K(a.name) + " ", 1),
         a.notification ? (o(), i("div", m0, [
           w(p(_e))
         ])) : k("", !0)
@@ -5040,7 +5038,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               key: 0,
               name: l.icon
             }, null, 8, ["name"])) : k("", !0),
-            u("span", g0, Q(l.label), 1)
+            u("span", g0, K(l.label), 1)
           ]),
           _: 1
         }),
@@ -5089,7 +5087,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           key: 0,
           class: D(["z-50 min-w-0 px-2 py-1 rounded-md text-sm shadow-sm-md", [e.bgColorClass, e.textColorClass]])
         }, [
-          u("span", null, Q(e.text), 1),
+          u("span", null, K(e.text), 1),
           R(s.$slots, "content")
         ], 2)) : k("", !0)
       ]),
@@ -5121,7 +5119,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           onKeyup: _(l, ["delete"])
         }, {
           default: Z(() => [
-            u("div", b0, Q(s.entry.value), 1),
+            u("div", b0, K(s.entry.value), 1),
             u("button", {
               class: "group cursor-pointer w-4 h-4 rounded hover:bg-secondary active:bg-tertiary",
               onClick: l
@@ -5232,7 +5230,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               key: 0,
               name: l.icon
             }, null, 8, ["name"])) : k("", !0),
-            l.label ? (o(), i("span", H0, Q(l.label), 1)) : k("", !0)
+            l.label ? (o(), i("span", H0, K(l.label), 1)) : k("", !0)
           ]),
           _: 1
         }, 8, ["class"])
@@ -5371,13 +5369,13 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       return !m.value || !a.value ? !1 : ((y = m.value) == null ? void 0 : y.trim().length) > 0 && ((S = a.value) == null ? void 0 : S.trim().length) > 0;
     }), H = L(!1), v = ([y, S]) => {
       var G, P;
-      const { state: W, view: q } = e.editor, { empty: s1, from: f1 } = W.selection, I = W.doc.resolve(f1).marks().find((N) => N.type.name === "link");
+      const { state: W, view: Q } = e.editor, { empty: s1, from: f1 } = W.selection, I = W.doc.resolve(f1).marks().find((N) => N.type.name === "link");
       if (I)
         m.value = I.attrs.href;
       else if (s1)
         a.value = M0(e.editor) || "", H.value = !0;
       else {
-        const { from: N, to: n1 } = q.state.selection;
+        const { from: N, to: n1 } = Q.state.selection;
         a.value = W.doc.textBetween(N, n1, "");
       }
       a.value.trim().length ? (G = d.value) == null || G.focus() : (P = r.value) == null || P.focus(), l("updateTargets", [S]);
@@ -5448,7 +5446,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
               "confirm-label": "Insert",
               "confirm-disabled": !c.value,
               onConfirm: z,
-              onCancel: (q) => {
+              onCancel: (Q) => {
                 T(), W();
               }
             }, null, 8, ["confirm-disabled", "onCancel"])
@@ -5667,11 +5665,11 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
     }, z = () => {
       var P;
       (P = b.value) == null || P.commands.blur(), a.value = !1;
-    }, y = () => C.value = !1, S = () => a.value = !0, W = () => C.value = !1, q = (P) => {
+    }, y = () => C.value = !1, S = () => a.value = !0, W = () => C.value = !1, Q = (P) => {
       var N;
       return (N = b.value) == null ? void 0 : N.commands.insertContent(P);
     }, s1 = (P) => {
-      q(P), f.value = !1;
+      Q(P), f.value = !1;
     }, f1 = () => C.value = !0, E = () => f.value = !0;
     return t({ blur: z, closeInsert: () => f.value = !1, focus: T, setContent: (P) => {
       var N;
@@ -5704,7 +5702,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                 key: 0,
                 name: P.headerIcon
               }, null, 8, ["name"])) : k("", !0),
-              P.headerLabel ? (o(), i("span", P0, Q(P.headerLabel), 1)) : k("", !0)
+              P.headerLabel ? (o(), i("span", P0, K(P.headerLabel), 1)) : k("", !0)
             ]),
             _: 1
           }, 8, ["class"])) : k("", !0),
@@ -5929,7 +5927,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       }
     ), (r, a) => (o(), i("span", F0, [
       e.value.length === 0 ? (o(), i(M, { key: 0 }, [
-        Ee(Q(r.value), 1)
+        Ee(K(r.value), 1)
       ], 64)) : (o(!0), i(M, { key: 1 }, m1(e.value, (f, C) => (o(), i(M, {
         key: `${f}_${C}`
       }, [
@@ -5943,7 +5941,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
             l.value,
             r.textColorClass
           ]])
-        }, Q(f), 3)) : (o(), i("span", U0, Q(f), 1))
+        }, K(f), 3)) : (o(), i("span", U0, K(f), 1))
       ], 64))), 128))
     ]));
   }
@@ -6112,7 +6110,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
             key: 0,
             name: d.icon
           }, null, 8, ["name"])) : k("", !0),
-          d.label ? (o(), i("div", K0, Q(d.label), 1)) : k("", !0)
+          d.label ? (o(), i("div", K0, K(d.label), 1)) : k("", !0)
         ], 46, j0)
       ]),
       _: 1
@@ -6352,7 +6350,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
                       name: v.node.open ? "chevron-down-small" : "chevron-right-small"
                     }, null, 8, ["name"])
                   ])) : (o(), i("div", eo)),
-                  u("span", to, Q(v.node.label), 1)
+                  u("span", to, K(v.node.label), 1)
                 ];
               }),
               _: 1
@@ -6789,8 +6787,8 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   const v = (z) => {
     const { filters: y, sorting: S } = gt(z, n);
     b.value = S ? T(S) : e.default, m.value.forEach((W) => {
-      const q = y.find((s1) => s1.id === W.id);
-      q ? (W.operator = q.operator, W.value = q.value) : (W.operator = "=", W.value = null);
+      const Q = y.find((s1) => s1.id === W.id);
+      Q ? (W.operator = Q.operator, W.value = Q.value) : (W.operator = "=", W.value = null);
     });
   }, g = async () => {
     const z = fo(r.query, n);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firstnoodle-ui/bui",
   "type": "module",
-  "version": "0.0.68",
+  "version": "0.0.70",
   "private": false,
   "repository": {
     "type": "git",
@@ -93,6 +93,6 @@
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:run": "vitest run",
-    "release:publish": "pnpm publish --access public --otp=943269 --no-git-checks"
+    "release:publish": "pnpm publish --access public --otp=706509 --no-git-checks"
   }
 }