@firstnoodle-ui/bui 0.0.68 → 0.0.69

package/dist/index.mjs

@@ -48,7 +48,7 @@ function Ot(n, t) {
     }, null, -1))
   ]);
 }
-const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space-y-4" }, Pt = { class: "w-full h-12 flex items-center" }, Nt = { class: "flex-none pr-2 text-xs leading-none font-medium text-secondary" }, xo = /* @__PURE__ */ $({
+const F4 = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space-y-4" }, Pt = { class: "w-full h-12 flex items-center" }, Nt = { class: "flex-none pr-2 text-xs leading-none font-medium text-secondary" }, U4 = /* @__PURE__ */ $({
   __name: "AsideSectionLabel",
   props: {
     label: {}
@@ -72,7 +72,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
 }, Yt = {
   key: 2,
   class: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"
-}, Wt = { class: "flex flex-col items-center gap-4 pb-8" }, jt = ["src"], Kt = { class: "absolute inset-0 pointer-events-none" }, Qt = { class: "w-full h-full" }, qt = { id: "crop-mask" }, Xt = ["x", "y", "width", "height"], Gt = ["cx", "cy", "r"], Jt = { class: "absolute bottom-4 left-0 w-full flex justify-center gap-1" }, _t = { class: "bg-primary rounded-lg overflow-hidden" }, e5 = { class: "flex items-center gap-2" }, r1 = 510, Yo = /* @__PURE__ */ $({
+}, Wt = { class: "flex flex-col items-center gap-4 pb-8" }, jt = ["src"], Kt = { class: "absolute inset-0 pointer-events-none" }, Qt = { class: "w-full h-full" }, qt = { id: "crop-mask" }, Xt = ["x", "y", "width", "height"], Gt = ["cx", "cy", "r"], Jt = { class: "absolute bottom-4 left-0 w-full flex justify-center gap-1" }, _t = { class: "bg-primary rounded-lg overflow-hidden" }, e5 = { class: "flex items-center gap-2" }, r1 = 510, x4 = /* @__PURE__ */ $({
   __name: "AvatarUpload",
   props: {
     modelValue: { default: null },
@@ -580,7 +580,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
       _: 1
     }, 40, ["to", "target", "class", "disabled", "style"]));
   }
