@bagelink/vue 1.2.58 → 1.2.61

package/dist/index.cjs

@@ -334,7 +334,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "avatar flex justify-content-center",
+        class: "round overflow-hidden txt-center p-0 avatar flex justify-content-center",
         style: vue.normalizeStyle({ width: `${_ctx.size}px`, height: `${_ctx.size}px` })
       }, [
         _ctx.src ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -349,7 +349,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-46ad8c25"]]);
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-b73b9e30"]]);
 const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
@@ -551,7 +551,7 @@ const _hoisted_1$X = { class: "agenda-view" };
 const _hoisted_2$I = ["data-date", "onClick"];
 const _hoisted_3$C = { class: "event-content" };
 const _hoisted_4$q = { class: "event-time" };
-const _hoisted_5$o = { class: "event-details" };
+const _hoisted_5$p = { class: "event-details" };
 const _hoisted_6$l = { class: "event-title" };
 const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "AgendaView",
@@ -674,7 +674,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createElementVNode("div", _hoisted_3$C, [
                 vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
-                vue.createElementVNode("div", _hoisted_5$o, [
+                vue.createElementVNode("div", _hoisted_5$p, [
                   vue.createElementVNode("div", _hoisted_6$l, vue.toDisplayString(event.title), 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["event-day", { today: event.isToday }])
@@ -693,7 +693,7 @@ const _hoisted_1$W = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$H = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
 const _hoisted_3$B = { class: "overflow h-100p pe-05" };
 const _hoisted_4$p = { class: "time-column" };
-const _hoisted_5$n = { class: "events-column" };
+const _hoisted_5$o = { class: "events-column" };
 const _hoisted_6$k = ["onClick"];
 const _hoisted_7$g = { class: "event-content" };
 const _hoisted_8$9 = { class: "white-space ellipsis-1" };
@@ -854,7 +854,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
                 }, vue.toDisplayString(slot.time), 5);
               }), 128))
             ]),
-            vue.createElementVNode("div", _hoisted_5$n, [
+            vue.createElementVNode("div", _hoisted_5$o, [
               isToday.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "absolute end w-100p z-2 flex pointer-events-none",
@@ -905,7 +905,7 @@ const _hoisted_1$V = { class: "month-view" };
 const _hoisted_2$G = { class: "month-header" };
 const _hoisted_3$A = { class: "month-grid" };
 const _hoisted_4$o = { class: "day-number" };
-const _hoisted_5$m = { class: "day-events" };
+const _hoisted_5$n = { class: "day-events" };
 const _hoisted_6$j = {
   key: 0,
   class: "event-dot"
@@ -1007,7 +1007,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
               }])
             }, [
               vue.createElementVNode("div", _hoisted_4$o, vue.toDisplayString(vue.unref(fmtDate)(day.date, { fmt: "DD" })), 1),
-              vue.createElementVNode("div", _hoisted_5$m, [
+              vue.createElementVNode("div", _hoisted_5$n, [
                 isMobile.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   day.events.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j)) : vue.createCommentVNode("", true)
                 ], 64)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(day.events, (event) => {
@@ -1034,7 +1034,7 @@ const _hoisted_1$U = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$F = { class: "overflow h-100p pe-05" };
 const _hoisted_3$z = ["onMousedown"];
 const _hoisted_4$n = ["onClick"];
-const _hoisted_5$l = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
+const _hoisted_5$m = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
 const _hoisted_6$i = { class: "white-space ellipsis-1" };
 const _hoisted_7$e = { class: "txt10 opacity-8 user-select-none" };
 const _hoisted_8$7 = { class: "color-primary txt-12 p-025" };
@@ -1365,7 +1365,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
                     }, ["stop"])),
                     onClick: vue.withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
                   }, [
-                    vue.createElementVNode("div", _hoisted_5$l, [
+                    vue.createElementVNode("div", _hoisted_5$m, [
                       vue.createElementVNode("div", _hoisted_6$i, vue.toDisplayString(event.title), 1),
                       vue.createElementVNode("div", _hoisted_7$e, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })) + " - " + vue.toDisplayString(vue.unref(formatDate)(event.end_time, { fmt: "HH:mm" })), 1)
                     ])
