bitboss-ui 2.1.117 → 2.1.119

package/dist/ai/BbSelectPopover.md

@@ -26,6 +26,7 @@
 	/>
 	<CommonPopover
 		v-model="shown"
+		v-bind="$attrs"
 		:anchor="activatorEl"
 		:arrow-padding="arrowPadding"
 		:boundary="boundary"
@@ -192,354 +193,11 @@ import CommonPopover from '../CommonPopover/CommonPopover.vue';
 import ErrorIcon from '../ErrorIcon/ErrorIcon.vue';
 import ListBox from '../ListBox/ListBox.vue';
 import { waitFor } from '@/utilities/functions/waitFor';
-
-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> = {
-	/**
-	 * Replaces the default trigger element that opens the select popover.
-	 * @param props - Bind these onto the activator element with `v-bind="props"` to wire up the popover reference.
-	 * @param shown - Whether the popover is currently open.
-	 * @param disabled - Whether the select is disabled.
-	 * @param readonly - Whether the select is read-only.
-	 * @param loading - Whether options are currently being fetched.
-	 * @param query - The current search query string.
-	 * @param clear - Clears the current selection and query.
-	 * @param open - Opens the popover.
-	 * @param close - Closes the popover.
-	 * @param toggle - Toggles the popover open/closed.
-	 */
-	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;
-	/**
-	 * Content shown inside the options dropdown while items are loading.
-	 * @param query - The current search query string.
-	 */
-	loading?: (props: { query: string }) => any;
-	/**
-	 * Content shown when no options match the query or the list is empty.
-	 * @param query - The current search query string.
-	 * @param focus - Focuses the internal search input.
-	 */
-	'no-data'?: (props: { query: string; focus: () => void }) => any;
-	/**
-	 * Replaces the default rendering of each option row in the dropdown.
-	 * @param disabled - Whether this option is disabled.
-	 * @param focused - Whether this option currently has keyboard focus.
-	 * @param index - Zero-based index of this option in the list.
-	 * @param item - The raw item from the `items` prop.
-	 * @param loading - Whether items are still being fetched.
-	 * @param selected - Whether this option is currently selected.
-	 * @param text - The resolved display text for this option.
-	 * @param value - The resolved value for this option.
-	 */
-	option?: (props: {
-		disabled: boolean;
-		focused: boolean;
-		index: number;
-		item: Item;
-		loading: boolean;
-		selected: boolean;
-		text: string;
-		value: any;
-	}) => any;
-	/**
-	 * Replaces the default group header rendered above grouped options.
-	 * @param text - The display text for this group.
-	 * @param item - The raw group item.
-	 * @param index - Zero-based index of the first option in this group.
-	 * @param length - Number of options in this group.
-	 * @param disabled - Whether all options in this group are disabled.
-	 */
-	group?: (props: {
-		text: string;
-		item: Item;
-		index: number;
-		length: number;
-		disabled: boolean;
-	}) => any;
-	/**
-	 * Content appended inside the options list, after the last option.
-	 * @param focus - Focuses the internal search input.
-	 */
-	'options:append'?: (props: { focus: () => void }) => any;
-	/**
-	 * Content appended outside the options list container.
-	 * @param focus - Focuses the internal search input.
-	 */
-	'options:append:outer'?: (props: { focus: () => void }) => any;
-	/**
-	 * Content prepended inside the options list, before the first option.
-	 * @param focus - Focuses the internal search input.
-	 */
-	'options:prepend'?: (props: { focus: () => void }) => any;
-	/**
-	 * Content prepended outside the options list container.
-	 * @param focus - Focuses the internal search input.
-	 */
-	'options:prepend:outer'?: (props: { focus: () => void }) => any;
-};
+import type {
+	BbSelectPopoverEvents,
+	BbSelectPopoverProps,
+	BbSelectPopoverSlots,
+} from './types';
 
 const props = withDefaults(defineProps<BbSelectPopoverProps<Item>>(), {
 	allowWriting: true,
@@ -564,6 +222,7 @@ const props = withDefaults(defineProps<BbSelectPopoverProps<Item>>(), {
 const emit = defineEmits<BbSelectPopoverEvents>();
 
 defineSlots<BbSelectPopoverSlots<Item>>();
+defineOptions({ inheritAttrs: false });
 
 if (props.multiple && !Array.isArray(props.modelValue)) {
 	throw new Error('Multiple is set to "true" but modelValue is not an array.');

package/dist/ai/BbSlider.md

@@ -63,7 +63,6 @@ import BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';
 import BaseSlider from '../BaseSlider/BaseSlider.vue';
 import { ref, computed } from 'vue';
 import type { BbSliderProps, BbSliderEvents, BbSliderSlots } from './types';
-export type { BbSliderProps, BbSliderEvents, BbSliderSlots };
 
 const props = withDefaults(defineProps<BbSliderProps>(), {
 	thumbTranslate: true,

package/dist/ai/BbSmoothHeight.md

@@ -18,7 +18,6 @@
 
 <script setup lang="ts">
 import type { BbSmoothHeightProps, BbSmoothHeightSlots } from './types';
-export type { BbSmoothHeightProps, BbSmoothHeightSlots };
 import { ref, onMounted, onBeforeUnmount } from 'vue';
 
 const props = withDefaults(defineProps<BbSmoothHeightProps>(), {

package/dist/ai/BbSpinner.md

@@ -29,7 +29,6 @@ import { computed } from 'vue';
 import { isCssColor } from '@/utilities/functions/isCssColor';
 import type { Classes } from '@/types/Classes';
 import type { BbSpinnerProps, Size as IconSize } from './types';
-export type { BbSpinnerProps, Size } from './types';
 
 const props = withDefaults(defineProps<BbSpinnerProps>(), {
 	size: 'md',

package/dist/ai/BbSwitch.md

@@ -54,7 +54,6 @@ import BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';
 import BaseSwitch from '../BaseSwitch/BaseSwitch.vue';
 import { computed, ref } from 'vue';
 import type { BbSwitchProps, BbSwitchEvents, BbSwitchSlots } from './types';
-export type { BbSwitchProps, BbSwitchEvents, BbSwitchSlots };
 
 const props = withDefaults(defineProps<BbSwitchProps>(), {
 	direction: 'auto',

package/dist/ai/BbSwitchGroup.md

@@ -79,7 +79,6 @@ import type {
 	BbSwitchGroupEvents,
 	BbSwitchGroupSlots,
 } from './types';
-export type { BbSwitchGroupProps, BbSwitchGroupEvents, BbSwitchGroupSlots };
 
 const props = withDefaults(defineProps<BbSwitchGroupProps<T>>(), {
 	inputPosition: 'left',

package/dist/ai/BbTab.md

@@ -128,13 +128,6 @@ import type {
 	BbTabInertiaOptions,
 	BbTabSlots,
 } from './types';
-export type {
-	BbTabProps,
-	BbTabEvents,
-	BbTabItem,
-	BbTabInertiaOptions,
-	BbTabSlots,
-} from './types';
 
 const props = withDefaults(defineProps<BbTabProps<K>>(), {
 	animateX: true,

package/dist/ai/BbTag.md

@@ -67,7 +67,6 @@ import BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';
 import BaseTag from '../BaseTag/BaseTag.vue';
 import { ref, computed } from 'vue';
 import type { BbTagProps, BbTagEvents, BbTagSlots } from './types';
-export type { BbTagProps, BbTagEvents, BbTagSlots };
 
 const props = withDefaults(defineProps<BbTagProps>(), {
 	multiple: true,

package/dist/ai/BbTextInput.md

@@ -67,7 +67,6 @@ import type {
 	BbTextInputEvents,
 	BbTextInputSlots,
 } from './types';
-export type { BbTextInputProps, BbTextInputEvents, BbTextInputSlots };
 
 const props = defineProps<BbTextInputProps>();
 

package/dist/ai/BbTextarea.md

@@ -62,7 +62,6 @@ import type {
 	BbTextareaEvents,
 	BbTextareaSlots,
 } from './types';
-export type { BbTextareaProps, BbTextareaEvents, BbTextareaSlots };
 
 const props = defineProps<BbTextareaProps>();
 

package/dist/ai/BbToast.md

@@ -23,7 +23,6 @@ const { dismiss } = useToast();
 
 import BbToastMessage from './BbToastMessage.vue';
 import type { BbToastProps } from './types';
-export type { BbToastProps };
 
 withDefaults(defineProps<BbToastProps>(), {
 	placement: 'bottom',

package/dist/ai/BbTooltip.md

@@ -65,7 +65,6 @@ import { useElementSize } from '@vueuse/core';
 import { extractDomContainer } from '@/utilities/functions/extractDomContainer';
 import { parseWidthString } from '@/utilities/functions/parseWidthString';
 import type { BbTooltipProps, BbTooltipSlots } from './types';
-export type { BbTooltipProps, BbTooltipSlots };
 
 const props = withDefaults(defineProps<BbTooltipProps>(), {
 	arrowPadding: 10,

package/dist/ai/BbTree.md

@@ -100,7 +100,6 @@
 import { flattenTree } from '@/utilities/functions/flattenTree';
 import { computed } from 'vue';
 import type { BbTreeProps, TreeItem, BbTreeSlots } from './types';
-export type { BbTreeProps, TreeItem, BbTreeSlots };
 
 const props = withDefaults(defineProps<BbTreeProps>(), {
 	identifier: 'id',

package/dist/ai/ChipsBox.md

@@ -27,7 +27,6 @@ import { watch } from 'vue';
 import BbChip from '../BbChip/BbChip.vue';
 import type { Option } from '@/types/Option';
 import type { ChipsBoxProps, ChipsBoxEvents } from './types';
-export type { ChipsBoxProps, ChipsBoxEvents };
 
 const props = defineProps<ChipsBoxProps>();
 

package/dist/ai/ClearableButton.md

@@ -24,16 +24,6 @@
 
 <script setup lang="ts">
 import { useLocale } from '@/composables/useLocale';
-import type {
-	ClearableButtonProps,
-	ClearableButtonEvents,
-	ClearableButtonSlots,
-} from './types';
-export type {
-	ClearableButtonProps,
-	ClearableButtonEvents,
-	ClearableButtonSlots,
-};
 
 const { t } = useLocale();
 </script>

package/dist/ai/CommaBox.md

@@ -27,7 +27,6 @@ import { ref } from 'vue';
 import { watch } from 'vue';
 import type { Option } from '@/types/Option';
 import type { CommaBoxProps, CommaBoxEvents } from './types';
-export type { CommaBoxProps, CommaBoxEvents };
 
 const props = defineProps<CommaBoxProps>();
 

package/dist/ai/CommonInputInnerContainer.md

@@ -54,11 +54,6 @@ import type {
 	CommonInputInnerContainerEvents,
 	CommonInputInnerContainerSlots,
 } from './types';
-export type {
-	CommonInputInnerContainerProps,
-	CommonInputInnerContainerEvents,
-	CommonInputInnerContainerSlots,
-};
 
 const props = defineProps<CommonInputInnerContainerProps>();
 

package/dist/ai/CommonInputOuterContainer.md

@@ -13,7 +13,6 @@
 
 <script setup lang="ts">
 import type { CommonInputOuterContainerSlots } from './types';
-export type { CommonInputOuterContainerSlots };
 
 defineSlots<CommonInputOuterContainerSlots>();
 </script>

package/dist/ai/CommonPopover.md

@@ -48,8 +48,6 @@ import {
 } from '@floating-ui/vue';
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import type { CommonPopoverProps, CommonPopoverSlots } from './types';
-export type { CommonPopoverProps, CommonPopoverSlots };
-export type { CommonPopoverProps as BubbleProps } from './types';
 
 const props = withDefaults(defineProps<CommonPopoverProps>(), {
 	transitionDuration: 250,

package/dist/ai/ErrorIcon.md

@@ -31,10 +31,7 @@
 	</svg>
 </template>
 
-<script setup lang="ts">
-import type { ErrorIconProps, ErrorIconEvents, ErrorIconSlots } from './types';
-export type { ErrorIconProps, ErrorIconEvents, ErrorIconSlots };
-</script>
+<script setup lang="ts"></script>
 
 <style lang="postcss">
 @import './index.css';

package/dist/ai/FlatListBox.md

@@ -112,7 +112,6 @@ import type {
 	FlatListBoxEvents,
 	FlatListBoxSlots,
 } from './types';
-export type { FlatListBoxProps, FlatListBoxEvents, FlatListBoxSlots };
 import { hash } from '@/utilities/functions/hash';
 import { useLocale } from '@/composables/useLocale';
 import { useListboxFocus } from '@/composables/useListboxFocus';

package/dist/ai/GroupedListBox.md

@@ -150,7 +150,6 @@ import type {
 	GroupedListBoxEvents,
 	GroupedListBoxSlots,
 } from './types';
-export type { GroupedListBoxProps, GroupedListBoxEvents, GroupedListBoxSlots };
 import { useLocale } from '@/composables/useLocale';
 import { useListboxFocus } from '@/composables/useListboxFocus';
 import { indexBy } from '@/utilities/functions/indexBy';

package/dist/ai/ListBox.md

@@ -61,7 +61,6 @@ import type {
 	ListBoxEvents,
 	ListBoxSlots,
 } from './types';
-export type { ListBoxExposed, ListBoxProps, ListBoxEvents, ListBoxSlots };
 import FlatListBox from '../FlatListBox/FlatListBox.vue';
 import GroupedListBox from '../GroupedListBox/GroupedListBox.vue';
 

package/dist/ai/OptionsContainer.md

@@ -77,9 +77,7 @@
 
 <script setup lang="ts" generic="T = any">
 import { useLocale } from '@/composables/useLocale';
-import type { Option } from '@/types/Option';
 import type { OptionsContainerProps, OptionsContainerSlots } from './types';
-export type { OptionsContainerProps, OptionsContainerSlots };
 
 const props = defineProps<OptionsContainerProps<T>>();
 

package/dist/components/BaseRating/types.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, HTMLAttributes } from 'vue';
-import { BbIconProps } from '../BbIcon/BbIcon.vue';
+import { BbIconProps } from '../BbIcon/types';
 /**
  * Props for the star rating input component with customizable star count and visual feedback.
  */

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

@@ -1,7 +1,6 @@
 import { nextTick } from 'vue';
 import { Option as BaseOption } from '../../types/Option';
-import { BaseTagProps, BaseTagEvents, BaseTagSlots } from './types';
-export type { BaseTagProps, BaseTagEvents, BaseTagSlots };
+import { BaseTagProps, BaseTagSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseTagSlots> & BaseTagSlots;

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

@@ -1,5 +1,4 @@
-import { BbAccordionProps, BbAccordionEvents, BbAccordionSlots } from './types';
-export type { BbAccordionProps, BbAccordionEvents, BbAccordionSlots };
+import { BbAccordionProps, BbAccordionSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbAccordionSlots> & BbAccordionSlots;

package/dist/components/BbAccordion/types.d.ts

@@ -1,4 +1,4 @@
-import { BbCollapsibleProps } from '../BbCollapsible/BbCollapsible.vue';
+import { BbCollapsibleProps } from '../BbCollapsible/types';
 import { CommonProps } from '../../types/CommonProps';
 export type BbAccordionProps = Pick<BbCollapsibleProps, 'eager' | 'transitionDuration'> & {
     /**

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

@@ -1,5 +1,4 @@
-import { BbAlertProps, BbAlertEvents, BbAlertSlots } from './types';
-export type { BbAlertProps, BbAlertEvents, BbAlertSlots };
+import { BbAlertProps, BbAlertSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbAlertSlots> & BbAlertSlots;

package/dist/components/BbAlert/types.d.ts

@@ -1,5 +1,5 @@
 import { CommonProps } from '../../types/CommonProps';
-import { BbIconProps } from '../BbIcon/BbIcon.vue';
+import { BbIconProps } from '../BbIcon/types';
 export type BbAlertProps = Pick<CommonProps, 'closeLabel' | 'showClose' | 'text' | 'theme' | 'title'> & {
     /**
      * Name of the icon to use.

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

@@ -1,5 +1,4 @@
 import { BbAvatarProps, BbAvatarSlots } from './types';
-export type { BbAvatarProps, BbAvatarSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbAvatarSlots> & BbAvatarSlots;

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

@@ -1,5 +1,4 @@
 import { BbBadgeProps, BbBadgeSlots } from './types';
-export type { BbBadgeProps, BbBadgeSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbBadgeSlots> & BbBadgeSlots;