eco-vue-js 0.10.15 → 0.10.17

package/dist/components/Page/use/usePageBreadcrumbs.js

@@ -0,0 +1,48 @@
+import { ref, readonly } from 'vue';
+
+const breadcrumbs = ref({});
+const breadcrumbsUpdateMap = ref({});
+const breadcrumbsScrollToMap = ref({});
+const active = ref(null);
+const usePageBreadcrumbs = () => {
+  const resetBreadcrumbs = () => {
+    breadcrumbs.value = {};
+    breadcrumbsUpdateMap.value = {};
+    active.value = null;
+  };
+  const scrollTo = (title) => {
+    breadcrumbsScrollToMap.value[title]?.();
+  };
+  return {
+    resetBreadcrumbs,
+    scrollTo,
+    breadcrumbs: readonly(breadcrumbs),
+    active: readonly(active)
+  };
+};
+const usePageBreadcrumb = () => {
+  const setBreadcrumb = (title, index, update, scrollTo) => {
+    breadcrumbs.value[title] = index;
+    breadcrumbsUpdateMap.value[title] = update;
+    breadcrumbsScrollToMap.value[title] = scrollTo;
+  };
+  const resetBreadcrumb = (title) => {
+    delete breadcrumbs.value[title];
+    delete breadcrumbsUpdateMap.value[title];
+    delete breadcrumbsScrollToMap.value[title];
+  };
+  const updateBreadcrumbs = () => {
+    Object.values(breadcrumbsUpdateMap.value).forEach((item) => item());
+  };
+  const setActive = (value) => {
+    active.value = value;
+  };
+  return {
+    setBreadcrumb,
+    resetBreadcrumb,
+    updateBreadcrumbs,
+    setActive
+  };
+};
+
+export { usePageBreadcrumb, usePageBreadcrumbs };