@@ -7917,7 +7917,7 @@ const _hoisted_1$1$1 = {
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$w = { class: "layer-rectangles" };
 const _hoisted_4$l = ["transform", "onMouseover"];
-const _hoisted_5$k = ["width", "height"];
+const _hoisted_5$l = ["width", "height"];
 const _hoisted_6$h = {
   x: 0 + 10,
   y: 0 + 20,
@@ -7954,7 +7954,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$k),
+                }), null, 16, _hoisted_5$l),
                 vue.renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
@@ -9522,7 +9522,7 @@ const _hoisted_2$A = {
 };
 const _hoisted_3$v = { class: "infinite-wrapper" };
 const _hoisted_4$k = { class: "row first-row" };
-const _hoisted_5$j = { key: 0 };
+const _hoisted_5$k = { key: 0 };
 const _hoisted_6$g = ["onClick"];
 const _hoisted_7$c = { class: "flex" };
 const _hoisted_8$6 = ["onClick"];
@@ -9658,7 +9658,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         }), [
           vue.createElementVNode("table", _hoisted_3$v, [
             vue.createElementVNode("thead", _hoisted_4$k, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$j, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$k, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -13620,7 +13620,7 @@ const _hoisted_2$y = {
 };
 const _hoisted_3$u = { class: "bgl-steps-indicator" };
 const _hoisted_4$j = ["onClick"];
-const _hoisted_5$i = {
+const _hoisted_5$j = {
   key: 0,
   class: "bgl-step-label"
 };
@@ -13804,7 +13804,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                   onClick: ($event) => props2.allowStepNavigation && goToStep(index2)
                 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(index2 + 1), 1),
-                  props2.stepLabels && props2.stepLabels[index2] ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$i, vue.toDisplayString(props2.stepLabels[index2]), 1)) : vue.createCommentVNode("", true)
+                  props2.stepLabels && props2.stepLabels[index2] ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$j, vue.toDisplayString(props2.stepLabels[index2]), 1)) : vue.createCommentVNode("", true)
                 ], 10, _hoisted_4$j);
               }), 128))
             ])
@@ -13893,7 +13893,7 @@ const _hoisted_4$i = {
   key: 1,
   class: "py-1"
 };
