@bagelink/vue 1.2.58 → 1.2.63

package/dist/index.mjs

@@ -332,7 +332,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "avatar flex justify-content-center",
+        class: "round overflow-hidden txt-center p-0 avatar flex justify-content-center",
         style: normalizeStyle({ width: `${_ctx.size}px`, height: `${_ctx.size}px` })
       }, [
         _ctx.src ? (openBlock(), createElementBlock("img", {
@@ -347,7 +347,7 @@ const _sfc_main$19 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Badge",
   props: {
@@ -549,7 +549,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__ */ defineComponent({
   __name: "AgendaView",
@@ -672,7 +672,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("div", _hoisted_3$C, [
                 createElementVNode("div", _hoisted_4$q, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
-                createElementVNode("div", _hoisted_5$o, [
+                createElementVNode("div", _hoisted_5$p, [
                   createElementVNode("div", _hoisted_6$l, toDisplayString(event.title), 1),
                   createElementVNode("div", {
                     class: normalizeClass(["event-day", { today: event.isToday }])
@@ -691,7 +691,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" };
@@ -852,7 +852,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
                 }, toDisplayString(slot.time), 5);
               }), 128))
             ]),
-            createElementVNode("div", _hoisted_5$n, [
+            createElementVNode("div", _hoisted_5$o, [
               isToday.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "absolute end w-100p z-2 flex pointer-events-none",
@@ -903,7 +903,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"
@@ -1005,7 +1005,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               }])
             }, [
               createElementVNode("div", _hoisted_4$o, toDisplayString(unref(fmtDate)(day.date, { fmt: "DD" })), 1),
-              createElementVNode("div", _hoisted_5$m, [
+              createElementVNode("div", _hoisted_5$n, [
                 isMobile.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   day.events.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$j)) : createCommentVNode("", true)
                 ], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(day.events, (event) => {
@@ -1032,7 +1032,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" };
@@ -1363,7 +1363,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                     }, ["stop"])),
                     onClick: withModifiers(($event) => handleEventSelection(event, $event), ["stop"])
                   }, [
-                    createElementVNode("div", _hoisted_5$l, [
+                    createElementVNode("div", _hoisted_5$m, [
                       createElementVNode("div", _hoisted_6$i, toDisplayString(event.title), 1),
                       createElementVNode("div", _hoisted_7$e, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })) + " - " + toDisplayString(unref(formatDate)(event.end_time, { fmt: "HH:mm" })), 1)
                     ])
@@ -7915,7 +7915,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,
@@ -7952,7 +7952,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),
                 renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
@@ -9520,7 +9520,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"];
@@ -9656,7 +9656,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         }), [
           createElementVNode("table", _hoisted_3$v, [
             createElementVNode("thead", _hoisted_4$k, [
-              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$j, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$k, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -13618,7 +13618,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"
 };
@@ -13802,7 +13802,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => props2.allowStepNavigation && goToStep(index2)
                 }, [
                   createElementVNode("span", null, toDisplayString(index2 + 1), 1),
-                  props2.stepLabels && props2.stepLabels[index2] ? (openBlock(), createElementBlock("span", _hoisted_5$i, toDisplayString(props2.stepLabels[index2]), 1)) : createCommentVNode("", true)
+                  props2.stepLabels && props2.stepLabels[index2] ? (openBlock(), createElementBlock("span", _hoisted_5$j, toDisplayString(props2.stepLabels[index2]), 1)) : createCommentVNode("", true)
                 ], 10, _hoisted_4$j);
               }), 128))
             ])
@@ -13891,7 +13891,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"
 };