package/dist/components/Select/WSelect.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         title?: () => void;
         subtitle?: () => void;
         option?: (props: {
-            option: Data | null;
+            option: Data | null | undefined;
             index?: number;
             selected: boolean;
             model: boolean;
@@ -29,7 +29,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         title?: () => void;
         subtitle?: () => void;
         option?: (props: {
-            option: Data | null;
+            option: Data | null | undefined;
             index?: number;
             selected: boolean;
             model: boolean;

package/dist/components/Select/WSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAwJA;AAoaA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAa1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkoB1D,mBAAmB,CAAC;;;;;;;sSAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAxbrB,MAAM,KAAG,IAAI;MAwb8B,GAAG,IAAI;WACpE,GAAG;;gBA5YD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAzPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA4nBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5oBvE,wBA4oB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAkKA;AA6aA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAa1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8oB1D,mBAAmB,CAAC;;;;;;;sSAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BArcrB,MAAM,KAAG,IAAI;MAqc8B,GAAG,IAAI;WACpE,GAAG;;gBAzZD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAxPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAwoBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxpBvE,wBAwpB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, createBlock, openBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createCommentVNode, createElementBlock, renderSlot, resolveDynamicComponent, createElementVNode, toDisplayString, Fragment, renderList } from 'vue';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import { ApiError } from '../../utils/api.js';
 import { useIsMobile } from '../../utils/mobile.js';
@@ -7,10 +7,14 @@ import _sfc_main$2 from './components/SelectOption.vue.js';
 import _sfc_main$3 from './components/SelectOptionPrefix.vue.js';
 
 const _hoisted_1 = {
-  key: 0,
-  class: "px-[1.0625rem] py-2 first:pt-4 last:pb-4"
+  key: 1,
+  class: "text-description w-option flex items-center"
 };
-const _hoisted_2 = { class: "w-select-field sm-not:px-3 cursor-default select-none" };
+const _hoisted_2 = {
+  key: 1,
+  class: "w-select-option first:pt-4 last:pb-4"
+};
+const _hoisted_3 = { class: "w-option flex cursor-default select-none items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WSelect",
@@ -88,7 +92,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cursor = ref(0);
     const isCursorLocked = ref(false);
     const search = ref("");
-    const searchPrepared = computed(() => search.value.trim().toLocaleLowerCase());
+    const isModelValueSearch = computed(() => search.value && props.modelValue.includes(search.value));
+    const searchPrepared = computed(() => isModelValueSearch.value ? "" : search.value.trim().toLocaleLowerCase());
     const enabled = computed(() => !props.disabled);
     const { data, isLoading, error: queryError } = props.useQueryFnOptions ? props.queryParamsOptions === void 0 ? props.useQueryFnOptions({ enabled }) : props.useQueryFnOptions(toRef(props, "queryParamsOptions"), { enabled }) : {
       data: toRef(props, "options"),
@@ -117,8 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const loadingOptionIndex = ref(null);
     const loadingCreate = ref(false);
     const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
-    const prefixList = computed(() => props.modelValue.map((value) => optionsWithCreated.value?.find((item) => props.valueGetter(item) === value)).filter((item) => item !== void 0));
-    const hasCreateOption = computed(() => props.createOption && search.value !== "" && !optionsFiltered.value.some((option) => props.valueGetter(option) === search.value));
+    const hasCreateOption = computed(() => props.createOption && !optionsFiltered.value.some((option) => props.valueGetter(option) === search.value));
     const close = () => {
       isOpen.value = false;
       focused.value = false;
@@ -265,36 +269,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })
       }), createSlots({
         prefix: withCtx(({ unclickable }) => [
-          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(prefixList.value, (option, index) => {
+          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (value, index) => {
             return openBlock(), createBlock(_sfc_main$3, {
-              key: _ctx.valueGetter(option),
-              option,
+              key: value,
+              option: optionsWithCreated.value.find((item) => _ctx.valueGetter(item) === value),
               "option-component": _ctx.optionComponent,
               "option-component-props": _ctx.optionComponentProps,
               index,
               loading: _ctx.loading || unref(isLoading),
               disabled: _ctx.disabled,
               "disable-clear": _ctx.disableClear || _ctx.readonly,
-              onUnselect: ($event) => unselect(_ctx.valueGetter(option))
+              search: value,
+              onUnselect: ($event) => unselect(value)
             }, createSlots({ _: 2 }, [
               _ctx.$slots.option ? {
                 name: "option",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "option", {
-                    option,
+                fn: withCtx((optionScope) => [
+                  renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, optionScope, {
                     selected: true,
                     model: true,
                     index
-                  })
+                  }))
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "onUnselect"]);
+            ]), 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "search", "onUnselect"]);
           }), 128)) : createCommentVNode("", true)
         ]),
         content: withCtx(() => [
-          !optionsFiltered.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, toDisplayString(!search.value && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
+          hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            "is-selected": false,
+            "is-cursor": cursor.value === optionsFiltered.value.length,
+            loading: (loadingCreate.value || loadingOptionIndex.value === optionsFiltered.value.length) && _ctx.loading,
+            scroll: isCursorLocked.value,
+            "hide-option-icon": _ctx.hideOptionIcon,
+            disabled: !search.value || isModelValueSearch.value,
+            class: "first:pt-4 last:pb-4",
+            onSelect: _cache[0] || (_cache[0] = ($event) => create(search.value)),
+            onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(optionsFiltered.value.length))
+          }, {
+            prefix: withCtx(() => _cache[7] || (_cache[7] = [
+              createElementVNode("div", { class: "w-option flex items-center pr-2" }, " Create: ", -1)
+            ])),
+            default: withCtx(() => [
+              search.value && !isModelValueSearch.value ? renderSlot(_ctx.$slots, "option", {
+                key: 0,
+                option: null,
+                search: search.value,
+                selected: false,
+                model: false
+              }, () => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
+                  option: null,
+                  search: search.value,
+                  selected: false,
+                  model: false
+                }), null, 16, ["search"]))
+              ]) : (openBlock(), createElementBlock("div", _hoisted_1, " Start typing.. "))
+            ]),
+            _: 3
+          }, 8, ["is-cursor", "loading", "scroll", "hide-option-icon", "disabled"])) : createCommentVNode("", true),
+          !optionsFiltered.value.length && !isModelValueSearch.value && (!_ctx.createOption || optionsWithCreated.value.length) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, toDisplayString(!search.value && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(optionsFiltered.value, (option, index) => {
             return openBlock(), createBlock(_sfc_main$2, {
@@ -330,38 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
-          }), 128)),
-          hasCreateOption.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            "is-selected": false,
-            "is-cursor": cursor.value === optionsFiltered.value.length,
-            loading: (loadingCreate.value || loadingOptionIndex.value === optionsFiltered.value.length) && _ctx.loading,
-            scroll: isCursorLocked.value,
-            "hide-option-icon": _ctx.hideOptionIcon,
-            class: "first:pt-4 last:pb-4",
-            onSelect: _cache[0] || (_cache[0] = ($event) => create(search.value)),
-            onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(optionsFiltered.value.length))
-          }, {
-            prefix: withCtx(() => _cache[7] || (_cache[7] = [
-              createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
-            ])),
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "option", {
-                option: null,
-                search: search.value,
-                selected: false,
-                model: false
-              }, () => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
-                  option: null,
-                  search: search.value,
-                  selected: false,
-                  model: false
-                }), null, 16, ["search"]))
-              ])
-            ]),
-            _: 3
-          }, 8, ["is-cursor", "loading", "scroll", "hide-option-icon"])) : createCommentVNode("", true)
+          }), 128))
         ]),
         _: 2
       }, [

package/dist/components/Select/WSelectAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAwHA;AA2RA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAW/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6e1D,mBAAmB,CAAC;;;;;;;2RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BAlXrB,MAAM,KAAG,IAAI;MAkX8B,GAAG,IAAI;WACpE,GAAG;;gBAxVD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA3IlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YAgeM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvfvE,wBAuf4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAyHA;AA4RA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAW/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+e1D,mBAAmB,CAAC;;;;;;;2RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;2BApXrB,MAAM,KAAG,IAAI;MAoX8B,GAAG,IAAI;WACpE,GAAG;;gBA1VD,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA3IlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YAkeM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzfvE,wBAyf4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsync.vue.js

@@ -236,10 +236,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             loading: _ctx.loading || isFetchingPrefix.value,
             disabled: isDisabled.value,
             "empty-stub": !search.value && _ctx.emptyStub ? _ctx.emptyStub : void 0,
-            "allow-create": _ctx.createOption && search.value !== "" && !hasSearchOption.value,
+            "allow-create": _ctx.createOption && !hasSearchOption.value,
             "hide-option-icon": _ctx.hideOptionIcon,
             "value-getter": _ctx.valueGetter,
             "loading-create": loadingCreate.value,
+            search: search.value,
             onSelect: select,
             onUnselect: unselect,
             "onCreate:option": create,
@@ -263,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ]),
             _: 3