-}), Wo = /* @__PURE__ */ $({
+}), Y4 = /* @__PURE__ */ $({
   __name: "ButtonGroup",
   props: {
     direction: { default: "horizontal" },
@@ -811,7 +811,7 @@ const C1 = (n) => {
   if (!Number.isNaN(t.getTime()) && !t.toString().includes("Thu Jan 01 1970"))
     return new Date(Date.UTC(t.getFullYear(), t.getMonth(), t.getDate()));
   throw new Error(`Invalid date [${n}]`);
-}, jo = (n, t, e) => {
+}, W4 = (n, t, e) => {
   if (n == null || t == null) return null;
   n = C1(n), t = C1(t);
   const l = et(e);
@@ -820,7 +820,7 @@ const C1 = (n) => {
   if (l === X.MONTH || l === X.YEAR)
     throw new Error("Cannot calculate delta in months or years");
   return (n.getTime() - t.getTime()) / pe[l];
-}, T1 = (n, t) => (n = C1(n), t = C1(t), !n || !t ? !1 : n.getUTCFullYear() === t.getUTCFullYear() && n.getUTCMonth() === t.getUTCMonth() && n.getUTCDate() === t.getUTCDate()), y5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() > t.getTime() || e && T1(n, t)), H5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() < t.getTime() || e && T1(n, t)), Ko = (n, t, e, l = !1) => y5(n, t, l) && H5(n, e, l), V5 = (n) => (n = C1(n), Math.floor(n.getUTCFullYear() / 10) * 10), Qo = (n) => {
+}, T1 = (n, t) => (n = C1(n), t = C1(t), !n || !t ? !1 : n.getUTCFullYear() === t.getUTCFullYear() && n.getUTCMonth() === t.getUTCMonth() && n.getUTCDate() === t.getUTCDate()), y5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() > t.getTime() || e && T1(n, t)), H5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() < t.getTime() || e && T1(n, t)), j4 = (n, t, e, l = !1) => y5(n, t, l) && H5(n, e, l), V5 = (n) => (n = C1(n), Math.floor(n.getUTCFullYear() / 10) * 10), K4 = (n) => {
   const t = C1(n);
   t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
   const e = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
@@ -830,14 +830,14 @@ const C1 = (n) => {
   if (s === X.MONTH) throw new Error("Cannot move date by month");
   let r = l.getTime();
   return r += t * pe[s], l.setTime(r), l;
-}, qo = (n) => {
+}, Q4 = (n) => {
   console.log(
     n.toISOString().substr(0, 16).replace("T", " ")
   );
-}, Xo = (n) => {
+}, q4 = (n) => {
   const t = C1(n);
   return t ? t.toISOString().substring(0, 10) : null;
-}, Go = (n) => (n = C1(n), n ? n.toISOString().substring(0, 16).replace("T", " ") : null), k5 = 7, w5 = 6, M5 = k5 * w5;
+}, X4 = (n) => (n = C1(n), n ? n.toISOString().substring(0, 16).replace("T", " ") : null), k5 = 7, w5 = 6, M5 = k5 * w5;
 class Z5 {
   constructor(t, e = null) {
     O1(this, "options");
@@ -1170,14 +1170,14 @@ const $5 = (n = null, t) => {
   const e = new Date(n), l = e.getFullYear(), s = (e.getMonth() + 1).toString().padStart(2, "0"), r = e.getDate().toString().padStart(2, "0"), a = e.getHours().toString().padStart(2, "0"), f = e.getMinutes().toString().padStart(2, "0");
   let C = `${l}-${s}-${r}`;
   return t && (C = `${C} ${a}:${f}`), C;
-}, O5 = (n) => lt(n, !1), I5 = (n) => lt(n, !0), Jo = {
+}, O5 = (n) => lt(n, !1), I5 = (n) => lt(n, !0), G4 = {
   readableDate: z5,
   readableDateWithDay: A5,
   readableDateTime: R5,
   readableDateTimeWithDay: E5,
   dbDate: O5,
   dbDateTime: I5
-}, _o = ["dbDate", "dbDateTime", "readableDate", "readableDateWithDay", "readableDateTime", "readableDateTimeWithDay"], P5 = /* @__PURE__ */ $({
+}, J4 = ["dbDate", "dbDateTime", "readableDate", "readableDateWithDay", "readableDateTime", "readableDateTimeWithDay"], P5 = /* @__PURE__ */ $({
   __name: "CircleIndicator",
   props: {
     value: { type: Boolean },
@@ -1284,7 +1284,7 @@ const $5 = (n = null, t) => {
 }, Q5 = {
   key: 0,
   class: "relative"
-}, e4 = /* @__PURE__ */ $({
+}, _4 = /* @__PURE__ */ $({
   __name: "Collapse",
   props: {
     alignment: { default: "right" },
@@ -1477,7 +1477,7 @@ const q5 = () => {
   key: 1,
   class: "absolute w-16 right-0 z-10 h-full flex items-center justify-end pl-2",
   style: { background: "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%)" }
-}, Ze = 120, t4 = /* @__PURE__ */ $({
+}, Ze = 120, eo = /* @__PURE__ */ $({
   __name: "ContentSlider",
   setup(n, { expose: t }) {
     const e = L(0), l = L(null), s = L(null), r = L(l.value ? l.value.clientWidth : 0), a = L(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - Ze), C = () => {
@@ -1527,7 +1527,7 @@ const q5 = () => {
 function el(n, t) {
   return " To be implemented ";
 }
-const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
+const to = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
   class: "relative w-4 h-4 min-w-4 min-h-4 fill-current",
   viewBox: "0 0 16 16",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2305,7 +2305,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       w(p(l1), { name: "close" })
     ]));
   }
-}), E2 = { class: "flex items-center justify-between w-full h-12" }, O2 = { key: 0 }, I2 = { key: 1 }, P2 = { class: "flex items-center h-12" }, n4 = /* @__PURE__ */ $({
+}), E2 = { class: "flex items-center justify-between w-full h-12" }, O2 = { key: 0 }, I2 = { key: 1 }, P2 = { class: "flex items-center h-12" }, lo = /* @__PURE__ */ $({
   __name: "Dialog",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -2424,7 +2424,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       })) : k("", !0)
     ], 2));
   }
-}), x2 = { class: "opacity-0" }, Y2 = { key: 1 }, o4 = /* @__PURE__ */ $({
+}), x2 = { class: "opacity-0" }, Y2 = { key: 1 }, no = /* @__PURE__ */ $({
   __name: "FirstPaint",
   props: {
     delayIndex: {}
@@ -2485,7 +2485,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
   return (...l) => {
     clearTimeout(e), e = setTimeout(() => n.apply(void 0, l), t);
   };
-}, s4 = () => {
+}, oo = () => {
   if ("userAgentData" in navigator && navigator.userAgentData.platform === "macOS")
     return "key-cmd";
   const n = navigator.platform || navigator.userAgent || "";
@@ -2515,7 +2515,7 @@ const j2 = () => {
     e.push(l), l = l.offsetParent;
   const s = t.offsetTop + e.reduce((C, m) => C + m.offsetTop, 0), r = s + t.offsetHeight, a = n.scrollTop, f = a + n.clientHeight;
   s < a ? n.scrollTop = s : r > f && (n.scrollTop = r - n.clientHeight);
-}, ie = (n) => n != null, a4 = (n) => ie(n) && (typeof n == "string" ? n !== "" : !0) && (Array.isArray(n) ? n.length > 0 : !0), K2 = ["aria-label"], $e = /* @__PURE__ */ $({
+}, ie = (n) => n != null, so = (n) => ie(n) && (typeof n == "string" ? n !== "" : !0) && (Array.isArray(n) ? n.length > 0 : !0), K2 = ["aria-label"], $e = /* @__PURE__ */ $({
   __name: "Aside",
   props: {
     width: { default: 256 },
@@ -2575,7 +2575,7 @@ const j2 = () => {
       }, null, 42, K2)) : k("", !0)
     ], 6));
   }
-}), Q2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, r4 = /* @__PURE__ */ $({
+}), Q2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, ao = /* @__PURE__ */ $({
   __name: "HorizontalLayout",
   props: {
     asideLeftBgColorClass: { default: "" },
@@ -2664,7 +2664,7 @@ const j2 = () => {
       }, 8, ["border", "draggable", "width"])) : k("", !0)
     ]));
   }