@@ -14023,7 +14023,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 thin: "",
                 class: normalizeClass(["mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden", { minimized: minimizedItems.value[i2] }])
               }, [
-                minimizedItems.value[i2] ? (openBlock(), createElementBlock("p", _hoisted_5$h, toDisplayString(_ctx.label) + " " + toDisplayString(i2 + 1), 1)) : (openBlock(), createBlock(unref(_sfc_main$T), {
+                minimizedItems.value[i2] ? (openBlock(), createElementBlock("p", _hoisted_5$i, toDisplayString(_ctx.label) + " " + toDisplayString(i2 + 1), 1)) : (openBlock(), createBlock(unref(_sfc_main$T), {
                   key: 1,
                   "model-value": isPrimitiveType.value ? { value: item } : item,
                   schema: resolvedSchemaData.value,
@@ -14153,7 +14153,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__ */ defineComponent({
   __name: "Index",
@@ -14249,7 +14249,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               createElementVNode("code", {
                 class: normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$g),
+              }, null, 10, _hoisted_5$h),
               _cache[3] || (_cache[3] = createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("textarea", {
@@ -14858,11 +14858,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"
@@ -14967,7 +14967,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       }));
       const years2 = 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)
         }));
@@ -15138,7 +15138,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 icon: "chevron_left",
                 onClick: unref(previousYear)
               }, null, 8, ["onClick"]),
-              createElementVNode("span", _hoisted_5$f, toDisplayString(unref(currentMonthValue).formatted.year), 1),
+              createElementVNode("span", _hoisted_5$g, toDisplayString(unref(currentMonthValue).formatted.year), 1),
               createVNode(unref(Btn), {
                 flat: "",
                 thin: "",
@@ -15221,7 +15221,7 @@ const _sfc_main$M = /* @__PURE__ */ 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 = {
@@ -15417,7 +15417,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,
@@ -15681,7 +15681,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
                   ]),
-                  createElementVNode("div", _hoisted_5$e, [
+                  createElementVNode("div", _hoisted_5$f, [
                     createVNode(unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
@@ -15931,7 +15931,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"
 };
@@ -16107,7 +16107,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               tabindex: "-1",
               onClick: decrement
             }, null, 8, ["class"])) : createCommentVNode("", true),
-            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
+            _ctx.spinner && (!_ctx.layout || !btnLayouts.includes(_ctx.layout)) ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
               createVNode(unref(Btn), {
                 icon: "add",
                 flat: "",
@@ -20790,7 +20790,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__ */ defineComponent({
@@ -21017,7 +21017,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["country"]),
                         createElementVNode("p", _hoisted_6$a, toDisplayString(pb.name), 1),
                         createElementVNode("span", null, " +" + toDisplayString(pb.dialCode), 1)
-                      ], 8, _hoisted_5$c);
+                      ], 8, _hoisted_5$d);
                     }), 128))
                   ])
                 ])
@@ -21062,7 +21062,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"
@@ -21140,7 +21140,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                 src: opt.imgSrc,
                 alt: opt.imgAlt
               }, null, 8, _hoisted_4$c)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_5$b, [
+              createElementVNode("div", _hoisted_5$c, [
                 opt.label ? (openBlock(), createElementBlock("p", _hoisted_6$9, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
                 opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_7$7, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
               ]),
@@ -21165,7 +21165,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__ */ defineComponent({
   __name: "RadioPillsInput",
   props: {
@@ -21227,7 +21227,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               }, null, 40, _hoisted_4$b),
               createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, toDisplayString(getLabel(option2)), 9, _hoisted_5$a)
+              }, toDisplayString(getLabel(option2)), 9, _hoisted_5$b)
             ]);
           }), 128))
         ])