-const _hoisted_5$h = {
+const _hoisted_5$i = {
   key: 0,
   class: "minimizedText txt14 p-025 opacity-7"
 };
@@ -14025,7 +14025,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 thin: "",
                 class: vue.normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
               }, [
-                minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$h, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
+                minimizedItems.value[i2] ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$i, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(i2 + 1), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$T), {
                   key: 1,
                   "model-value": isPrimitiveType.value ? { value: item } : item,
                   schema: resolvedSchemaData.value,
@@ -14155,7 +14155,7 @@ const _hoisted_3$r = {
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
 const _hoisted_4$h = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
-const _hoisted_5$g = ["innerHTML"];
+const _hoisted_5$h = ["innerHTML"];
 const _hoisted_6$d = ["onKeydown"];
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
@@ -14251,7 +14251,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("code", {
                 class: vue.normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$g),
+              }, null, 10, _hoisted_5$h),
               _cache[3] || (_cache[3] = vue.createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
@@ -14860,11 +14860,11 @@ class Time {
     return number2 < 10 ? `0${number2}` : String(number2);
   }
 }
-const _hoisted_1$F = { class: "ltr flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
+const _hoisted_1$F = { class: "ltr flex gap-075 m_flex-wrap calendar-container justify-content-center h-100p" };
 const _hoisted_2$t = { class: "calendar-section m_border-none pe-05 m_p-0" };
 const _hoisted_3$p = { class: "flex space-between pb-1" };
 const _hoisted_4$g = { class: "flex gap-05" };
-const _hoisted_5$f = { class: "month-year" };
+const _hoisted_5$g = { class: "month-year" };
 const _hoisted_6$c = {
   key: 0,
   class: "calendar-grid grid gap-025"
@@ -14969,7 +14969,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       }));
       const years2 = vue.computed(() => {
         const startYear = currentMonthValue2.value.year - 10;
-        return Array.from({ length: 21 }, (_2, i2) => ({
+        return Array.from({ length: 18 }, (_2, i2) => ({
           value: startYear + i2,
           disabled: isYearDisabled(startYear + i2)
         }));
@@ -15140,7 +15140,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                 icon: "chevron_left",
                 onClick: vue.unref(previousYear)
               }, null, 8, ["onClick"]),
-              vue.createElementVNode("span", _hoisted_5$f, vue.toDisplayString(vue.unref(currentMonthValue).formatted.year), 1),
+              vue.createElementVNode("span", _hoisted_5$g, vue.toDisplayString(vue.unref(currentMonthValue).formatted.year), 1),
               vue.createVNode(vue.unref(Btn), {
                 flat: "",
                 thin: "",
@@ -15223,7 +15223,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-17319f4d"]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-8b7bd9b8"]]);
 const _hoisted_1$E = ["title"];
 const _hoisted_2$s = { key: 0 };
 const _hoisted_3$o = {
@@ -15419,7 +15419,7 @@ const _hoisted_2$r = {
 };
 const _hoisted_3$n = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_4$f = { class: "ellipsis-1 word-break-all h-20 m-0 color-black" };
-const _hoisted_5$e = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
+const _hoisted_5$f = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$b = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
 const _hoisted_7$9 = {
   key: 1,
@@ -15683,7 +15683,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
-                  vue.createElementVNode("div", _hoisted_5$e, [
+                  vue.createElementVNode("div", _hoisted_5$f, [
                     vue.createVNode(vue.unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
@@ -15933,7 +15933,7 @@ const _hoisted_4$e = {
   key: 1,
   class: "opacity-7 light"
 };
-const _hoisted_5$d = {
+const _hoisted_5$e = {
   key: 5,
   class: "flex column spinner"
 };
@@ -16109,7 +16109,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               tabindex: "-1",
               onClick: decrement
             }, null, 8, ["class"])) : vue.createCommentVNode("", true),
-            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
+            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$e, [
               vue.createVNode(vue.unref(Btn), {
                 icon: "add",
                 flat: "",
@@ -20792,7 +20792,7 @@ const _hoisted_4$d = {
   class: "overflow-y p-0 max-h-300px",
   role: "listbox"
 };
-const _hoisted_5$c = ["aria-selected", "onClick"];
+const _hoisted_5$d = ["aria-selected", "onClick"];
 const _hoisted_6$a = { class: "tel-country" };
 const _hoisted_7$8 = ["id", "required", "placeholder", "disabled", "name"];
 const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
@@ -21019,7 +21019,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                         }, null, 8, ["country"]),
                         vue.createElementVNode("p", _hoisted_6$a, vue.toDisplayString(pb.name), 1),
                         vue.createElementVNode("span", null, " +" + vue.toDisplayString(pb.dialCode), 1)
-                      ], 8, _hoisted_5$c);
+                      ], 8, _hoisted_5$d);
                     }), 128))
                   ])
                 ])
@@ -21064,7 +21064,7 @@ const _hoisted_1$x = ["for"];
 const _hoisted_2$m = ["id", "disabled", "name", "value", "required"];
 const _hoisted_3$j = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$c = ["src", "alt"];
-const _hoisted_5$b = { class: "" };
+const _hoisted_5$c = { class: "" };
 const _hoisted_6$9 = {
   key: 0,
   class: "m-0 m_txt-14"
@@ -21142,7 +21142,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 src: opt.imgSrc,
                 alt: opt.imgAlt
               }, null, 8, _hoisted_4$c)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_5$b, [
+              vue.createElementVNode("div", _hoisted_5$c, [
                 opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$9, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
                 opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$7, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
               ]),
@@ -21167,7 +21167,7 @@ const _hoisted_1$w = { class: "bagel-input" };
 const _hoisted_2$l = { class: "pb-025" };
 const _hoisted_3$i = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$b = ["id", "name", "value", "checked"];
-const _hoisted_5$a = ["for"];
+const _hoisted_5$b = ["for"];
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
@@ -21229,7 +21229,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
               }, null, 40, _hoisted_4$b),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$a)
+              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$b)
             ]);
           }), 128))
         ])
@@ -21245,7 +21245,7 @@ const _hoisted_2$k = {
 };
 const _hoisted_3$h = { class: "range-slider relative w-100" };
 const _hoisted_4$a = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
-const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
+const _hoisted_5$a = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
 const _hoisted_7$6 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
 const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