-}), i4 = /* @__PURE__ */ $({
+}), ro = /* @__PURE__ */ $({
   __name: "InlineFormWrapper",
   props: {
     order: {},
@@ -2861,7 +2861,7 @@ const j2 = () => {
       }, null, 8, ["name"])
     ], 2));
   }
-}), J2 = ["min", "max", "auto-focus", "disabled", "value", "placeholder", "onKeydown"], d4 = /* @__PURE__ */ $({
+}), J2 = ["min", "max", "auto-focus", "disabled", "value", "placeholder", "onKeydown"], io = /* @__PURE__ */ $({
   __name: "InputNumber",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -3088,7 +3088,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), sn = { class: "text-sm tracking-wide" }, an = { class: "text-sm tracking-wide" }, u4 = /* @__PURE__ */ $({
+}), sn = { class: "text-sm tracking-wide" }, an = { class: "text-sm tracking-wide" }, uo = /* @__PURE__ */ $({
   __name: "NavItem",
   props: {
     exact: { type: Boolean, default: !1 },
@@ -3145,7 +3145,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
 }), rn = {
   "data-theme": "dark",
   class: "inline-flex items-stretch h-10 px-1 rounded-xl bg-black shadow-xl pointer-events-auto justify-between"
-}, dn = { class: "text-sm cursor-default truncate min-w-0" }, p4 = /* @__PURE__ */ $({
+}, dn = { class: "text-sm cursor-default truncate min-w-0" }, po = /* @__PURE__ */ $({
   __name: "Notification",
   props: {
     showDetailsButton: { type: Boolean },
@@ -3200,7 +3200,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       })
     ]));
   }
-}), f4 = /* @__PURE__ */ $({
+}), fo = /* @__PURE__ */ $({
   __name: "Pagination",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3323,7 +3323,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }, null, 42, un)) : k("", !0)
     ], 6));
   }
-}), pn = { class: "relative w-full h-full overflow-hidden bg-primary" }, c4 = /* @__PURE__ */ $({
+}), pn = { class: "relative w-full h-full overflow-hidden bg-primary" }, co = /* @__PURE__ */ $({
   __name: "PanelLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3545,7 +3545,7 @@ function hn(n, t) {
 const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
   key: 0,
   class: "flex items-center justify-between px-4 pb-4"
-}, C4 = /* @__PURE__ */ $({
+}, Co = /* @__PURE__ */ $({
   __name: "PopCalendar",
   props: {
     mode: { default: "immediate" },
@@ -3621,7 +3621,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
 }), gn = { class: "inline-flex" }, bn = {
   key: 0,
   class: "flex flex-col gap-0"
-}, Ln = { class: "text-sm text-secondary" }, v4 = /* @__PURE__ */ $({
+}, Ln = { class: "text-sm text-secondary" }, vo = /* @__PURE__ */ $({
   __name: "PopConfirm",
   props: {
     order: {},
@@ -3712,7 +3712,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
 function Hn(n, t) {
   return " To be implemented ";
 }
-const h4 = /* @__PURE__ */ M1(yn, [["render", Hn]]);
+const ho = /* @__PURE__ */ M1(yn, [["render", Hn]]);
 var b1 = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.IDLE = "idle", n.LOADING = "loading", n.MATCH = "match", n.NO_MATCH = "no match", n))(b1 || {});
 const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   __name: "option",
@@ -3963,7 +3963,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                     ref_for: !0,
                     ref_key: "optionsRef",
                     ref: b,
-                    key: K.id || K.label,
+                    key: K.id ? K.id : K.label,
                     disabled: K.disabled,
                     label: K.label,
                     "hovered-option": a.value,
@@ -4229,7 +4229,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       }, null, 8, ["move", "size"]))
     ], 2));
   }
