bitboss-ui 2.0.101 → 2.0.103

package/dist/components/BaseSelect/BaseSelect.vue.d.ts

@@ -1,13 +1,6 @@
 import { nextTick, HTMLAttributes, InputHTMLAttributes } from 'vue';
 import { Option as BaseOption } from '../../types/Option';
 export type BaseSelectProps = {
-    /**
-     * Allows the user to add options to the list by
-     * inserting text in the input and pressing ENTER.
-     * The value and text of the option generated is a
-     * string equal to what has been inserted.
-     */
-    addOptions?: boolean;
     /**
      * Allows typing into the input.
      */
@@ -151,14 +144,6 @@ export type BaseSelectProps = {
      * Sets the input as required.
      */
     required?: boolean;
-    /**
-     * If `true` when in multiple selection, reset the query immediately
-     * upon selecting an option. By default the query is
-     * not reset until focus is lost so the user can search
-     * for "Cath" and select "Cathy" and then write more to
-     * search for "Catherine"
-     */
-    resetQueryOnOptionSelected?: boolean;
     /**
      * Adds a stash to accumulate selected values. Especially
      * useful when searching in a big database of items.
@@ -183,6 +168,7 @@ export type BaseSelectEvents = {
     (e: 'inactive'): void;
     (e: 'input', event: Event): void;
     (e: 'update:modelValue', value: any): void;
+    (e: 'option:add', text: string): void;
 };
 export type BaseSelectSlots = {
     append?: (props: {
@@ -223,6 +209,12 @@ export type BaseSelectSlots = {
         text: string;
         value: any;
     }) => any;
+    'option:append'?: (props: {
+        item: any;
+    }) => any;
+    'option:prepend'?: (props: {
+        item: any;
+    }) => any;
     'options:append'?: (props: object) => any;
     'options:prepend'?: (props: object) => any;
     prefix?: (props: object) => any;
@@ -552,6 +544,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}
     click: (event: MouseEvent) => any;
     focus: (event: FocusEvent) => any;
     inactive: () => any;
+    "option:add": (text: string) => any;
 }, string, import('vue').PublicProps, Readonly<BaseSelectProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -560,6 +553,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}
     onClick?: ((event: MouseEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onInactive?: (() => any) | undefined;
+    "onOption:add"?: ((text: string) => any) | undefined;
 }>, {
     autocomplete: string;
     transitionDuration: number;
@@ -569,8 +563,8 @@ declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}
     loadingText: string;
     modelValueDebounceTime: number;
     noDataText: string;
-    prefill: boolean | "focus";
     max: number;
+    prefill: boolean | "focus";
     filterBy: string | string[] | false | ((value: any, item: any) => boolean) | null;
     maxSelectedLabels: number;
     queryDebounceTime: number;

package/dist/components/BaseSwitchGroup/BaseSwitchGroup.vue.d.ts

@@ -1,11 +1,113 @@
+import { HTMLAttributes, InputHTMLAttributes, MaybeRefOrGetter } from 'vue';
+import { NestedKeyOf } from '../../types/NestedKeyOf';
 import { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';
-import { BaseCheckboxGroupEvents, BaseCheckboxGroupProps } from '../BaseCheckboxGroup/BaseCheckboxGroup.vue';
-export type BaseSwitchGroupEvents = BaseCheckboxGroupEvents;
-export type BaseSwitchGroupProps<T> = BaseCheckboxGroupProps<T>;
+export type BaseSwitchGroupProps<T> = {
+    /**
+     * Guides to the browser as to the type of information expected in the field.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Sets autofocus on page load.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Define a color for the component.
+     *
+     * Either a custom color or a coded color in common HEX, RGB, etc... format.
+     */
+    color?: string;
+    /**
+     * Defines an array of dependencies that will trigger actions in the component upon change.
+     */
+    dependencies?: any[];
+    /**
+     * Timeout used to debounce response to changes to dependencies.
+     */
+    depsDebounceTime?: number;
+    /**
+     * Direction of the layout of the inputs inside the fieldset. It can be either `horizontal` or `vertical`
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Disables the component
+     */
+    disabled?: boolean;
+    /**
+     * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.
+     *
+     * e.g. You cannot set v-model to a user that is not present in the items passed.
+     *
+     * modelValue will be reset upon incoherence.
+     */
+    enforceCoherence?: boolean;
+    /**
+     * Define if the component should be in an error state.
+     * It usually attaches a CSS class for styling purposes.
+     */
+    hasErrors?: boolean;
+    /**
+     * Visually hides the label of the input while maintaining accessibility.
+     */
+    hideLabel?: boolean;
+    /**
+     * The identifier of the component.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Used to retrieve items can be an array or a function.
+     */
+    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
+    /**
+     * Defines a path that returns a property of the object to use as text or a function that returns a string
+     */
+    itemText?: T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined;
+    /**
+     * Defines a path that returns a property of the object to use as value or a function that returns any value
+     */
+    itemValue?: T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined;
+    /**
+     * String displayed while items are being loaded.
+     */
+    loadingText?: string;
+    /**
+     * Maximum number of selected items.
+     */
+    max?: number;
+    /**
+     * Used by v-model. Can be an array of any serializable type.
+     */
+    modelValue: any[];
+    /**
+     * Timeout used to debounce response to changes to modelValue.
+     */
+    modelValueDebounceTime?: number;
+    /**
+     * Defines the name of the input.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * String displayed when there are no items to display.
+     */
+    noDataText?: MaybeRefOrGetter<string>;
+    /**
+     * Sets the input in a readonly state.
+     */
+    readonly?: boolean;
+};
+export type BaseSwitchGroupEvents = {
+    (e: 'blur', event: FocusEvent): void;
+    (e: 'change', event: Event): void;
+    (e: 'click', event: MouseEvent): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'inactive'): void;
+    (e: 'input', event: Event): void;
+    (e: 'keydown', event: KeyboardEvent): void;
+    (e: 'mousedown', event: MouseEvent): void;
+    (e: 'mouseup', event: MouseEvent): void;
+    (e: 'update:modelValue', value: any): void;
+};
 declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, `on${Capitalize<any>}`> & BaseSwitchGroupProps<T>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<any & BaseSwitchGroupProps<T>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Readonly<{
@@ -65,7 +167,7 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
         }) => any;
         append?: (props: object) => any;
     };