@@ -21243,7 +21243,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__ */ defineComponent({
@@ -21337,7 +21337,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             disabled: _ctx.disabled,
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
-          }, null, 40, _hoisted_5$9)) : createCommentVNode("", true),
+          }, null, 40, _hoisted_5$a)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_6$8, [
             createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
@@ -23373,7 +23373,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__ */ defineComponent({
@@ -23403,7 +23403,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const searchInput = ref();
     let selectedItems = ref([]);
     const selectedItemCount = computed(() => selectedItems.value.length ?? 0);
-    const search = ref("");
+    const searchTerm = ref("");
     const dropdown = ref();
     let selected = ref(false);
     let open = ref(false);
@@ -23416,26 +23416,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return selectedItems.value.map((item) => getLabel(item)).join(", ");
     });
     const searchPlaceholder = computed(() => props2.searchPlaceholder ?? selectedLabel.value ?? "Search");
-    let serverOptions = ref([]);
-    let isSearching = 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 = 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: () => searchTerm.value, serverSearch: props2.onSearch, items: props2.options });
     let highlightedIndex = ref(-1);
     const selectOptions = ref();
     function navigate(direction) {
@@ -23447,9 +23428,9 @@ const _sfc_main$y = /* @__PURE__ */ 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;
@@ -23574,12 +23555,11 @@ const _sfc_main$y = /* @__PURE__ */ 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) => isRef(selected) ? selected.value = false : selected = false),
                 onClick: focusInput,
                 onKeydown: [
@@ -23624,12 +23604,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
                 value: unref(selectedItems),
                 required: ""
-              }, null, 8, _hoisted_5$8)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_5$9)) : createCommentVNode("", true)
             ])
           ])
         ]),
         default: withCtx(() => [
-          unref(isSearching) ? (openBlock(), createBlock(unref(Skeleton), {
+          unref(isLoading) ? (openBlock(), createBlock(unref(Skeleton), {
             key: 0,
             count: 6,
             width: "200px",
@@ -23648,7 +23628,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 ref: selectOptions,
                 class: normalizeClass(["selectinput-options", { multiselect: _ctx.multiselect }])
               }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option2, i2) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(results), (option2, i2) => {
                   return openBlock(), createElementBlock("div", {
                     key: `${option2}${i2}`,
                     class: normalizeClass(["selectinput-option hover gap-1 align-items-center", { selected: isSelected(option2) }]),
@@ -23689,7 +23669,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0432625c"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-504416a9"]]);
 /*!
  * Signature Pad v5.0.7 | https://github.com/szimek/signature_pad
  * (c) 2025 Szymon Nowak | Released under the MIT license
@@ -26979,7 +26959,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__ */ defineComponent({
   __name: "TableField",
@@ -27077,7 +27057,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                       key: row.id,
                       class: "flex table-row"
                     }, [
-                      createElementVNode("div", _hoisted_5$7, [
+                      createElementVNode("div", _hoisted_5$8, [
                         createVNode(unref(_sfc_main$s), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment, null, renderList((_a2 = unref(entityMeta)) == null ? void 0 : _a2.fields, (field) => {
@@ -27130,7 +27110,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"
 };
@@ -27275,7 +27255,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           }), null, 16, _hoisted_4$7)), [
             [vModelText, unref(inputVal)]
           ]),
-          _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$6, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
+          _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$7, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
           _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$s), {
             key: 3,
             class: "iconStart",
@@ -27381,7 +27361,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,
@@ -27569,7 +27549,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     href: unref(pathKeyToURL)(path_key),
                     download: path_key.split("/").pop()
                   }, null, 8, ["href", "download"]),
-                  createElementVNode("div", _hoisted_5$5, [
+                  createElementVNode("div", _hoisted_5$6, [
                     createVNode(unref(_sfc_main$s), {
                       icon: "draft",
                       size: 1.5
@@ -32834,6 +32814,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__ */ defineComponent({
   __name: "ListItem",
   props: {
@@ -32847,6 +32828,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     flat: { type: Boolean },
     disabled: { type: Boolean },
     lead: {},
+    end: {},
     iconEnd: {},
     target: {},
     thin: { type: Boolean },
@@ -32916,12 +32898,17 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ]),
           _cache[0] || (_cache[0] = createElementVNode("div", { class: "flex-grow-1" }, null, -1)),
-          renderSlot(_ctx.$slots, "action", {}, () => [
+          renderSlot(_ctx.$slots, "end", {}, () => [
             _ctx.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$s), {
               key: 0,
               icon: _ctx.iconEnd,
               class: "transition-400"
-            }, null, 8, ["icon"])) : createCommentVNode("", true)
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
+            _ctx.end ? (openBlock(), createElementBlock("p", {
+              key: 1,
+              class: "txt12 m-0 p-0 opacity-7 ellipsis-1",
+              textContent: toDisplayString(_ctx.end)
+            }, null, 8, _hoisted_5$5)) : createCommentVNode("", true)
           ])
         ]),
         _: 3
@@ -36629,6 +36616,213 @@ 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) {
+  var _a;
+  const searchChars = /[\p{N}\p{L}\s]/gu;
+  return ((_a = text.match(searchChars)) == null ? void 0 : _a.join("").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 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 = toValue(searchTerm);
+  const itemsArray = Array.isArray(items) ? items : toValue(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 = ref(false);
+  const serverResults = ref([]);
+  let debounceTimeout = null;
+  if (serverSearch) {
+    watch(
+      () => toValue(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 = () => toValue(searchTerm);
+  const getFilteredResults = () => {
+    const term = getSearchTermValue();
+    if (serverSearch && term && typeof term === "string" && term.length >= minChars) {
+      return serverResults.value;
+    }
+    return searchItems(params);
+  };
+  const results = computed(() => getFilteredResults());
+  const resultCount = computed(() => results.value.length);
+  const hasResults = computed(() => resultCount.value > 0);
+  const isSearching = computed(() => {
+    const term = getSearchTermValue();
+    return !!term && typeof term === "string" && term.length >= minChars;
+  });
+  return {
+    results,
+    resultCount,
+    hasResults,
+    isSearching,
+    isLoading: computed(() => isLoading.value)
+  };
+}
 export {
   _sfc_main$1e as Accordion,
   AccordionItem,
@@ -36716,6 +36910,7 @@ export {
   bagelInjectionKey,
   bindAttrs,
   classify,
+  clearHtml,
   copyText,
   debounce,
   denullify,
@@ -36733,9 +36928,11 @@ export {
   keyToLabel,
   localRef,
   normalizeDimension,
+  normalizeText,
   normalizeURL,
   pathKeyToURL,
   provideBagelFormState,
+  searchItems,
   sleep,
   slugify,
   timeAgo,
@@ -36753,6 +36950,7 @@ export {
   useLocalStorage,
   useModal,
   usePolling,
+  useSearch,
   useValidateFieldValue,
   vDraggable
 };