-          }, 8, ["model-value", "use-query-fn", "query-params", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon", "value-getter", "loading-create"])
+          }, 8, ["model-value", "use-query-fn", "query-params", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon", "value-getter", "loading-create", "search"])
         ]),
         _: 2
       }, [

package/dist/components/Select/WSelectSingle.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         title?(_: {}): any;
         subtitle?(_: {}): any;
         option?(_: {
-            option: Data | null;
+            option: Data | null | undefined;
             selected: boolean;
             model: boolean;
             search: string | undefined;

package/dist/components/Select/WSelectSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAqDA;AA+FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAMpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgM1D,mBAAmB,CAAC;;;;8RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCiB,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAxJzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA2LmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1MvE,wBA0M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAuDA;AAiGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAMpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoM1D,mBAAmB,CAAC;;;;8RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCiB,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YA5JzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA+LmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9MvE,wBA8M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectStringified.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: <Model extends string, Data extends DefaultData, QueryPa
         subtitle?: () => VNode[];
         right?: () => VNode[];
         option?: (props: {
-            option: Data | null;
+            option: Data | null | undefined;
             selected: boolean;
             model: boolean;
             search: string | undefined;
@@ -25,7 +25,7 @@ declare const _default: <Model extends string, Data extends DefaultData, QueryPa
         subtitle?: () => VNode[];
         right?: () => VNode[];
         option?: (props: {
-            option: Data | null;
+            option: Data | null | undefined;
             selected: boolean;
             model: boolean;
             search: string | undefined;

package/dist/components/Select/WSelectStringified.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AAkDA;AAyGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE1E,OAAO,EAAC,KAAK,KAAK,EAA2B,MAAM,KAAK,CAAA;yBAIvC,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6L1D,mBAAmB,CAAC;;;;uRAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAjJD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAHzG,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAzC7G,oBAAoB,SAAS,KAAK,GAAG,IAAI;YACzC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA0LmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvMvE,wBAuM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AAkDA;AA8GA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE1E,OAAO,EAAC,KAAK,KAAK,EAA2B,MAAM,KAAK,CAAA;yBAIvC,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkM1D,mBAAmB,CAAC;;;;uRAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAtJD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,KAAK,EAAE;;gBARL,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;YAC/B,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,KAAK,EAAE;;;YA9CT,oBAAoB,SAAS,KAAK,GAAG,IAAI;YACzC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA+LmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5MvE,wBA4M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncList.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         valueGetter: (data: Data) => Model;
         queryOptions?: Partial<Parameters<UseQueryPaginated<Data, QueryParams>>[1]>;
         loadingCreate?: boolean;
+        search?: string;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         cursorUp: () => void;
@@ -35,12 +36,14 @@ declare const _default: <Model extends number | string, Data extends DefaultData
             option: Data | null;
             selected: boolean;
             skeleton: boolean;
+            search: string | undefined;
         }) => void;
     }> & {
         default?: (props: {
             option: Data | null;
             selected: boolean;
             skeleton: boolean;
+            search: string | undefined;
         }) => void;
     };
     emit: {

package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"AA8FA;yBA6OiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAmc1D,mBAAmB,CAAC;;;;;;;oBAhcd,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;mBAgbqE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAnUC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA1GlF,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA8agB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7cvE,wBA6c4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"AAqHA;yBA2QiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAme1D,mBAAmB,CAAC;;;;;;;oBAhed,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;iBACd,MAAM;mBA+c6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAjWC,CAAC,KAAK,EAAE;YAChB,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,QAAQ,EAAE,OAAO,CAAA;YACjB,QAAQ,EAAE,OAAO,CAAA;YACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,IAAI;;kBALA,CAAC,KAAK,EAAE;YAChB,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,QAAQ,EAAE,OAAO,CAAA;YACjB,QAAQ,EAAE,OAAO,CAAA;YACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,KAAK,IAAI;;;YAhHN,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA6cgB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7evE,wBA6e4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncList.vue.js

@@ -1,8 +1,13 @@
-import { defineComponent, ref, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, normalizeClass, renderSlot, createElementVNode } from 'vue';
-import _sfc_main$1 from '../../InfiniteList/WInfiniteList.vue.js';
+import { defineComponent, ref, computed, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, toDisplayString } from 'vue';
+import _sfc_main$2 from '../../InfiniteList/WInfiniteList.vue.js';
 import { debounce } from '../../../utils/utils.js';
-import _sfc_main$2 from './SelectOption.vue.js';
+import _sfc_main$1 from './SelectOption.vue.js';
 
+const _hoisted_1 = {
+  key: 1,
+  class: "text-description w-option flex items-center"
+};
+const _hoisted_2 = { class: "w-option flex cursor-default select-none items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectAsyncList",
   props: {
@@ -22,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hideOptionIcon: { type: Boolean },
     valueGetter: { type: Function },
     queryOptions: {},
-    loadingCreate: { type: Boolean }
+    loadingCreate: { type: Boolean },
+    search: {}
   },
   emits: ["select", "unselect", "update:count", "update:modelValue", "create:option"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -36,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const firstItem = ref();
     const lastItem = ref();
     const count = ref(0);
+    const isModelValueSearch = computed(() => props.search && props.modelValue.includes(props.search));
     const setLoadingOption = (value) => {
       loadingOption.value = value;
     };
@@ -98,7 +105,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$1, {
+        _ctx.allowCreate ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          "is-selected": false,
+          "is-cursor": cursor.value === null,
+          loading: _ctx.loading && (_ctx.loadingCreate || loadingOption.value === null),
+          scroll: isCursorLocked.value,
+          previous: lastItem.value,
+          next: firstItem.value,
+          first: count.value === 0,
+          "is-no-cursor": cursor.value === void 0,
+          "hide-option-icon": _ctx.hideOptionIcon,
+          class: "first:pt-4 last:pb-4",
+          onMouseenter: _cache[0] || (_cache[0] = ($event) => setCursor(null)),
+          "onUpdate:cursor": _cache[1] || (_cache[1] = ($event) => setCursor(null)),
+          onSelect: _cache[2] || (_cache[2] = ($event) => {
+            _ctx.$emit("create:option");
+            setLoadingOption(null);
+          }),
+          "onUpdate:isCursor": updateCursors,
+          "onUpdate:previous": _cache[3] || (_cache[3] = ($event) => cursorPrevious.value = $event),
+          "onUpdate:next": _cache[4] || (_cache[4] = ($event) => cursorNext.value = $event),
+          onUnmounted: _cache[5] || (_cache[5] = ($event) => updateCursor(void 0))
+        }, {
+          prefix: withCtx(() => _cache[11] || (_cache[11] = [
+            createElementVNode("span", { class: "w-option flex items-center pr-2" }, " Create: ", -1)
+          ])),
+          default: withCtx(() => [
+            _ctx.search && !isModelValueSearch.value ? renderSlot(_ctx.$slots, "default", {
+              key: 0,
+              option: null,
+              selected: false,
+              skeleton: false,
+              search: _ctx.search
+            }) : (openBlock(), createElementBlock("div", _hoisted_1, " Start typing.. "))
+          ]),
+          _: 3
+        }, 8, ["is-cursor", "loading", "scroll", "previous", "next", "first", "is-no-cursor", "hide-option-icon"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
           "use-query-fn": _ctx.useQueryFn,
           "query-params": _ctx.queryParams,
           "scrolling-element": _ctx.scrollingElement,
@@ -114,15 +158,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "header-top-ignore": "",
           "min-height": "",
           "no-gap": "",
-          "onUpdate:count": _cache[3] || (_cache[3] = ($event) => {
+          "onUpdate:count": _cache[9] || (_cache[9] = ($event) => {
             _ctx.$emit("update:count", $event);
             count.value = $event;
             updateCursor(void 0);
           }),
-          "onUpdate:selected": _cache[4] || (_cache[4] = ($event) => !_ctx.disabled && _ctx.$emit("update:modelValue", $event))
+          "onUpdate:selected": _cache[10] || (_cache[10] = ($event) => !_ctx.disabled && _ctx.$emit("update:modelValue", $event))
         }, {
           default: withCtx(({ item, skeleton, previous, next, first, last }) => [
-            createVNode(_sfc_main$2, {
+            createVNode(_sfc_main$1, {
               "is-selected": !skeleton && _ctx.modelValue.includes(_ctx.valueGetter(item)),
               "is-cursor": !skeleton && _ctx.valueGetter(item) === cursor.value,
               loading: _ctx.loading && loadingOption.value === _ctx.valueGetter(item),
@@ -135,17 +179,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "is-no-cursor": cursor.value === void 0,
               "hide-option-icon": _ctx.hideOptionIcon,
               class: normalizeClass({
-                "pt-4": !_ctx.noPadding && first,
-                "pb-4": !_ctx.noPadding && last && !_ctx.allowCreate
+                "pt-4": !_ctx.noPadding && first && !_ctx.allowCreate,
+                "pb-4": !_ctx.noPadding && last
               }),
               onSelect: ($event) => emitSelect(_ctx.valueGetter(item)),
               onUnselect: ($event) => emitUnselect(_ctx.valueGetter(item)),
               onMouseenter: ($event) => !skeleton && setCursor(_ctx.valueGetter(item)),
               "onUpdate:cursor": ($event) => setCursor(_ctx.valueGetter(item)),
               "onUpdate:isCursor": updateCursors,
-              "onUpdate:previous": _cache[0] || (_cache[0] = ($event) => cursorPrevious.value = $event),
-              "onUpdate:next": _cache[1] || (_cache[1] = ($event) => cursorNext.value = $event),
-              onUnmounted: _cache[2] || (_cache[2] = ($event) => updateCursor(void 0)),
+              "onUpdate:previous": _cache[6] || (_cache[6] = ($event) => cursorPrevious.value = $event),
+              "onUpdate:next": _cache[7] || (_cache[7] = ($event) => cursorNext.value = $event),
+              onUnmounted: _cache[8] || (_cache[8] = ($event) => updateCursor(void 0)),
               "onUpdate:first": ($event) => firstItem.value = _ctx.valueGetter(item),
               "onUpdate:last": ($event) => lastItem.value = _ctx.valueGetter(item)
             }, {
@@ -153,49 +197,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "default", {
                   option: item,
                   selected,
-                  skeleton
+                  skeleton,
+                  search: void 0
                 })
               ]),
               _: 2
             }, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "hide-option-icon", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "onUpdate:first", "onUpdate:last"])
           ]),
-          _: 3
-        }, 8, ["use-query-fn", "query-params", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "value-getter", "query-options", "skeleton-length", "last-child"]),
-        _ctx.allowCreate ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 0,
-          "is-selected": false,
-          "is-cursor": cursor.value === null,
-          loading: _ctx.loading && (_ctx.loadingCreate || loadingOption.value === null),
-          scroll: isCursorLocked.value,
-          previous: lastItem.value,
-          next: firstItem.value,
-          first: count.value === 0,
-          "is-no-cursor": cursor.value === void 0,
-          "hide-option-icon": _ctx.hideOptionIcon,
-          class: "first:pt-4 last:pb-4",
-          onMouseenter: _cache[5] || (_cache[5] = ($event) => setCursor(null)),
-          "onUpdate:cursor": _cache[6] || (_cache[6] = ($event) => setCursor(null)),
-          onSelect: _cache[7] || (_cache[7] = ($event) => {
-            _ctx.$emit("create:option");
-            setLoadingOption(null);
-          }),
-          "onUpdate:isCursor": updateCursors,
-          "onUpdate:previous": _cache[8] || (_cache[8] = ($event) => cursorPrevious.value = $event),
-          "onUpdate:next": _cache[9] || (_cache[9] = ($event) => cursorNext.value = $event),
-          onUnmounted: _cache[10] || (_cache[10] = ($event) => updateCursor(void 0))
-        }, {
-          prefix: withCtx(() => _cache[11] || (_cache[11] = [
-            createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
-          ])),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {
-              option: null,
-              selected: false,
-              skeleton: false
-            })
+          empty: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["w-select-option pb-4", {
+                "pt-4": !_ctx.noPadding && !_ctx.allowCreate
+              }])
+            }, [
+              createElementVNode("div", _hoisted_2, toDisplayString(!_ctx.search && _ctx.emptyStub ? _ctx.emptyStub : "No match"), 1)
+            ], 2)
           ]),
           _: 3