-    emit: BaseCheckboxGroupEvents;
+    emit: BaseSwitchGroupEvents;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

package/dist/components/BbSelect/BbSelect.vue.d.ts

@@ -2,13 +2,6 @@ import { BaseSelectEvents } from '../BaseSelect/BaseSelect.vue';
 import { NestedKeyOf } from '../../types/NestedKeyOf';
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
 export type BbSelectProps<T> = {
-    /**
-     * Allows the user to add options to the list by
-     * inserting text in the input and pressing ENTER.
-     * The value and text of the option generated is a
-     * string equal to what has been inserted.
-     */
-    addOptions?: boolean;
     /**
      * Allows typing into the input.
      */
@@ -176,14 +169,6 @@ export type BbSelectProps<T> = {
      * Sets the input in a readonly state.
      */
     readonly?: boolean;
-    /**
-     * If `true` when in multiple selection, reset the query immediately
-     * upon selecting an option. By default the query is
-     * not reset until focus is lost so the user can search
-     * for "Cath" and select "Cathy" and then write more to
-     * search for "Catherine"
-     */
-    resetQueryOnOptionSelected?: boolean;
     /**
      * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
      */
@@ -266,7 +251,8 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
         readonly onClick?: ((event: MouseEvent) => any) | undefined;
         readonly onFocus?: ((event: FocusEvent) => any) | undefined;
         readonly onInactive?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClick" | "onUpdate:modelValue" | "onInactive"> & BbSelectProps<T>> & import('vue').PublicProps;
+        readonly "onOption:add"?: ((text: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClick" | "onUpdate:modelValue" | "onInactive" | "onOption:add"> & BbSelectProps<T>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Readonly<BbSelectSlots<T>> & BbSelectSlots<T>;

package/dist/composables/useBaseOptions.d.ts

@@ -0,0 +1,31 @@
+import { MaybeRef } from 'vue';
+import { IndexById } from './useIndexById';
+type Options = {
+    disabled: MaybeRef<boolean>;
+    selectable: boolean | ((item: any) => boolean);
+    max: number | undefined;
+    items: MaybeRef<any[]>;
+    selectedIndexedByHash: IndexById['data'];
+    itemText: MaybeRef<string | ((item: any) => string) | undefined>;
+    itemValue: MaybeRef<string | ((item: any) => string) | undefined>;
+};
+type BaseOption2 = {
+    item: any;
+    text: string;
+    value: any;
+    valueHash: string;
+    selected: boolean;
+    disabled: boolean;
+};
+export declare const useBaseOptions: ({ items, disabled, selectable, itemText, itemValue, selectedIndexedByHash, max, }: Options) => {
+    options: import('vue').ComputedRef<BaseOption2[]>;
+    createOption: (item: any) => {
+        item: any;
+        text: string;
+        value: any;
+        valueHash: string;
+        selected: boolean;
+        disabled: boolean;
+    };
+};
+export {};

package/dist/composables/useCoherence.d.ts

@@ -0,0 +1,20 @@
+import { MaybeRef } from 'vue';
+type Options = {
+    /**
+     * The model value to check for coherence
+     */
+    modelValue: MaybeRef<any[]>;
+    /**
+     * An iteratee that returns a boolean indicating whether the value is coherent or not
+     */
+    iteratee: (item: any) => boolean;
+    multiple: boolean;
+};
+export declare const useCoherence: ({ modelValue, iteratee, multiple }: Options) => {
+    status: import('vue').ComputedRef<{
+        coherent: any[];
+        incoherent: any[];
+    }>;
+    coherent: import('vue').ComputedRef<boolean>;
+};
+export {};

package/dist/composables/useHashedWatcher.d.ts

@@ -0,0 +1,2 @@
+import { WatchDebouncedOptions } from '@vueuse/core';
+export declare const useHashedWatcher: (source: any, callback: (...args: any[]) => any, options?: WatchDebouncedOptions<any>) => void;

package/dist/composables/useIndexById.d.ts

@@ -0,0 +1,11 @@
+import { MaybeRef } from 'vue';
+type Options = {
+    items: MaybeRef<any[]>;
+    key?: string;
+};
+export type IndexById = ReturnType<typeof useIndexById>;
+export declare const useIndexById: ({ items, key }: Options) => {
+    data: import('vue').ComputedRef<Record<string, any>>;
+    get: (value: any) => any;
+};
+export {};

package/dist/composables/useItemsGetter.d.ts

@@ -0,0 +1,12 @@
+import { MaybeRef } from 'vue';
+type Options = {
+    items: MaybeRef<unknown>;
+    debounce?: number;
+};
+export declare const useItemsGetter: (options: Options) => {
+    getter: (...args: any[]) => Promise<void>;
+    debouncedGetter: import('@vueuse/shared').PromisifyFn<(...args: any[]) => Promise<void>>;
+    items: import('vue').Ref<any[], any[]>;
+    loading: import('vue').ComputedRef<boolean>;
+};
+export {};

package/dist/composables/usePrefill.d.ts

@@ -0,0 +1,12 @@
+type Options = {
+    fn: (...args: any[]) => any;
+    onStart?: boolean;
+    multiple?: boolean;
+    currentValue?: any;
+};
+export declare const usePrefill: ({ fn, onStart, multiple, currentValue, }: Options) => {
+    isPrefilling: import('vue').Ref<boolean, boolean>;
+    hasPrefilled: import('vue').Ref<boolean, boolean>;
+    prefill: () => Promise<void>;
+};
+export {};

package/dist/index100.js

@@ -1,12 +1,16 @@
-import { defineComponent as S, mergeModels as v, computed as y, toRef as u, reactive as $, useModel as b, watch as A, openBlock as h, createElementBlock as V, Fragment as k, renderSlot as r, unref as L, createCommentVNode as R, renderList as q } from "vue";
-import { useOptions as E } from "./index240.js";
-import { useItemValue as Q } from "./index279.js";
-import { isNil as g } from "./index251.js";
-import { indexBy as j } from "./index280.js";
-import { hash as B } from "./index232.js";
-const X = /* @__PURE__ */ S({
+import { defineComponent as L, mergeModels as V, computed as b, toRef as m, reactive as P, useModel as I, watch as R, openBlock as B, createElementBlock as g, Fragment as k, renderSlot as r, unref as j, createCommentVNode as E, renderList as G } from "vue";
+import { useItemValue as U } from "./index293.js";
+import { isNil as x } from "./index257.js";
+import { indexBy as W } from "./index294.js";
+import { hash as H } from "./index229.js";
+import { useItemsGetter as q } from "./index233.js";
+import { usePrefill as z } from "./index238.js";
+import { useIndexById as J } from "./index234.js";
+import { useBaseOptions as K } from "./index235.js";
+import { useHashedWatcher as Q } from "./index237.js";
+const ne = /* @__PURE__ */ L({
   __name: "BbRows",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ V({
     columns: { default: () => [] },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
@@ -26,72 +30,96 @@ const X = /* @__PURE__ */ S({
     "select-all": { type: Boolean, default: !1 },
     "select-allModifiers": {}
   }),
-  emits: /* @__PURE__ */ v(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
-  setup(d, { emit: I }) {
-    const l = d, m = I, { getItemValue: x } = Q(), p = y(() => !!(l.loading || M.value)), { options: O, selectOption: T, unselectOption: D, internalItems: H, innerLoading: M } = E({
-      emit: m,
+  emits: /* @__PURE__ */ V(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
+  setup(d, { emit: w }) {
+    const l = d, u = w, { getItemValue: M } = U(), p = b(() => !!(l.loading || O.value)), {
+      getter: f,
+      items: v,
+      loading: O
+    } = q({
+      items: m(l, "items")
+    }), { hasPrefilled: S } = z({
+      onStart: !0,
+      currentValue: l.modelValue,
+      multiple: l.multiple,
+      fn: async ({ prefill: e }) => {
+        await f(e, l.modelValue);
+      }
+    }), { data: y } = J({
+      items: m(l, "modelValue")
+    }), { options: F } = K({
+      disabled: m(l, "disabled"),
+      items: v,
       itemText: void 0,
       itemValue: l.itemValue,
       max: l.max,
-      modelValue: u(l, "modelValue"),
-      multiple: l.multiple,
-      resetQueryOnOptionSelected: !1,
-      stash: !1,
-      items: u(l, "items"),
-      enforceCoherence: !1,
-      prefill: !0,
-      modelValueDebounceTime: 0,
-      dependencies: u(l, "dependencies"),
-      depsDebounceTime: l.depsDebounceTime,
-      queryDebounceTime: 0,
-      disabled: u(l, "disabled")
-    }), f = y(() => O.value.map((e) => {
-      let s = !l.selectable;
-      return typeof l.selectable == "function" && (s = !l.selectable(e.item)), s = s || !!e.disabled, {
-        columns: j(
-          l.columns.map((t) => {
-            const { label: F, key: N } = t;
-            let o = x(e.item, t.key);
-            return t.formatter && // By default the formatter runs anyway
-            (!g(o) || t.formatOnNull !== !1) && (o = t.formatter(o, t.key, e.item)), t.placeholder && g(o) && (o = t.placeholder), {
+      selectable: !0,
+      selectedIndexedByHash: y
+    }), N = async (e) => {
+      l.multiple ? u("update:modelValue", l.modelValue.concat(e.value)) : u("update:modelValue", e.value);
+    }, T = async (e) => {
+      if (l.multiple) {
+        const t = { ...y.value };
+        delete t[e.valueHash], u("update:modelValue", Object.values(t));
+      } else
+        u("update:modelValue", null);
+    };
+    Q(
+      () => [l.dependencies, l.items],
+      async () => {
+        S.value && await f(!1, l.modelValue);
+      },
+      {
+        debounce: l.depsDebounceTime
+      }
+    );
+    const h = b(() => F.value.map((e) => {
+      let t = !l.selectable;
+      return typeof l.selectable == "function" && (t = !l.selectable(e.item)), t = t || !!e.disabled, {
+        columns: W(
+          l.columns.map((a) => {
+            const { label: C, key: D } = a;
+            let o = M(e.item, a.key);
+            return a.formatter && // By default the formatter runs anyway
+            (!x(o) || a.formatOnNull !== !1) && (o = a.formatter(o, a.key, e.item)), a.placeholder && x(o) && (o = a.placeholder), {
               value: o,
-              key: N,
-              label: F
+              key: D,
+              label: C
             };
           }),
-          (t) => t.key
+          (a) => a.key
         ),
         item: e.item,
         text: e.text,
         valueHash: e.valueHash,
         value: e.value,
-        selected: !!(e.selected || c.value),
-        disabled: s
+        selected: !!(e.selected || i.value),
+        disabled: t
       };
-    })), w = (e) => {
-      c.value || T(e), i.delete(e.valueHash), n.value = n.value.filter(
-        (s) => B(s) !== B(e.item)
+    })), $ = (e) => {
+      i.value || N(e), c.delete(e.valueHash), n.value = n.value.filter(
+        (t) => H(t) !== H(e.item)
       );
-    }, C = (e) => {
-      i.add(e.valueHash), n.value.push(e.item), D(e);
-    }, i = $(/* @__PURE__ */ new Set()), n = b(d, "unselected-items");
-    let c = b(d, "select-all");
-    return A(c, () => {
-      i.clear(), n.value = [], m("update:modelValue", []);
-    }), (e, s) => (h(), V(k, null, [
+    }, A = (e) => {
+      c.add(e.valueHash), n.value.push(e.item), T(e);
+    }, c = P(/* @__PURE__ */ new Set()), n = I(d, "unselected-items");
+    let i = I(d, "select-all");
+    return R(i, () => {
+      c.clear(), n.value = [], u("update:modelValue", []);
+    }), (e, t) => (B(), g(k, null, [
       p.value ? r(e.$slots, "loading", {
         key: 0,
-        items: L(H)
-      }) : R("", !0),
-      f.value.length ? (h(!0), V(k, { key: 2 }, q(f.value, (a) => r(e.$slots, "default", {
-        key: a.valueHash,
-        checked: a.selected,
-        columns: a.columns,
-        disabled: a.disabled,
-        item: a.item,
-        select: () => w(a),
-        unselect: () => C(a),
-        value: a.value
+        items: j(v)
+      }) : E("", !0),
+      h.value.length ? (B(!0), g(k, { key: 2 }, G(h.value, (s) => r(e.$slots, "default", {
+        key: s.valueHash,
+        checked: s.selected,
+        columns: s.columns,
+        disabled: s.disabled,
+        item: s.item,
+        select: () => $(s),
+        unselect: () => A(s),
+        value: s.value
       })), 128)) : r(e.$slots, "no-data", {
         key: 1,
         loading: p.value
@@ -100,5 +128,5 @@ const X = /* @__PURE__ */ S({
   }
 });
 export {
-  X as default
+  ne as default
 };

package/dist/index101.js

@@ -1,12 +1,11 @@
-import { defineComponent as h, ref as y, computed as B, openBlock as v, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
+import { defineComponent as h, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
 import V from "./index27.js";
 /* empty css        */
-import q from "./index37.js";
+import w from "./index37.js";
 /* empty css        */
-const L = /* @__PURE__ */ h({
+const P = /* @__PURE__ */ h({
   __name: "BbSelect",
   props: {
-    addOptions: { type: Boolean },
     allowWriting: { type: [Boolean, String], default: !0 },
     "append:icon": {},
     autocomplete: {},
@@ -45,18 +44,18 @@ const L = /* @__PURE__ */ h({
     required: { type: Boolean },
     queryDebounceTime: {},
     readonly: { type: Boolean },
-    resetQueryOnOptionSelected: { type: Boolean },
     reverse: { type: Boolean },
     stash: { type: Boolean },
     transitionDuration: {},
     updateOnAnimationFrame: { type: Boolean }
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
   setup(d, { emit: m }) {
-    const r = d, t = m, p = y(!1), u = B(() => r.persistentHint || p.value), c = {
+    const r = d, t = m, p = y(!1), u = v(() => r.persistentHint || p.value), c = {
       onBlur: (e) => t("blur", e),
       onChange: (e) => t("change", e),
       onClick: (e) => t("click", e),
+      "onOption:add": (e) => t("option:add", e),
       onFocus: (e) => {
         p.value = !0, t("focus", e);
       },
@@ -66,7 +65,7 @@ const L = /* @__PURE__ */ h({
       onInput: (e) => t("input", e),
       "onUpdate:modelValue": (e) => t("update:modelValue", e)
     };
-    return (e, w) => (v(), g(V, {
+    return (e, D) => (B(), g(V, {
       id: e.id,
       class: "bb-select",
       compact: e.compact,
@@ -86,9 +85,8 @@ const L = /* @__PURE__ */ h({
         a(e.$slots, "label", i(l(s)))
       ]),
       input: n(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
-        $(q, T({
+        $(w, T({
           id: s,
-          "add-options": e.addOptions,
           "allow-writing": e.allowWriting,
           "append:icon": r["append:icon"],
           "aria-describedby": f,
@@ -120,7 +118,6 @@ const L = /* @__PURE__ */ h({
           "query-debounce-time": e.queryDebounceTime,
           readonly: e.readonly,
           required: e.required,
-          "reset-query-on-option-selected": e.resetQueryOnOptionSelected,
           stash: e.stash,
           "transition-duration": e.transitionDuration,
           "update-on-animation-frame": e.updateOnAnimationFrame
@@ -171,12 +168,12 @@ const L = /* @__PURE__ */ h({
             a(e.$slots, "spinner", i(l(o)))
           ]),
           _: 2
-        }, 1040, ["id", "add-options", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
+        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "stash", "transition-duration", "update-on-animation-frame"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  L as default
+  P as default
 };