-}), m4 = /* @__PURE__ */ $({
+}), mo = /* @__PURE__ */ $({
   __name: "ScrollBottomLoader",
   emits: ["intersect"],
   setup(n, { emit: t }) {
@@ -4250,7 +4250,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       }))
     ], 512));
   }
-}), g4 = ["top", "bottom", "left", "right"], b4 = ["up", "down", "left", "right"], jn = {
+}), go = ["top", "bottom", "left", "right"], bo = ["up", "down", "left", "right"], jn = {
   key: 1,
   class: "text-xs"
 }, Kn = /* @__PURE__ */ $({
@@ -4276,7 +4276,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       l.segment.label ? (o(), i("p", jn, Q(l.segment.label), 1)) : k("", !0)
     ], 2));
   }
-}), L4 = /* @__PURE__ */ $({
+}), Lo = /* @__PURE__ */ $({
   __name: "SegmentedControls",
   props: {
     segments: {},
@@ -4297,7 +4297,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), y4 = /* @__PURE__ */ $({
+}), yo = /* @__PURE__ */ $({
   __name: "OptionGroup",
   props: {
     label: {},
@@ -4315,7 +4315,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       R(t.$slots, "default")
     ], 2));
   }
-}), Qn = { class: "list-none flex items-center w-full overflow-hidden bg-primary" }, qn = { class: "flex-1 w-full overflow-hidden flex items-center gap-2" }, H4 = /* @__PURE__ */ $({
+}), Qn = { class: "list-none flex items-center w-full overflow-hidden bg-primary" }, qn = { class: "flex-1 w-full overflow-hidden flex items-center gap-2" }, Ho = /* @__PURE__ */ $({
   __name: "SelectListOption",
   props: {
     hoveredOption: {},
@@ -4584,7 +4584,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
 }, d0 = { class: "flex-none flex items-center justify-between gap-1 px-4 py-1" }, u0 = {
   key: 0,
   class: "px-4 h-8 flex items-center text-ui-label-14-regular text-disabled-font"
-}, p0 = { class: "flex-0" }, V4 = /* @__PURE__ */ $({
+}, p0 = { class: "flex-0" }, Vo = /* @__PURE__ */ $({
   __name: "SelectList",
   props: {
     identifier: { default: "label" },
@@ -4799,7 +4799,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       ])) : k("", !0)
     ], 4));
   }
-}), k4 = ["error", "idle", "loading", "match", "no match"], w4 = ["checkbox", "deletable", "single"], he = /* @__PURE__ */ $({
+}), ko = ["error", "idle", "loading", "match", "no match"], wo = ["checkbox", "deletable", "single"], he = /* @__PURE__ */ $({
   __name: "WindowFrame",
   setup(n, { expose: t }) {
     var l;
@@ -4818,7 +4818,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
 }), f0 = {
   key: 0,
   class: "px-6 flex items-center justify-between w-full h-12"
-}, c0 = { class: "px-6" }, C0 = { class: "px-6" }, M4 = /* @__PURE__ */ $({
+}, c0 = { class: "px-6" }, C0 = { class: "px-6" }, Mo = /* @__PURE__ */ $({
   __name: "SideOver",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -4916,12 +4916,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), Z4 = /* @__PURE__ */ $({
+}), Zo = /* @__PURE__ */ $({
   __name: "StatusSelect",
   setup(n) {
     return (t, e) => " TODO ";
   }
-}), $4 = /* @__PURE__ */ $({
+}), $o = /* @__PURE__ */ $({
   __name: "Switch",
   props: {
     value: { type: Boolean, default: !1 },
@@ -4967,7 +4967,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   key: 0,
   class: "absolute",
   style: { top: "0em", right: "-0.6em" }
-}, D4 = /* @__PURE__ */ $({
+}, Do = /* @__PURE__ */ $({
   __name: "Tab",
   props: {
     icon: {},
@@ -5016,7 +5016,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       ])
     ], 10, v0));
   }
-}), g0 = { class: "truncate" }, B4 = /* @__PURE__ */ $({
+}), g0 = { class: "truncate" }, Bo = /* @__PURE__ */ $({
   __name: "Tag",
   props: {
     label: {},
@@ -5138,7 +5138,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }, 8, ["text"]));
   }
-}), y0 = ["value", "placeholder"], S4 = /* @__PURE__ */ $({
+}), y0 = ["value", "placeholder"], So = /* @__PURE__ */ $({
   __name: "TagInput",
   props: {
     placeholder: { default: "Enter value, comma separated" },
@@ -5188,7 +5188,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), T4 = {
+}), To = {
   validate: (n) => /^[\w.%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i.test(n),
   errorMessage: () => "Invalid format."
 }, H0 = {
@@ -5246,7 +5246,7 @@ function w0(n, t) {
     u("div", { class: "w-px h-full bg-tertiary" }, null, -1)
   ])]);
 }