-        }, 8, ["is-cursor", "loading", "scroll", "previous", "next", "first", "is-no-cursor", "hide-option-icon"])) : createCommentVNode("", true)
+        }, 8, ["use-query-fn", "query-params", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "value-getter", "query-options", "skeleton-length", "last-child"])
       ]);
     };
   }

package/dist/components/Select/components/SelectOption.vue.d.ts

@@ -11,6 +11,7 @@ declare const _default: <Model extends number | string>(__VLS_props: NonNullable
         next?: Model | null;
         isNoCursor?: boolean;
         hideOptionIcon?: boolean;
+        disabled?: boolean;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         scrollIntoView: () => void;

package/dist/components/Select/components/SelectOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"AAwCA;yBA8IiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAyM1D,mBAAmB,CAAC;oBAtMd,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;mBA4LoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBAlHA,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAxEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAsLkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnNvE,wBAmN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"AA4CA;yBAmJiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6M1D,mBAAmB,CAAC;oBA1Md,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;mBACb,OAAO;mBA+L0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBArHA,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAxEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAyLkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvNvE,wBAuN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectOption.vue.js

@@ -19,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     previous: {},
     next: {},
     isNoCursor: { type: Boolean },
-    hideOptionIcon: { type: Boolean }
+    hideOptionIcon: { type: Boolean },
+    disabled: { type: Boolean }
   },
   emits: ["select", "unselect", "update:is-cursor", "update:cursor", "update:previous", "update:next", "unmounted", "update:first", "update:last"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -27,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elementRef = useTemplateRef("element");
     const toggle = () => {
-      if (props.skeleton || props.loading) return;
+      if (props.skeleton || props.loading || props.disabled) return;
       if (props.isSelected) emit("unselect");
       else emit("select");
     };
@@ -68,11 +69,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref: "element",
-        class: normalizeClass(["relative grid w-full grid-cols-[auto,1fr,2.5rem] px-[1.0625rem] py-2", {
-          "bg-primary-light dark:bg-primary-darkest": _ctx.isSelected,
-          "before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton,
+        class: normalizeClass(["w-select-option relative grid w-full grid-cols-[auto,1fr,2.5rem]", {
+          "bg-primary-light/30 dark:bg-primary-darkest/30": _ctx.isSelected,
+          "before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton && !_ctx.disabled,
           "cursor-progress": _ctx.loading || _ctx.skeleton,
-          "w-ripple": !_ctx.loading && !_ctx.skeleton
+          "w-ripple": !_ctx.loading && !_ctx.skeleton && !_ctx.disabled,
+          "cursor-not-allowed": _ctx.disabled
         }]),
         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["prevent", "stop"])),
@@ -94,7 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             !_ctx.hideOptionIcon && (_ctx.isSelected || _ctx.loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              _ctx.isSelected && !_ctx.loading ? (openBlock(), createBlock(unref(IconCheck), { key: 0 })) : _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 1 })) : createCommentVNode("", true)
+              _ctx.isSelected && !_ctx.loading ? (openBlock(), createBlock(unref(IconCheck), {
+                key: 0,
+                class: "square-[1.5em]"
+              })) : _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 1 })) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ]),
           _: 1

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts

@@ -6,7 +6,10 @@ declare const _default: <Data extends DefaultData, OptionComponent extends Selec
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        option?(_: {}): any;
+        option?(_: {
+            option: Data | undefined;
+            search: string | undefined;
+        }): any;
     };
     emit: (e: "unselect") => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {