bitboss-ui 2.1.103 → 2.1.105

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

@@ -255,9 +255,15 @@ export type BaseSelectSlots<Item> = {
     'options:append'?: (props: {
         focus: () => void;
     }) => any;
+    'options:append:outer'?: (props: {
+        focus: () => void;
+    }) => any;
     'options:prepend'?: (props: {
         focus: () => void;
     }) => any;
+    'options:prepend:outer'?: (props: {
+        focus: () => void;
+    }) => any;
     prefix?: (props: object) => any;
     prepend?: (props: {
         query: string;

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

@@ -263,9 +263,15 @@ export type BbSelectSlots<T> = {
     'options:append'?: (props: {
         focus: () => void;
     }) => any;
+    'options:append:outer'?: (props: {
+        focus: () => void;
+    }) => any;
     'options:prepend'?: (props: {
         focus: () => void;
     }) => any;
+    'options:prepend:outer'?: (props: {
+        focus: () => void;
+    }) => any;
     prefix?: (props: object) => any;
     prepend?: (props: {
         query: string;

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

@@ -0,0 +1,277 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { CommonProps } from '../../types/CommonProps';
+export type BbSelectPopoverProps<Item> = {
+    /**
+     * External activator element or component ref.
+     * When provided, the activator slot is not rendered and event listeners
+     * are attached programmatically to the referenced element.
+     */
+    activator?: HTMLElement | Record<string, any> | null;
+    /**
+     * Controls whether the search input is shown inside the popover panel.
+     * Use `'not-mobile'` to hide the search input on mobile.
+     * @default false
+     */
+    allowWriting?: boolean | 'not-mobile';
+    /**
+     * Browser autocomplete hint for the popover search input.
+     * @default 'off'
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Apply the compact density variant.
+     */
+    compact?: boolean;
+    /**
+     * Space the arrow keeps from popover edges.
+     * Useful with rounded corners.
+     * @default 10
+     */
+    arrowPadding?: CommonProps['arrowPadding'];
+    /**
+     * Constrains the popover to a specific boundary element.
+     */
+    boundary?: HTMLElement | Record<string, any> | string | null;
+    /**
+     * Additional dependencies that trigger item reloading when changed.
+     * @default []
+     */
+    dependencies?: any[];
+    /**
+     * Debounce delay (ms) for dependency-triggered reloads.
+     * @default 0
+     */
+    depsDebounceTime?: number;
+    /**
+     * Disables the component.
+     */
+    disabled?: boolean;
+    /**
+     * Marks the component as being in error state.
+     */
+    hasErrors?: boolean;
+    /**
+     * Explicit invalid state for accessibility semantics.
+     * Falls back to `hasErrors` when not provided.
+     */
+    ariaInvalid?: boolean;
+    /**
+     * Space-separated IDREF(s) that describe this field for assistive technologies.
+     * Accepts either a string or array of ids.
+     */
+    ariaDescribedby?: string | string[];
+    /**
+     * Enable or disable floating flip behavior.
+     * @default true
+     */
+    flip?: boolean;
+    /**
+     * Whether the floating arrow is hidden.
+     * @default true
+     */
+    hideArrow?: boolean;
+    /**
+     * Reset modelValue to `null` or empty array if it no longer matches available items.
+     */
+    enforceCoherence?: boolean;
+    /**
+     * Controls how options are filtered during search.
+     * Options are always filtered by display text, but can also match additional properties
+     * when set to a string path, array of paths, or custom function.
+     * Set to `false` to disable filtering, or `'not_stashed'` to exclude stashed items.
+     * @default () => []
+     */
+    filterBy?: string | string[] | false | 'not_stashed' | ((value: any, item: any, query: string | null) => boolean) | null;
+    groupBy?: string | ((item: Item) => string | number | symbol);
+    /**
+     * Height of group headers in the listbox (px). Defaults to 24px (compact) or 32px.
+     * Only applies when `groupBy` is set.
+     */
+    headerHeight?: number;
+    /**
+     * Explicit id for the component. Used to generate ids for listbox and options.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Array of items or function to load them asynchronously.
+     * Functions receive `(query, prefill, modelValue)` and can return a promise.
+     * @default []
+     */
+    items: Item[] | ((query: string, prefill: boolean, modelValue: any[]) => Promise<Item[]>) | ((query: string, prefill: boolean, modelValue: any[]) => Item[]);
+    /**
+     * Height of the options in the listbox (px).
+     * @default 40
+     */
+    itemHeight?: number;
+    /**
+     * Path to item property for display text or function to extract it.
+     */
+    itemText?: string | ((item: Item) => string) | undefined;
+    /**
+     * Path to item property for value or function to extract it.
+     */
+    itemValue?: string | ((item: Item) => string) | undefined;
+    /**
+     * Display the loading state styles.
+     */
+    loading?: boolean;
+    /**
+     * Message shown while items are being loaded.
+     */
+    loadingText?: string;
+    /**
+     * Maximum number of selectable items (limits selection when `multiple` is true).
+     * @default Infinity
+     */
+    max?: number;
+    /**
+     * v-model value. Single value for single select, array for multiple select.
+     */
+    modelValue: any;
+    /**
+     * Debounce delay (ms) for modelValue change handling.
+     * @default 0
+     */
+    modelValueDebounceTime?: number;
+    /**
+     * Enable multiple item selection. When true, modelValue must be an array.
+     */
+    multiple?: boolean;
+    /**
+     * Message displayed when no items are available.
+     */
+    noDataText?: string;
+    /**
+     * Distance (px) between the activator and the popover.
+     * @default 4
+     */
+    offset?: number;
+    /**
+     * Minimum page padding used by floating shift middleware.
+     * @default 0
+     */
+    padding?: CommonProps['padding'];
+    /**
+     * Floating placement of the popover.
+     * @default 'bottom'
+     */
+    placement?: CommonProps['placement'];
+    /**
+     * Controls when items are pre-loaded.
+     * `'interaction'` loads on first user interaction (first popover open),
+     * `true` loads immediately, `false` loads only on explicit search/open flows.
+     * @default 'interaction'
+     */
+    prefill?: boolean | 'interaction';
+    /**
+     * Debounce delay (ms) before triggering search queries after user input stops.
+     * @default 500
+     */
+    queryDebounceTime?: number;
+    /**
+     * Prevents opening the popover while keeping the activator accessible.
+     */
+    readonly?: boolean;
+    /**
+     * Accessible label used by the search input rendered inside the popover.
+     * @default 'Search options'
+     */
+    searchInputAriaLabel?: string;
+    /**
+     * Accumulate selected items across searches instead of replacing them.
+     */
+    stash?: boolean;
+    /**
+     * Transition duration (ms) for popover show/hide animations.
+     * @default 300
+     */
+    transitionDuration?: number;
+    /**
+     * Width of the popover in pixels, percentage, or `'auto'`.
+     */
+    width?: number | string;
+};
+export type BbSelectPopoverEvents = {
+    (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: 'update:modelValue', value: any): void;
+    (e: 'option:add', text: string): void;
+};
+export type BbSelectPopoverSlots<Item> = {
+    activator?: (props: {
+        props: {
+            ref: (reference: unknown) => void;
+        };
+        shown: boolean;
+        disabled: boolean | undefined;
+        readonly: boolean | undefined;
+        loading: boolean;
+        query: string;
+        clear: () => void;
+        open: () => Promise<void>;
+        close: () => Promise<void>;
+        toggle: () => Promise<void>;
+    }) => any;
+    loading?: (props: {
+        query: string;
+    }) => any;
+    'no-data'?: (props: {
+        query: string;
+        focus: () => void;
+    }) => any;
+    option?: (props: {
+        disabled: boolean;
+        focused: boolean;
+        index: number;
+        item: Item;
+        loading: boolean;
+        selected: boolean;
+        text: string;
+        value: any;
+    }) => any;
+    group?: (props: {
+        text: string;
+        item: Item;
+        index: number;
+        length: number;
+        disabled: boolean;
+    }) => any;
+    'options:append'?: (props: {
+        focus: () => void;
+    }) => any;
+    'options:append:outer'?: (props: {
+        focus: () => void;
+    }) => any;
+    'options:prepend'?: (props: {
+        focus: () => void;
+    }) => any;
+    'options:prepend:outer'?: (props: {
+        focus: () => void;
+    }) => any;
+};
+declare const _default: <Item = 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 onInput?: ((event: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+        readonly onInactive?: (() => any) | undefined;
+        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"> & BbSelectPopoverProps<Item> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<BbSelectPopoverSlots<Item>> & BbSelectPopoverSlots<Item>;
+    emit: BbSelectPopoverEvents;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -3,7 +3,8 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onOption:unselected"?: ((option: Option) => any) | undefined;
         readonly "onOption:selected"?: ((option: Option) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOption:unselected" | "onOption:selected"> & {
+        readonly "onFocused:change"?: ((id: string | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOption:unselected" | "onOption:selected" | "onFocused:change"> & {
         /**
          * Sets the listbox in a compact state.
          */
@@ -28,6 +29,7 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
         confirmOption: () => void;
         focusByHash: (hash: Option["valueHash"]) => void;
         getHighlighted: () => Option | undefined;
+        getActiveDescendantId: () => string | undefined;
     }>): void;
     attrs: any;
     slots: Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
@@ -46,6 +48,7 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
     emit: {
         (e: "option:selected", option: Option): void;
         (e: "option:unselected", option: Option): void;
+        (e: "focused:change", id: string | undefined): void;
     };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -3,7 +3,8 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onOption:unselected"?: ((option: Option) => any) | undefined;
         readonly "onOption:selected"?: ((option: Option) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOption:unselected" | "onOption:selected"> & {
+        readonly "onFocused:change"?: ((id: string | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOption:unselected" | "onOption:selected" | "onFocused:change"> & {
         /**
          * Sets the listbox in a compact state.
          */
@@ -32,6 +33,7 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
         confirmOption: () => void;
         focusByHash: (hash: Option["valueHash"]) => void;
         getHighlighted: () => Option | undefined;
+        getActiveDescendantId: () => string | undefined;
     }>): void;
     attrs: any;
     slots: Partial<Record<"loading", (_: {}) => any>> & Partial<Record<"no-data", (_: {}) => any>> & {
@@ -57,6 +59,7 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
     emit: {
         (e: "option:selected", option: Option): void;
         (e: "option:unselected", option: Option): void;
+        (e: "focused:change", id: string | undefined): void;
     };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -10,12 +10,14 @@ export type ListBoxExposed = {
     confirmOption: () => void;
     focusByHash: (hash: Option['valueHash']) => void;
     getHighlighted: () => Option | undefined;
+    getActiveDescendantId: () => string | undefined;
 };
 declare const _default: <Item = 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 "onOption:unselected"?: ((option: Option) => any) | undefined;
         readonly "onOption:selected"?: ((option: Option) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOption:unselected" | "onOption:selected"> & {
+        readonly "onFocused:change"?: ((id: string | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onOption:unselected" | "onOption:selected" | "onFocused:change"> & {
         compact?: boolean;
         /**
          * Flat option list. Used when `groups` is not provided.
@@ -48,6 +50,7 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
         confirmOption: () => void | undefined;
         focusByHash: (hash: Option["valueHash"]) => void | undefined;
         getHighlighted: () => Option | undefined;
+        getActiveDescendantId: () => string | undefined;
     }>): void;
     attrs: any;
     slots: {
@@ -88,6 +91,7 @@ declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __V
     emit: {
         (e: "option:selected", option: Option): void;
         (e: "option:unselected", option: Option): void;
+        (e: "focused:change", id: string | undefined): void;
     };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/composables/useCoherence.d.ts

@@ -16,5 +16,6 @@ export declare const useCoherence: ({ modelValue, iteratee, multiple }: Options)
         incoherent: any[];
     }>;
     coherent: import('vue').ComputedRef<boolean>;
+    coherentValue: import('vue').ComputedRef<any>;
 };
 export {};

package/dist/composables/usePrefill.d.ts

@@ -1,12 +1,22 @@
+import { MaybeRefOrGetter } from 'vue';
 type Options = {
-    fn: (...args: any[]) => any;
-    onStart?: boolean;
+    /**
+     * Called to load items. Receives `isPrefill: boolean` — true when triggered
+     * as a prefill (show existing selection on mount), false for a user search.
+     */
+    fn: (isPrefill: boolean) => any;
+    /**
+     * External trigger used to unlock preload.
+     * Can be a boolean or reactive getter.
+     */
+    trigger?: MaybeRefOrGetter<boolean>;
     multiple?: boolean;
     currentValue?: any;
 };
-export declare const usePrefill: ({ fn, onStart, multiple, currentValue, }: Options) => {
+export declare const usePrefill: ({ fn, trigger, multiple, currentValue, }: Options) => {
     isPrefilling: import('vue').Ref<boolean, boolean>;
     hasPrefilled: import('vue').Ref<boolean, boolean>;
+    canLoad: import('vue').ComputedRef<boolean>;
     prefill: () => Promise<void>;
 };
 export {};

package/dist/index.d.ts

@@ -133,6 +133,7 @@ export type { BbRatingProps, BbRatingEvents, } from './components/BbRating/BbRat
 export type { BbRatioProps } from './components/BbRatio/BbRatio.vue';
 export type { BbSelectProps, BbSelectEvents, BbSelectSlots, } from './components/BbSelect/BbSelect.vue';
 export type { BbSliderProps, BbSliderEvents, } from './components/BbSlider/BbSlider.vue';
+export type { BbSelectPopoverProps, BbSelectPopoverEvents, BbSelectPopoverSlots, } from './components/BbSelectPopover/BbSelectPopover.vue';
 export type { BbSmoothHeightProps, BbSmoothHeightSlots, } from './components/BbSmoothHeight/BbSmoothHeight.vue';
 export type { BbSpinnerProps, Size as BbSpinnerSizes, } from './components/BbSpinner/BbSpinner.vue';
 export type { BbSwitchGroupEvents, BbSwitchGroupProps, } from './components/BbSwitchGroup/BbSwitchGroup.vue';

package/dist/index109.js

@@ -1,13 +1,13 @@
-import { defineComponent as D, computed as V, toRef as r, ref as E, reactive as L, watch as m, createElementBlock as b, openBlock as B, Fragment as g, renderSlot as i, createCommentVNode as P, unref as R, renderList as j } from "vue";
-import { useItemValue as G } from "./index280.js";
-import { isNil as k } from "./index252.js";
-import { indexBy as U } from "./index281.js";
-import { hash as p } from "./index233.js";
-import { useItemsGetter as W } from "./index246.js";
-import { usePrefill as q } from "./index247.js";
-import { useIndexById as z } from "./index248.js";
-import { useBaseOptions as J } from "./index249.js";
-import { useHashedWatcher as K } from "./index251.js";
+import { defineComponent as D, computed as b, toRef as r, ref as E, reactive as L, watch as m, createElementBlock as V, openBlock as g, Fragment as B, renderSlot as i, createCommentVNode as P, unref as R, renderList as j } from "vue";
+import { useItemValue as G } from "./index277.js";
+import { isNil as k } from "./index254.js";
+import { indexBy as U } from "./index295.js";
+import { hash as p } from "./index229.js";
+import { useItemsGetter as W } from "./index262.js";
+import { usePrefill as q } from "./index267.js";
+import { useIndexById as z } from "./index263.js";
+import { useBaseOptions as J } from "./index264.js";
+import { useHashedWatcher as K } from "./index266.js";
 const oe = /* @__PURE__ */ D({
   __name: "BbRows",
   props: {
@@ -27,22 +27,20 @@ const oe = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue", "update:unselectedItems"],
   setup(H, { emit: x }) {
-    const t = H, u = x, { getItemValue: A } = G(), f = V(() => !!(t.loading || w.value)), {
+    const t = H, u = x, { getItemValue: A } = G(), f = b(() => !!(t.loading || w.value)), {
       getter: v,
       items: y,
       loading: w
     } = W({
       items: r(t, "items")
     }), { hasPrefilled: O } = q({
-      onStart: !0,
-      currentValue: t.modelValue,
-      multiple: t.multiple,
-      fn: async ({ prefill: e }) => {
+      trigger: !0,
+      fn: async (e) => {
         await v(e, t.modelValue);
       }
     }), { data: h } = z({
       items: r(t, "modelValue")
-    }), { options: S } = J({
+    }), { options: F } = J({
       disabled: r(t, "disabled"),
       items: y,
       itemText: void 0,
@@ -50,9 +48,9 @@ const oe = /* @__PURE__ */ D({
       max: t.max,
       selectable: !0,
       selectedIndexedByHash: h
-    }), F = async (e) => {
+    }), N = async (e) => {
       t.multiple ? u("update:modelValue", t.modelValue.concat(e.value)) : u("update:modelValue", e.value);
-    }, N = async (e) => {
+    }, S = async (e) => {
       if (t.multiple) {
         const l = { ...h.value };
         delete l[e.valueHash], u("update:modelValue", Object.values(l));
@@ -68,7 +66,7 @@ const oe = /* @__PURE__ */ D({
         debounce: t.depsDebounceTime
       }
     );
-    const I = V(() => S.value.map((e) => {
+    const I = b(() => F.value.map((e) => {
       let l = !t.selectable;
       typeof t.selectable == "function" && (l = !t.selectable(e.item)), l = l || !!e.disabled;
       const a = U(
@@ -94,12 +92,12 @@ const oe = /* @__PURE__ */ D({
         disabled: l
       };
     })), T = (e) => {
-      d.value || F(e), o.delete(e.valueHash), u(
+      d.value || N(e), o.delete(e.valueHash), u(
         "update:unselectedItems",
         t.unselectedItems.filter((l) => p(l) !== p(e.value))
       );
     }, _ = (e) => {
-      o.add(e.valueHash), u("update:unselectedItems", [...t.unselectedItems, e.value]), N(e);
+      o.add(e.valueHash), u("update:unselectedItems", [...t.unselectedItems, e.value]), S(e);
     }, o = L(/* @__PURE__ */ new Set());
     m(
       () => t.unselectedItems,
@@ -117,12 +115,12 @@ const oe = /* @__PURE__ */ D({
       }
     ), m(d, () => {
       o.clear(), u("update:unselectedItems", []), u("update:modelValue", []);
-    }), (e, l) => (B(), b(g, null, [
+    }), (e, l) => (g(), V(B, null, [
       f.value ? i(e.$slots, "loading", {
         key: 0,
         items: R(y)
       }) : P("", !0),
-      I.value.length ? (B(!0), b(g, { key: 2 }, j(I.value, (a, c) => i(e.$slots, "default", {
+      I.value.length ? (g(!0), V(B, { key: 2 }, j(I.value, (a, c) => i(e.$slots, "default", {
         key: a.valueHash + d.value,
         checked: a.selected,
         columns: a.columns,

package/dist/index110.js

@@ -56,8 +56,8 @@ const F = /* @__PURE__ */ f({
     updateOnAnimationFrame: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(p, { emit: m }) {
-    const r = p, t = m, s = y(!1), u = g(() => r.persistentHint || s.value), h = {
+  setup(d, { emit: u }) {
+    const r = d, t = u, s = y(!1), m = g(() => r.persistentHint || s.value), h = {
       onBlur: (e) => t("blur", e),
       onChange: (e) => t("change", e),
       onClick: (e) => t("click", e),
@@ -85,14 +85,14 @@ const F = /* @__PURE__ */ f({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": u.value
+      "show-hint": m.value
     }, {
-      label: a((d) => [
-        n(e.$slots, "label", l(i(d)))
+      label: a((p) => [
+        n(e.$slots, "label", l(i(p)))
       ]),
-      input: a(({ id: d, hasErrors: c, ariaDescribedby: b }) => [
+      input: a(({ id: p, hasErrors: c, ariaDescribedby: b }) => [
         $(V, w({
-          id: d,
+          id: p,
           "allow-writing": e.allowWriting,
           "append:icon": r["append:icon"],
           "aria-describedby": b,
@@ -161,9 +161,15 @@ const F = /* @__PURE__ */ f({
           "options:append": a((o) => [
             n(e.$slots, "options:append", l(i(o)))
           ]),
+          "options:append:outer": a((o) => [
+            n(e.$slots, "options:append:outer", l(i(o)))
+          ]),
           "options:prepend": a((o) => [
             n(e.$slots, "options:prepend", l(i(o)))
           ]),
+          "options:prepend:outer": a((o) => [
+            n(e.$slots, "options:prepend:outer", l(i(o)))
+          ]),
           "prepend-outer": a((o) => [
             n(e.$slots, "prepend-outer", l(i(o)))
           ]),

package/dist/index116.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, createElementBlock as b, openBlock as _, mergeProps as a, createStaticVNode as x } from "vue";
-import { isCssColor as m } from "./index223.js";
+import { isCssColor as m } from "./index243.js";
 const d = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index122.js

@@ -8,12 +8,12 @@ import Ce from "./index14.js";
 import Be from "./index114.js";
 /* empty css         */
 import { useFrameworkDetection as Te } from "./index144.js";
-import { merge as qe } from "./index283.js";
-import { isNil as Le } from "./index252.js";
+import { merge as qe } from "./index253.js";
+import { isNil as Le } from "./index254.js";
 import { useQuery as Fe } from "./index11.js";
-import { hash as Ee } from "./index233.js";
+import { hash as Ee } from "./index229.js";
 import { isNotNil as Ne } from "./index147.js";
-import { useLogger as Pe } from "./index236.js";
+import { useLogger as Pe } from "./index232.js";
 const Ve = ["id"], Re = { class: "bb-tab__label-boundary" }, Ke = { class: "bb-tab__label" }, De = { class: "bb-tab__panes-container" }, We = ["id", "aria-labelledby", "tabindex"], rt = /* @__PURE__ */ fe({
   __name: "BbTab",
   props: {

package/dist/index124.js

@@ -1,22 +1,22 @@
 import { defineComponent as he, mergeModels as X, ref as ke, computed as u, toRef as O, useModel as Y, watch as M, reactive as ge, createBlock as Z, openBlock as s, resolveDynamicComponent as xe, normalizeClass as i, withCtx as we, createElementBlock as o, createCommentVNode as p, createElementVNode as n, toDisplayString as m, renderSlot as c, unref as v, Fragment as k, renderList as x, normalizeStyle as H, createVNode as ee, createTextVNode as Ce, mergeProps as Ie } from "vue";
 import { clamp as Ve } from "./index220.js";
-import { hash as T } from "./index233.js";
-import { isNil as w } from "./index252.js";
-import { when as $e } from "./index253.js";
+import { hash as T } from "./index229.js";
+import { isNil as w } from "./index254.js";
+import { when as $e } from "./index276.js";
 import { useId as Be } from "./index8.js";
-import { useItemValue as He } from "./index280.js";
-import { useItemsGetter as Te } from "./index246.js";
-import { usePrefill as Ae } from "./index247.js";
-import { useIndexById as le } from "./index248.js";
-import { useBaseOptions as Ne } from "./index249.js";
-import { useHashedWatcher as Le } from "./index251.js";
-import { useLocale as De } from "./index242.js";
+import { useItemValue as He } from "./index277.js";
+import { useItemsGetter as Te } from "./index262.js";
+import { usePrefill as Ae } from "./index267.js";
+import { useIndexById as le } from "./index263.js";
+import { useBaseOptions as Ne } from "./index264.js";
+import { useHashedWatcher as Le } from "./index266.js";
+import { useLocale as De } from "./index238.js";
 import ae from "./index18.js";
 /* empty css        */
 import Ee from "./index32.js";
 /* empty css        */
-import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index295.js";
-import { useLogger as Me } from "./index236.js";
+import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index278.js";
+import { useLogger as Me } from "./index232.js";
 const Fe = {
   key: 0,
   class: "sr-only"
@@ -122,10 +122,8 @@ const Fe = {
     } = Te({
       items: O(a, "items")
     }), { hasPrefilled: be } = Ae({
-      onStart: !0,
-      currentValue: a.modelValue,
-      multiple: a.multiple,
-      fn: async ({ prefill: e }) => {
+      trigger: !0,
+      fn: async (e) => {
         await K(e, a.modelValue);
       }
     }), { data: j } = le({