-const z4 = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
+const zo = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
   name: "enterKeyBehaviour",
   priority: 1e3,
   addOptions() {
@@ -5354,7 +5354,7 @@ function D0(n, t, e) {
     (r = n.value) == null || r.off("update", s), (a = n.value) == null || a.off("transaction", s);
   }), l;
 }
-const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE__ */ $({
+const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, Ao = /* @__PURE__ */ $({
   __name: "InserLink",
   props: {
     editor: {}
@@ -5459,7 +5459,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       _: 1
     }, 512));
   }
-}), R4 = /* @__PURE__ */ $({
+}), Ro = /* @__PURE__ */ $({
   __name: "InsertImage",
   props: {
     editor: {}
@@ -5601,7 +5601,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
 }), P0 = { key: 1 }, N0 = {
   key: 0,
   class: "pr-1"
-}, E4 = /* @__PURE__ */ $({
+}, Eo = /* @__PURE__ */ $({
   __name: "TextEditor",
   props: {
     autoHideMenu: { type: Boolean, default: !1 },
@@ -5953,7 +5953,7 @@ function W0(n, t) {
     R(n.$slots, "default")
   ]);
 }
-const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
+const Oo = /* @__PURE__ */ M1(x0, [["render", W0]]), Io = /* @__PURE__ */ $({
   __name: "TiptapEditor",
   props: {
     content: {},
@@ -6054,7 +6054,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       editor: p(r)
     }, null, 8, ["editor"])) : k("", !0);
   }
-}), j0 = ["disabled"], K0 = { key: 1 }, P4 = /* @__PURE__ */ $({
+}), j0 = ["disabled"], K0 = { key: 1 }, Po = /* @__PURE__ */ $({
   __name: "ToggleButton",
   props: {
     active: { type: Boolean },
@@ -6118,9 +6118,9 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       _: 1
     }, 8, ["text", "delay", "placement"])) : k("", !0);
   }
-}), N4 = (n) => {
+}), No = (n) => {
   n.forEach((t) => t.open = !0);
-}, F4 = (n, t, e) => {
+}, Fo = (n, t, e) => {
   let l = n;
   for (const s of t.map((r) => r.id)) {
     if (!l || l.id !== s) {
@@ -6130,7 +6130,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     if (!l) return;
   }
   return l[e];
-}, U4 = (n, t, e, l) => {
+}, Uo = (n, t, e, l) => {
   let s = n;
   for (const r of t.map((a) => a.id)) {
     if (!s || s.id !== r) {
@@ -6140,7 +6140,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     if (!s) return !1;
   }
   return s[e] = l, !0;
-}, x4 = (n, t, e, l) => {
+}, xo = (n, t, e, l) => {
   let s = n;
   for (const r of t.map((a) => a.id)) {
     if (!s || s.id !== r) {
@@ -6162,7 +6162,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     for (const e of n.children)
       t.push(...q0(e));
   return t;
-}, Y4 = ({
+}, Yo = ({
   items: n,
   itemIdField: t,
   parentIdField: e,
@@ -6272,13 +6272,13 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       _: 1
     }, 8, ["style"]));
   }
-}), eo = {
+}), e4 = {
   key: 1,
   class: "flex-none w-4 h-4"
-}, to = { class: "text-xs truncate" }, lo = {
+}, t4 = { class: "text-xs truncate" }, l4 = {
   key: 0,
   class: "relative"
-}, W4 = /* @__PURE__ */ $({
+}, Wo = /* @__PURE__ */ $({
   __name: "TreeList",
   props: {
     indentationAmount: { default: 20 },
@@ -6351,8 +6351,8 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
                     w(p(l1), {
                       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)
+                  ])) : (o(), i("div", e4)),
+                  u("span", t4, Q(v.node.label), 1)
                 ];
               }),
               _: 1
@@ -6382,7 +6382,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           ]),
           _: 1
         }, 8, ["class", "style"]),