@@ -21339,7 +21339,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             disabled: _ctx.disabled,
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
-          }, null, 40, _hoisted_5$9)) : vue.createCommentVNode("", true),
+          }, null, 40, _hoisted_5$a)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_6$8, [
             vue.createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
@@ -23375,7 +23375,7 @@ const _hoisted_4$9 = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
-const _hoisted_5$8 = ["value"];
+const _hoisted_5$9 = ["value"];
 const _hoisted_6$7 = ["aria-selected", "onClick", "onKeydown"];
 const _hoisted_7$5 = { class: "block" };
 const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
@@ -23405,7 +23405,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     const searchInput = vue.ref();
     let selectedItems = vue.ref([]);
     const selectedItemCount = vue.computed(() => selectedItems.value.length ?? 0);
-    const search = vue.ref("");
+    const searchTerm = vue.ref("");
     const dropdown = vue.ref();
     let selected = vue.ref(false);
     let open = vue.ref(false);
@@ -23418,26 +23418,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       return selectedItems.value.map((item) => getLabel(item)).join(", ");
     });
     const searchPlaceholder = vue.computed(() => props2.searchPlaceholder ?? selectedLabel.value ?? "Search");
-    let serverOptions = vue.ref([]);
-    let isSearching = vue.ref(false);
-    async function runServerSearch() {
-      if (props2.onSearch !== void 0) {
-        isSearching.value = true;
-        serverOptions.value = await props2.onSearch(search.value);
-        isSearching.value = false;
-      }
-    }
-    const filteredOptions = vue.computed(() => {
-      if (props2.onSearch !== void 0) {
-        if (isSearching.value) return [];
-        if (search.value.trim().length) return serverOptions.value;
-        return props2.options;
-      }
-      return props2.options.filter((option2) => {
-        const searchTerm = search.value.split(/\s+/).filter(Boolean).map((t) => new RegExp(t.replaceAll(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"));
-        return Boolean(option2) && searchTerm.every((s2) => getLabel(option2).match(s2));
-      });
-    });
+    const { results, isLoading } = useSearch({ searchTerm, serverSearch: props2.onSearch, items: props2.options });
     let highlightedIndex = vue.ref(-1);
     const selectOptions = vue.ref();
     function navigate(direction) {
@@ -23449,9 +23430,9 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       if (direction === "up") {
-        highlightedIndex.value = highlightedIndex.value > 0 ? highlightedIndex.value - 1 : filteredOptions.value.length - 1;
+        highlightedIndex.value = highlightedIndex.value > 0 ? highlightedIndex.value - 1 : results.value.length - 1;
       } else if (direction === "down") {
-        highlightedIndex.value = highlightedIndex.value < filteredOptions.value.length - 1 ? highlightedIndex.value + 1 : 0;
+        highlightedIndex.value = highlightedIndex.value < results.value.length - 1 ? highlightedIndex.value + 1 : 0;
       }
       setTimeout(() => {
         var _a;
@@ -23576,12 +23557,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                 key: 0,
                 ref_key: "searchInput",
                 ref: searchInput,
-                modelValue: search.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                modelValue: searchTerm.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
                 class: "mb-0",
                 placeholder: searchPlaceholder.value,
                 icon: "search",
-                onDebounce: runServerSearch,
                 onInput: _cache[1] || (_cache[1] = ($event) => vue.isRef(selected) ? selected.value = false : selected = false),
                 onClick: focusInput,
                 onKeydown: [
@@ -23626,12 +23606,12 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                 style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
                 value: vue.unref(selectedItems),
                 required: ""
-              }, null, 8, _hoisted_5$8)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_5$9)) : vue.createCommentVNode("", true)
             ])
           ])
         ]),
         default: vue.withCtx(() => [
-          vue.unref(isSearching) ? (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
+          vue.unref(isLoading) ? (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
             key: 0,
             count: 6,
             width: "200px",
@@ -23650,7 +23630,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                 ref: selectOptions,
                 class: vue.normalizeClass(["selectinput-options", { multiselect: _ctx.multiselect }])
               }, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option2, i2) => {
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(results), (option2, i2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: `${option2}${i2}`,
                     class: vue.normalizeClass(["selectinput-option hover gap-1 align-items-center", { selected: isSelected(option2) }]),
@@ -23691,7 +23671,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0432625c"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-ce2e19d8"]]);
 /*!
  * Signature Pad v5.0.7 | https://github.com/szimek/signature_pad
  * (c) 2025 Szymon Nowak | Released under the MIT license
@@ -26981,7 +26961,7 @@ const _hoisted_1$p = ["title"];
 const _hoisted_2$f = { class: "bagel-input" };
 const _hoisted_3$d = { class: "table-side-scroll" };
 const _hoisted_4$8 = { class: "table-header" };
-const _hoisted_5$7 = { class: "table-reorder" };
+const _hoisted_5$8 = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
@@ -27079,7 +27059,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                       key: row.id,
                       class: "flex table-row"
                     }, [
-                      vue.createElementVNode("div", _hoisted_5$7, [
+                      vue.createElementVNode("div", _hoisted_5$8, [
                         vue.createVNode(vue.unref(_sfc_main$s), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
@@ -27132,7 +27112,7 @@ const _hoisted_1$o = ["title"];
 const _hoisted_2$e = ["for"];
 const _hoisted_3$c = ["id", "name", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$7 = ["id", "name", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_5$6 = {
+const _hoisted_5$7 = {
   key: 2,
   class: "opacity-7 light"
 };
@@ -27277,7 +27257,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           }), null, 16, _hoisted_4$7)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
-          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$6, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
+          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$7, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true),
           _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
             key: 3,
             class: "iconStart",
@@ -27383,7 +27363,7 @@ const _hoisted_3$a = {
   class: "pixel"
 };
 const _hoisted_4$6 = { class: "m-05 flex opacity-7 z-99" };
-const _hoisted_5$5 = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
+const _hoisted_5$6 = { class: "flex gap-025 rounded pe-1 ps-05 py-025 bg-gray-80 -my-1" };
 const _hoisted_6$5 = { class: "ellipsis-1 word-break-all h-20 m-0 color-black txt16" };
 const _hoisted_7$4 = {
   key: 1,
@@ -27571,7 +27551,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                     href: vue.unref(pathKeyToURL)(path_key),
                     download: path_key.split("/").pop()
                   }, null, 8, ["href", "download"]),
-                  vue.createElementVNode("div", _hoisted_5$5, [
+                  vue.createElementVNode("div", _hoisted_5$6, [
                     vue.createVNode(vue.unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
@@ -32836,6 +32816,7 @@ const _hoisted_4$5 = {
   key: 1,
   class: "txt12 m-0 p-0 opacity-7 ellipsis-1"
 };
+const _hoisted_5$5 = ["textContent"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
@@ -32849,6 +32830,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     flat: { type: Boolean },
     disabled: { type: Boolean },
     lead: {},
+    end: {},
     iconEnd: {},
     target: {},
     thin: { type: Boolean },
@@ -32918,12 +32900,17 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ]),
           _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "flex-grow-1" }, null, -1)),
-          vue.renderSlot(_ctx.$slots, "action", {}, () => [
+          vue.renderSlot(_ctx.$slots, "end", {}, () => [
             _ctx.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
               key: 0,
               icon: _ctx.iconEnd,
               class: "transition-400"
-            }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
+            }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+            _ctx.end ? (vue.openBlock(), vue.createElementBlock("p", {
+              key: 1,
+              class: "txt12 m-0 p-0 opacity-7 ellipsis-1",
+              textContent: vue.toDisplayString(_ctx.end)
+            }, null, 8, _hoisted_5$5)) : vue.createCommentVNode("", true)
           ])
         ]),
         _: 3
@@ -36631,6 +36618,216 @@ const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "s
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
 const VIDEO_FORMATS_REGEXP = new RegExp(`(${VIDEO_FORMATS.join("|")})$`, "i");
+function clearHtml(value) {
+  if (!value) return "";
+  return value.replace(/<[^>]*>?/g, "").replace(/&nbsp;/g, " ").replace(/&quot;/g, '"').replace(/&apos;/g, `'`).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">");
+}
+function normalizeText(text) {
+  const specialChars = /['()\-.,׳"״:*+?^${}|[\]\\]/g;
+  return text.replace(specialChars, "").toLowerCase();
+}
+function getValueByPath(obj, path) {
+  const keys4 = path.split(".");
+  let result2 = obj;
+  for (const key of keys4) {
+    if (result2 === null || result2 === void 0 || typeof result2 !== "object") {
+      return void 0;
+    }
+    result2 = result2[key];
+  }
+  return result2;
+}
+function calculateRelevance(stringValue, searchTerms) {
+  let score = 0;
+  if (stringValue.length === 0) return 0;
+  let totalMatchedChars = 0;
+  for (const term of searchTerms) {
+    if (stringValue.includes(term)) {
+      const regex2 = new RegExp(term, "g");
+      const matches2 = stringValue.match(regex2);
+      if (matches2) {
+        totalMatchedChars += matches2.length * term.length;
+      }
+      score += 1;
+      const words = stringValue.split(/\s+/);
+      if (words.includes(term)) {
+        score += 0.5;
+      }
+      if (stringValue.startsWith(term)) {
+        score += 0.5;
+      }
+    }
+  }
+  const matchDensity = Math.min(1, totalMatchedChars / stringValue.length);
+  score *= 1 + matchDensity * 2;
+  return score;
+}
+function isPrimitive(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function unwrapValue(value) {
+  if (value === null || value === void 0) return [];
+  return typeof value === "object" && "value" in value ? value.value : value;
+}
+function toSearchableString(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string") return clearHtml(value);
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  if (typeof value === "object" && value instanceof Date) return value.toISOString();
+  return "";
+}
+function searchItems(params) {
+  const { searchTerm, items = [], keysToSearch, fieldWeights = {}, minChars = 2 } = params;
+  const searchValue = unwrapValue(searchTerm);
+  const itemsArray = Array.isArray(items) ? items : unwrapValue(items) || [];
+  if (!searchValue || searchValue.length < minChars) return itemsArray;
+  const searchTerms = normalizeText(searchValue).split(/\s+/).filter((term) => term.length > 1);
+  if (searchTerms.length === 0) return itemsArray;
+  const defaultWeights = {
+    // Give higher weight to name/title fields
+    name: 2,
+    first_name: 2,
+    last_name: 2,
+    title: 2,
+    headline: 2,
+    // Lower weight for longer text fields
+    description: 0.7,
+    subtitle: 0.7,
+    bio: 0.7,
+    content: 0.7,
+    body: 0.7,
+    email: 0.7,
+    phone: 0.7,
+    // Even lower for metadata
+    id: 0.3,
+    created_at: 0.3,
+    updated_at: 0.3
+  };
+  function getFieldWeight(path) {
+    if (path in fieldWeights) {
+      const customWeight = fieldWeights[path];
+      if (typeof customWeight === "number") {
+        return customWeight;
+      }
+    }
+    const leafKey = path.split(".").pop() || "";
+    if (leafKey in defaultWeights) {
+      return defaultWeights[leafKey];
+    }
+    return 1;
+  }
+  function collectAllKeys(obj, prefix = "") {
+    if (!obj || typeof obj !== "object") return [];
+    return Object.keys(obj).flatMap((key) => {
+      const value = obj[key];
+      const newPrefix = prefix ? `${prefix}.${key}` : key;
+      if (value && typeof value === "object" && !Array.isArray(value)) {
+        return [newPrefix, ...collectAllKeys(value, newPrefix)];
+      }
+      return [newPrefix];
+    });
+  }
+  function calculateItemRelevance(item) {
+    let totalRelevance = 0;
+    if (isPrimitive(item)) {
+      const normalizedValue = normalizeText(String(item));
+      return calculateRelevance(normalizedValue, searchTerms);
+    }
+    if (Array.isArray(item)) {
+      for (const element of item) {
+        if (isPrimitive(element)) {
+          const normalizedValue = normalizeText(String(element));
+          totalRelevance += calculateRelevance(normalizedValue, searchTerms);
+        }
+      }
+      return totalRelevance;
+    }
+    const keysToProcess = keysToSearch || collectAllKeys(item);
+    for (const keyPath of keysToProcess) {
+      const value = getValueByPath(item, String(keyPath));
+      if (value === null || value === void 0) continue;
+      if (Array.isArray(value)) {
+        for (const element of value) {
+          if (isPrimitive(element)) {
+            const cleanValue = clearHtml(String(element));
+            const normalizedValue2 = normalizeText(cleanValue);
+            const relevance = calculateRelevance(normalizedValue2, searchTerms);
+            const fieldWeight2 = getFieldWeight(String(keyPath));
+            totalRelevance += relevance * fieldWeight2;
+          }
+        }
+        continue;
+      }
+      if (typeof value === "object" && !isPrimitive(value)) {
+        continue;
+      }
+      const stringValue = toSearchableString(value);
+      const normalizedValue = normalizeText(stringValue);
+      const baseRelevance = calculateRelevance(normalizedValue, searchTerms);
+      const fieldWeight = getFieldWeight(String(keyPath));
+      totalRelevance += baseRelevance * fieldWeight;
+    }
+    return totalRelevance;
+  }
+  const scoredItems = itemsArray.map((item) => {
+    const relevance = calculateItemRelevance(item);
+    return [item, relevance];
+  });
+  return scoredItems.filter(([, score]) => score > 0).sort(([, scoreA], [, scoreB]) => scoreB - scoreA).map(([item]) => item);
+}
+function useSearch(params) {
+  const { searchTerm, minChars = 2, serverSearch, debounceMs = 300 } = params;
+  const isLoading = vue.ref(false);
+  const serverResults = vue.ref([]);
+  let debounceTimeout = null;
+  if (serverSearch) {
+    vue.watch(
+      () => unwrapValue(searchTerm),
+      async (newTerm) => {
+        if (debounceTimeout !== null) {
+          clearTimeout(debounceTimeout);
+        }
+        if (!newTerm || typeof newTerm !== "string" || newTerm.length < minChars) {
+          serverResults.value = [];
+          return;
+        }
+        debounceTimeout = window.setTimeout(async () => {
+          try {
+            isLoading.value = true;
+            serverResults.value = await serverSearch(newTerm);
+          } catch (error) {
+            console.error("Server search error:", error);
+            serverResults.value = [];
+          } finally {
+            isLoading.value = false;
+          }
+        }, debounceMs);
+      }
+    );
+  }
+  const getSearchTermValue = () => unwrapValue(searchTerm);
+  const getFilteredResults = () => {
+    const term = getSearchTermValue();
+    if (serverSearch && term && typeof term === "string" && term.length >= minChars) {
+      return serverResults.value;
+    }
+    return searchItems(params);
+  };
+  const results = vue.computed(() => getFilteredResults());
+  const resultCount = vue.computed(() => results.value.length);
+  const hasResults = vue.computed(() => resultCount.value > 0);
+  const isSearching = vue.computed(() => {
+    const term = getSearchTermValue();
+    return !!term && typeof term === "string" && term.length >= minChars;
+  });
+  return {
+    results,
+    resultCount,
+    hasResults,
+    isSearching,
+    isLoading: vue.computed(() => isLoading.value)
+  };
+}
 exports.Accordion = _sfc_main$1e;
 exports.AccordionItem = AccordionItem;
 exports.AddressSearch = _sfc_main$1c;
@@ -36717,6 +36914,7 @@ exports.bagelFormUtils = BagelFormUtils;
 exports.bagelInjectionKey = bagelInjectionKey;
 exports.bindAttrs = bindAttrs;
 exports.classify = classify;
+exports.clearHtml = clearHtml;
 exports.copyText = copyText;
 exports.debounce = debounce;
 exports.denullify = denullify;
@@ -36734,9 +36932,11 @@ exports.isDate = isDate$1;
 exports.keyToLabel = keyToLabel;
 exports.localRef = localRef;
 exports.normalizeDimension = normalizeDimension;
+exports.normalizeText = normalizeText;
 exports.normalizeURL = normalizeURL;
 exports.pathKeyToURL = pathKeyToURL;
 exports.provideBagelFormState = provideBagelFormState;
+exports.searchItems = searchItems;
 exports.sleep = sleep;
 exports.slugify = slugify;
 exports.timeAgo = timeAgo;
@@ -36754,5 +36954,6 @@ exports.useLang = useLang;
 exports.useLocalStorage = useLocalStorage;
 exports.useModal = useModal;
 exports.usePolling = usePolling;
+exports.useSearch = useSearch;
 exports.useValidateFieldValue = useValidateFieldValue;
 exports.vDraggable = vDraggable;