-        (s.value || (z = v.node.children) != null && z.length) && v.node.open ? (o(), i("main", lo, [
+        (s.value || (z = v.node.children) != null && z.length) && v.node.open ? (o(), i("main", l4, [
           s.value ? (o(), V(_0, {
             key: 0,
             value: r.value,
@@ -6410,7 +6410,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       ], 64);
     };
   }
-}), j4 = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive"], K4 = ["default", "primary", "error"], Q4 = ["default", "circle"], q4 = ["horizontal", "vertical"], no = ["start", "center", "end", "stretch"], X4 = [...no, "between", "around", "evenly"], G4 = ["default", "blurred"], J4 = ["click", "hover", "focus", "manual"], _4 = ["Ok", "Not Ok", "Not Applicable"], e9 = [
+}), jo = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive"], Ko = ["default", "primary", "error"], Qo = ["default", "circle"], qo = ["horizontal", "vertical"], n4 = ["start", "center", "end", "stretch"], Xo = [...n4, "between", "around", "evenly"], Go = ["default", "blurred"], Jo = ["click", "hover", "focus", "manual"], _o = ["Ok", "Not Ok", "Not Applicable"], e9 = [
   "admin",
   "agent",
   "agent-flow",
@@ -6669,7 +6669,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), Q1 = "+", dt = "[", ut = "]", y1 = ":", oo = ["asc", "desc"], l9 = ["=", "!=", "<", "<=", ">", ">="], n9 = ["eq", "ne", "lt", "le", "gt", "ge"], so = {
+}), Q1 = "+", dt = "[", ut = "]", y1 = ":", o4 = ["asc", "desc"], l9 = ["=", "!=", "<", "<=", ">", ">="], n9 = ["eq", "ne", "lt", "le", "gt", "ge"], s4 = {
   eq: "=",
   ne: "!=",
   lt: "<",
@@ -6708,7 +6708,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     content: Le(e, t),
     value: n[e]
   } : null;
-}, Le = (n, t) => n.replace(t + ge, "").replace(be, ""), ao = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) || (e[l] = n[l]), e), {}), ct = (n, t, e) => Object.keys(n).reduce((l, s) => (te(s, t) ? e !== Le(s, t) && (l[s] = n[s]) : l[s] = n[s], l), {}), Ct = "sort", vt = (n, t) => `${n}${y1}${t}`, ro = (n, t) => `${n}${y1}${t}`, ht = (n, t, e) => `${n}${dt}${vt(t, e)}${ut}`, io = (n, t) => `${n}${dt}${ro("sort", t)}${ut}`, uo = (n) => {
+}, Le = (n, t) => n.replace(t + ge, "").replace(be, ""), a4 = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) || (e[l] = n[l]), e), {}), ct = (n, t, e) => Object.keys(n).reduce((l, s) => (te(s, t) ? e !== Le(s, t) && (l[s] = n[s]) : l[s] = n[s], l), {}), Ct = "sort", vt = (n, t) => `${n}${y1}${t}`, r4 = (n, t) => `${n}${y1}${t}`, ht = (n, t, e) => `${n}${dt}${vt(t, e)}${ut}`, i4 = (n, t) => `${n}${dt}${r4("sort", t)}${ut}`, d4 = (n) => {
   if (!n.includes(y1))
     throw new Error(`Error in filter syntax: Filter must contain a filter separator "${y1}"`);
   if (!n.indexOf(y1) || n.indexOf(y1) === n.length - 1)
@@ -6717,7 +6717,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   return { id: t, operator: e };
 }, r9 = (n) => n.split(Q1), mt = (n) => {
   const [t, e] = n.content.split(y1);
-  return t === Ct && oo.includes(e);
+  return t === Ct && o4.includes(e);
 }, gt = (n, t) => {
   const e = ft(n, t), [l] = e.filter((r) => mt(r)).map((r) => {
     const [a, f] = r.content.split(y1);
@@ -6727,27 +6727,27 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     };
   });
   return e.map((r) => {
-    const { id: a, operator: f } = uo(r.content);
+    const { id: a, operator: f } = d4(r.content);
     return {
       id: a,
-      operator: so[f],
+      operator: s4[f],
       value: n[ht(t, a, f)]
     };
   }).reduce((r, a) => (a.id === Ct && a.operator === void 0 ? r.sorting = l : r.filters.push(a), r), { sorting: void 0, filters: [] });
-}, po = (n, t, e) => gt(n, t).filters.find((l) => l.id === e), fo = (n, t) => ao(n, t), co = (n, t, e) => {
-  const l = po(n, t, e);
+}, u4 = (n, t, e) => gt(n, t).filters.find((l) => l.id === e), p4 = (n, t) => a4(n, t), f4 = (n, t, e) => {
+  const l = u4(n, t, e);
   if (!l) return n;
   const s = vt(l.id, pt[l.operator]);
   return ct(n, t, s);
-}, Co = (n, t) => {
+}, c4 = (n, t) => {
   const e = ft(n, t).find((l) => mt(l));
   return e ? ct(n, t, e.content) : n;
-}, vo = (n, t, e, l, s) => {
+}, C4 = (n, t, e, l, s) => {
   const r = { ...n };
   return r[ht(t, e, pt[l])] = s, r;
-}, ho = (n, t, e, l) => {
+}, v4 = (n, t, e, l) => {
   const s = { ...n };
-  return s[io(t, e)] = l, s;
+  return s[i4(t, e)] = l, s;
 }, i9 = (n, t) => {
   const e = G1(), l = ue();
   if (!Oe())
@@ -6760,8 +6760,8 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     const h = d.join(Q1);
     m(h);
   }, m = async (d) => {
-    let h = co(e.query, n, t.id);
-    d && (h = vo(h, n, t.id, t.operator, d)), await l.push({ query: h });
+    let h = f4(e.query, n, t.id);
+    d && (h = C4(h, n, t.id, t.operator, d)), await l.push({ query: h });
   };
   return { clearFilter: r, isActive: a, updateFilter: C, values: f };
 }, d9 = ({ groupId: n, filters: t, sorting: e, items: l, remoteFilterMethod: s }) => {
@@ -6793,7 +6793,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       q ? (W.operator = q.operator, W.value = q.value) : (W.operator = "=", W.value = null);
     });
   }, g = async () => {
-    const z = fo(r.query, n);
+    const z = p4(r.query, n);
     await a.push({ query: z });
   }, T = (z) => ({
     direction: z.direction,
@@ -6817,8 +6817,8 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   if (!Oe())
     throw new Error("useEmit must be called within a setup function.");
   return { updateSorting: async (r) => {
-    let a = Co(t.query, n);
-    a = ho(a, n, r.direction, r.field), await e.push({ query: a });
+    let a = c4(t.query, n);
+    a = v4(a, n, r.direction, r.field), await e.push({ query: a });
   } };
 }, f9 = (n) => n === "asc" ? "desc" : "asc";
 function c9(n, t) {
@@ -6843,147 +6843,147 @@ function c9(n, t) {
   return n.direction === "desc" ? e.reverse() : e;
 }
 export {
-  no as Alignments,
-  Uo as BApplicationWrapper,
+  n4 as Alignments,
+  F4 as BApplicationWrapper,
   $e as BAside,
-  xo as BAsideSectionLabel,
-  Yo as BAvatarUpload,
+  U4 as BAsideSectionLabel,
+  x4 as BAvatarUpload,
   j as BButton,
-  Wo as BButtonGroup,
+  Y4 as BButtonGroup,
   T5 as BCalendarView,
   nt as BCheckbox,
-  e4 as BCollapse,
+  _4 as BCollapse,
   E1 as BConfirmCancel,
-  t4 as BContentSlider,
-  l4 as BDataPoint,
+  eo as BContentSlider,
+  to as BDataPoint,
   R2 as BDeleteButton,
-  n4 as BDialog,
+  lo as BDialog,
   ot as BFadeInUp,
   U2 as BFilterChip,
-  o4 as BFirstPaint,
+  no as BFirstPaint,
   e1 as BFlexbox,
   c1 as BFormattingButton,
-  z4 as BFormattingMenuDivider,
-  r4 as BHorizontalLayout,
+  zo as BFormattingMenuDivider,
+  ao as BHorizontalLayout,
   l1 as BIcon,
-  i4 as BInlineFormWrapper,
+  ro as BInlineFormWrapper,
   z1 as BInput,
-  d4 as BInputNumber,
-  R4 as BInsertImage,
-  A4 as BInsertLink,
+  io as BInputNumber,
+  Ro as BInsertImage,
+  Ao as BInsertLink,
   N1 as BLoadSpinner,
   on as BModal,
-  u4 as BNavItem,
-  p4 as BNotification,
+  uo as BNavItem,
+  po as BNotification,
   _e as BNotificationBadge,
-  f4 as BPagination,
-  c4 as BPanelLayout,
-  C4 as BPopCalendar,
-  v4 as BPopConfirm,
+  fo as BPagination,
+  co as BPanelLayout,
+  Co as BPopCalendar,
+  vo as BPopConfirm,
   at as BPopSelect,
-  h4 as BPopSelectFooterButton,
+  ho as BPopSelectFooterButton,
   Y1 as BPopper,
   W1 as BPopperContent,
   Be as BResizablePanel,
   ze as BRunningSection,
   ve as BScreenOverlay,
-  m4 as BScrollBottomLoader,
+  mo as BScrollBottomLoader,
   q1 as BScrollbar,
-  L4 as BSegmentedControls,
-  V4 as BSelectList,
-  H4 as BSelectListOption,
-  y4 as BSelectListOptionGroup,
-  M4 as BSideOver,
-  Z4 as BStatusSelect,
-  $4 as BSwitch,
-  D4 as BTab,
-  B4 as BTag,
-  S4 as BTagInput,
-  E4 as BTextEditor,
+  Lo as BSegmentedControls,
+  Vo as BSelectList,
+  Ho as BSelectListOption,
+  yo as BSelectListOptionGroup,
+  Mo as BSideOver,
+  Zo as BStatusSelect,
+  $o as BSwitch,
+  Do as BTab,
+  Bo as BTag,
+  So as BTagInput,
+  Eo as BTextEditor,
   it as BTextHighlight,
-  O4 as BTextViewer,
-  I4 as BTiptapEditor,
-  P4 as BToggleButton,
+  Oo as BTextViewer,
+  Io as BTiptapEditor,
+  Po as BToggleButton,
   ee as BTooltip,
-  W4 as BTreeList,
+  Wo as BTreeList,
   me as BVerticalLayout,
   he as BWindowFrame,
-  K4 as ButtonType,
-  X4 as Justifications,
-  q4 as Orientation,
-  G4 as OverlayType,
-  J4 as PopperTrigger,
+  Ko as ButtonType,
+  Xo as Justifications,
+  qo as Orientation,
+  Go as OverlayType,
+  Jo as PopperTrigger,
   t9 as SectionTypes,
-  vo as addFilterToQuery,
-  ho as addSortingToQuery,
+  C4 as addFilterToQuery,
+  v4 as addSortingToQuery,
   o9 as applyOperator,
-  Y4 as buildTree,
-  j4 as buttonVariants,
-  Q4 as checkboxTypes,
+  Yo as buildTree,
+  jo as buttonVariants,
+  Qo as checkboxTypes,
   P1 as clamp,
-  jo as dateDelta,
-  _o as dateFormat,
+  W4 as dateDelta,
+  J4 as dateFormat,
   y5 as dateIsAfter,
   H5 as dateIsBefore,
-  Ko as dateIsBetween,
+  j4 as dateIsBetween,
   T1 as datesAreEqual,
   O5 as dbDate,
   I5 as dbDateTime,
   W2 as debounce,
-  g4 as egdes,
+  go as egdes,
   ut as filterEndingBracket,
   y1 as filterSeparator,
   dt as filterStartingBracket,
   Q1 as filterValueSeparator,
   Q0 as flattenTree,
   q0 as flattenTreeNodes,
-  Jo as formatDate,
+  G4 as formatDate,
   V5 as getDecade,
-  po as getFilterFromQuery,
+  u4 as getFilterFromQuery,
   r9 as getFilterValues,
   gt as getFiltersAndSortingFromQuery,
-  s4 as getModifierKeyIcon,
-  F4 as getNodeValueByPath,
+  oo as getModifierKeyIcon,
+  Fo as getNodeValueByPath,
   a9 as getQueryObjectFromQuery,
   ft as getQueryObjectsFromQuery,
-  Qo as getWeekNumber,
+  K4 as getWeekNumber,
   ie as hasValue,
-  a4 as hasValueAndNotEmpty,
+  so as hasValueAndNotEmpty,
   e9 as icons,
   f9 as invertSortingDirection,
-  so as lettersToOperator,
+  s4 as lettersToOperator,
   j1 as loopRange,
   I1 as moveDate,
-  N4 as openPath,
+  No as openPath,
   n9 as operatorLetters,
   pt as operatorToLetters,
   l9 as operators,
   C1 as parseDate,
-  qo as printDate,
+  Q4 as printDate,
   a5 as range,
   z5 as readableDate,
   R5 as readableDateTime,
   E5 as readableDateTimeWithDay,
   A5 as readableDateWithDay,
-  co as removeFilterFromQuery,
-  fo as removeFiltersFromQuery,
+  f4 as removeFilterFromQuery,
+  p4 as removeFiltersFromQuery,
   ct as removeQueryObjectFromQuery,
-  ao as removeQueryObjectsFromQuery,
-  Co as removeSortingFromQuery,
+  a4 as removeQueryObjectsFromQuery,
+  c4 as removeSortingFromQuery,
   s9 as renderQueryObject,
-  b4 as scrollDirections,
+  bo as scrollDirections,
   st as scrollIntoView,
   j2 as scrollbarWidth,
-  w4 as selectOptionVariants,
-  x4 as setNodeObjectValueByPath,
-  U4 as setNodeValueByPath,
+  wo as selectOptionVariants,
+  xo as setNodeObjectValueByPath,
+  Uo as setNodeValueByPath,
   c9 as sortByField,
-  oo as sortingDirections,
-  k4 as states,
-  _4 as statuses,
-  Xo as stringifyDate,
-  Go as stringifyDatetime,
-  T4 as tagInputEmailValidator,
+  o4 as sortingDirections,
+  ko as states,
+  _o as statuses,
+  q4 as stringifyDate,
+  X4 as stringifyDatetime,
+  To as tagInputEmailValidator,
   fe as useClickOutside,
   ce as useEscapeKey,
   i9 as useFilterComponent,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firstnoodle-ui/bui",
   "type": "module",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "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=916193 --no-git-checks"
   }
 }