bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21

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

@@ -1,7 +1,7 @@
 import { BbPopoverProps, BbPopoverEvents, BbPopoverSlots, PopoverTrigger } from './types';
-export type { BbPopoverProps, BbPopoverEvents, BbPopoverSlots, PopoverTrigger };
 type __VLS_Props = BbPopoverProps;
 type __VLS_Slots = BbPopoverSlots;
+export type { BbPopoverProps, BbPopoverEvents, BbPopoverSlots, PopoverTrigger };
 type __VLS_ModelProps = {
     /**
      * Used by v-model to open / close the popover. A popover with no `v-model`
@@ -26,11 +26,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
 }>, {
+    adaptive: boolean;
     placement: import('../..').Placement | "cursor";
     offset: number;
     padding: number;
     transitionDuration: number;
-    adaptive: boolean;
     trigger: PopoverTrigger | PopoverTrigger[];
     scrollable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/BbPopover/BbPopover.vue_vue_type_script_setup_true_lang.js

@@ -1,29 +1,29 @@
-import { useId as e } from "../../composables/useId.js";
-import { useUntil as t } from "../../composables/useUntil.js";
-import { removedPropsFor as n } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as i } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as a } from "../../utilities/misc/transitions.js";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useId as t } from "../../composables/useId.js";
+import { useUntil as n } from "../../composables/useUntil.js";
+import { removedPropsFor as r } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as i } from "../../utilities/functions/warnRemovedAttrs.js";
+import { extractDomContainer as a } from "../../utilities/functions/extractDomContainer.js";
+import { transitions as o } from "../../utilities/misc/transitions.js";
 import ee from "../CommonPopover/CommonPopover.vue.js";
-import { parseWidthString as o } from "../../utilities/functions/parseWidthString.js";
-import { isTopEscapeEntry as te, pushEscapeEntry as ne, removeEscapeEntry as re } from "../../utils/overlayEscapeStack.js";
-import { useMobile as ie } from "../../composables/useMobile.js";
-import { useClosingInert as ae } from "../../composables/useClosingInert.js";
-import oe from "../BbOffCanvas/BbOffCanvas.vue.js";
-import { config as se } from "virtual:bitboss-ui/config";
-import { Fragment as ce, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as le, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as ue, normalizeClass as de, normalizeProps as fe, normalizeStyle as pe, onBeforeUnmount as me, onMounted as he, openBlock as h, ref as g, renderSlot as _, unref as v, useModel as ge, useTemplateRef as _e, watch as y, withCtx as b } from "vue";
-import { useElementSize as ve, useIntersectionObserver as ye } from "@vueuse/core";
+import { parseWidthString as te } from "../../utilities/functions/parseWidthString.js";
+import { isTopEscapeEntry as ne, pushEscapeEntry as re, removeEscapeEntry as ie } from "../../utils/overlayEscapeStack.js";
+import { useMobile as ae } from "../../composables/useMobile.js";
+import { useClosingInert as oe } from "../../composables/useClosingInert.js";
+import se from "../BbOffCanvas/BbOffCanvas.vue.js";
+import { Fragment as ce, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as le, createSlots as ue, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as de, normalizeClass as fe, normalizeProps as pe, normalizeStyle as me, onBeforeUnmount as he, onMounted as ge, openBlock as m, ref as h, renderSlot as g, unref as _, useModel as _e, useTemplateRef as ve, watch as v, withCtx as y } from "vue";
+import { useElementSize as ye, useIntersectionObserver as be } from "@vueuse/core";
 //#region src/components/BbPopover/BbPopover.vue?vue&type=script&setup=true&lang.ts
-var be = ["inert"], xe = {
+var xe = ["inert"], Se = {
 	key: 0,
 	class: "bb-popover__header"
-}, Se = { class: "bb-popover__content scrollbar-border" }, Ce = {
+}, Ce = { class: "bb-popover__content scrollbar-border" }, we = {
 	key: 1,
 	class: "bb-popover__footer"
-}, we = 500, Te = 10, x = /*@__PURE__*/ f({
+}, Te = 500, Ee = 10, b = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "BbPopover",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ f({
 		activator: {},
 		adaptive: {
 			type: Boolean,
@@ -42,7 +42,7 @@ var be = ["inert"], xe = {
 			type: Boolean,
 			default: !1
 		},
-		transitionDuration: { default: a.medium },
+		transitionDuration: { default: o.medium },
 		trigger: { default: "click" },
 		width: {}
 	}, {
@@ -52,39 +52,39 @@ var be = ["inert"], xe = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ p([
+	emits: /*@__PURE__*/ f([
 		"show",
 		"hide",
 		"shown",
 		"hidden"
 	], ["update:modelValue"]),
-	setup(a, { emit: f }) {
-		let p = ge(a, "modelValue"), x = a, S = f;
-		process.env.NODE_ENV !== "production" && r("BbPopover", n("BbPopover"));
-		let { id: Ee } = e(), C = x.id ?? Ee.value, w = `bbp_${C}`, T = g(), E = _e("popoverRef"), D = s(() => i(E.value)), O = t(p), k = s(() => x.activator != null), { isMobile: A } = ie(), j = () => (x.adaptive ?? se.adaptive) && A.value ? "canvas" : "popover", M = g(j()), N = s(() => M.value === "canvas");
-		y([
-			() => x.adaptive,
-			A,
-			p
+	setup(o, { emit: d }) {
+		let f = _e(o, "modelValue"), b = o, x = d, De = e();
+		process.env.NODE_ENV !== "production" && i("BbPopover", r("BbPopover"));
+		let { id: Oe } = t(), S = b.id ?? Oe.value, C = `bbp_${S}`, w = h(), T = ve("popoverRef"), E = s(() => a(T.value)), D = n(f), O = s(() => b.activator != null), { isMobile: k } = ae(), A = () => (b.adaptive ?? De.adaptive) && k.value ? "canvas" : "popover", j = h(A()), M = s(() => j.value === "canvas");
+		v([
+			() => b.adaptive,
+			k,
+			f
 		], () => {
-			p.value || (M.value = j());
+			f.value || (j.value = A());
 		});
-		let De = s(() => ({
+		let ke = s(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			eager: x.eager,
-			disabled: x.disabled,
-			focusTarget: x.focusTarget,
-			transitionDuration: x.transitionDuration,
-			...x.offCanvasProps,
-			...O.value && !x.offCanvasProps?.title ? { "aria-labelledby": C } : {}
-		})), Oe = () => {
-			T.value?.focus(), S("hidden");
-		}, P = s(() => {
-			let e = x.trigger;
+			eager: b.eager,
+			disabled: b.disabled,
+			focusTarget: b.focusTarget,
+			transitionDuration: b.transitionDuration,
+			...b.offCanvasProps,
+			...D.value && !b.offCanvasProps?.title ? { "aria-labelledby": S } : {}
+		})), Ae = () => {
+			w.value?.focus(), x("hidden");
+		}, N = s(() => {
+			let e = b.trigger;
 			return new Set(Array.isArray(e) ? e : [e]);
-		}), F = (e, t) => ({ getBoundingClientRect: () => ({
+		}), P = (e, t) => ({ getBoundingClientRect: () => ({
 			x: e,
 			y: t,
 			width: 0,
@@ -96,19 +96,19 @@ var be = ["inert"], xe = {
 			toJSON() {
 				return this;
 			}
-		}) }), I = g(null), ke = s(() => x.placement === "cursor" && I.value ? I.value : T.value), L, R = null, z = !1, B = () => {
-			clearTimeout(L), R = null;
-		}, V = (e) => {
-			T.value = i(e) ?? void 0;
-		}, Ae = s(() => {
-			let e = P.value;
+		}) }), F = h(null), je = s(() => b.placement === "cursor" && F.value ? F.value : w.value), I, L = null, R = !1, z = () => {
+			clearTimeout(I), L = null;
+		}, B = (e) => {
+			w.value = a(e) ?? void 0;
+		}, Me = s(() => {
+			let e = N.value;
 			return {
-				"aria-expanded": O.value ? p.value : void 0,
-				"aria-controls": O.value ? w : void 0,
+				"aria-expanded": D.value ? f.value : void 0,
+				"aria-controls": D.value ? C : void 0,
 				"aria-haspopup": "dialog",
-				id: C,
-				disabled: !!x.disabled,
-				ref: V,
+				id: S,
+				disabled: !!b.disabled,
+				ref: B,
 				...e.has("click") ? { onClick: J } : {},
 				...e.has("contextMenu") ? {
 					onContextmenu: Y,
@@ -119,143 +119,146 @@ var be = ["inert"], xe = {
 				} : {}
 			};
 		});
-		y(() => x.activator, (e) => {
-			e && V(e);
-		}, { immediate: !0 }), y([T, P], ([e, t], n, r) => {
-			if (!e || !k.value) return;
+		v(() => b.activator, (e) => {
+			e && B(e);
+		}, { immediate: !0 }), v([w, N], ([e, t], n, r) => {
+			if (!e || !O.value) return;
 			let i = [];
 			t.has("click") && (e.addEventListener("click", J), i.push(() => e.removeEventListener("click", J))), t.has("contextMenu") && (e.addEventListener("contextmenu", Y), e.addEventListener("pointerdown", X), e.addEventListener("pointermove", Z), e.addEventListener("pointerup", Q), e.addEventListener("pointercancel", Q), i.push(() => {
-				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), B();
+				e.removeEventListener("contextmenu", Y), e.removeEventListener("pointerdown", X), e.removeEventListener("pointermove", Z), e.removeEventListener("pointerup", Q), e.removeEventListener("pointercancel", Q), z();
 			})), e.setAttribute("aria-haspopup", "dialog"), r(() => {
 				i.forEach((e) => e()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
 			});
-		}, { immediate: !0 }), y([
-			T,
-			p,
-			O
+		}, { immediate: !0 }), v([
+			w,
+			f,
+			D
 		], ([e, t, n]) => {
-			!e || !k.value || !n || (e.setAttribute("id", C), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", w));
-		}, { immediate: !0 }), ye(T, ([{ intersectionRatio: e }]) => {
-			e !== 1 && p.value && !N.value && $();
+			!e || !O.value || !n || (e.setAttribute("id", S), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", C));
+		}, { immediate: !0 }), be(w, ([{ intersectionRatio: e }]) => {
+			e !== 1 && f.value && !M.value && $();
 		}, { threshold: [0, 1] });
-		let H = (e) => {
+		let V = (e) => {
 			let t = e.target;
 			if (!(t instanceof Node)) return;
-			let n = D.value?.contains(t), r = T.value?.contains(t);
+			let n = E.value?.contains(t), r = w.value?.contains(t);
 			!n && !r && $();
-		}, U = Symbol("bb-popover"), W = (e) => {
-			e.key === "Escape" && te(U) && (e.preventDefault(), e.stopImmediatePropagation(), $());
-		}, je = () => {
-			ne(U), document.addEventListener("click", H, { passive: !0 }), document.addEventListener("contextmenu", H, { passive: !0 }), document.addEventListener("keydown", W, { capture: !0 });
-		}, G = () => {
-			re(U), document.removeEventListener("click", H), document.removeEventListener("contextmenu", H), document.removeEventListener("keydown", W, { capture: !0 });
-		}, K = !1, Me = async () => {
-			if (N.value) return;
-			K = !0, S("show"), je(), await ue();
-			let e = x.focusTarget ?? "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea", t = D.value?.querySelector(e);
-			t instanceof HTMLElement && t.focus(), S("shown");
+		}, H = Symbol("bb-popover"), U = (e) => {
+			e.key === "Escape" && ne(H) && (e.preventDefault(), e.stopImmediatePropagation(), $());
 		}, Ne = () => {
-			K && (K = !1, S("hide"), G(), T.value && T.value.focus(), S("hidden"));
-		}, Pe = ae(p, () => x.transitionDuration);
-		y(p, (e) => {
-			e ? (M.value = j(), Me()) : Ne();
+			re(H), document.addEventListener("click", V, { passive: !0 }), document.addEventListener("contextmenu", V, { passive: !0 }), document.addEventListener("keydown", U, { capture: !0 });
+		}, W = () => {
+			ie(H), document.removeEventListener("click", V), document.removeEventListener("contextmenu", V), document.removeEventListener("keydown", U, { capture: !0 });
+		}, G = !1, K = async () => {
+			if (M.value) return;
+			G = !0, x("show"), Ne(), await de();
+			let e = b.focusTarget ?? "[tabindex]:not([tabindex=\"-1\"]), button, a, input, select, textarea", t = E.value?.querySelector(e);
+			t instanceof HTMLElement && t.focus(), x("shown");
+		}, Pe = () => {
+			G && (G = !1, x("hide"), W(), w.value && w.value.focus(), x("hidden"));
+		}, Fe = oe(f, () => b.transitionDuration);
+		v(f, (e) => {
+			e ? (j.value = A(), K()) : Pe();
+		}), ge(() => {
+			f.value && K();
 		}), he(() => {
-			p.value && Me();
-		}), me(() => {
-			B(), G();
+			z(), W();
 		});
 		let q = () => {
-			x.disabled || (p.value = !0);
+			b.disabled || (f.value = !0);
 		}, J = (e) => {
-			if (p.value) {
+			if (f.value) {
 				$();
 				return;
 			}
-			if (z) {
-				z = !1, e.preventDefault(), e.stopPropagation();
+			if (R) {
+				R = !1, e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			e.stopImmediatePropagation(), x.placement === "cursor" && (I.value = F(e.clientX, e.clientY)), q();
+			e.stopImmediatePropagation(), b.placement === "cursor" && (F.value = P(e.clientX, e.clientY)), q();
 		}, Y = (e) => {
-			x.disabled || (e.preventDefault(), e.stopPropagation(), !(x.placement === "cursor" && (I.value = F(e.clientX, e.clientY), p.value)) && (p.value ? $() : q()));
+			b.disabled || (e.preventDefault(), e.stopPropagation(), !(b.placement === "cursor" && (F.value = P(e.clientX, e.clientY), f.value)) && (f.value ? $() : q()));
 		}, X = (e) => {
-			x.disabled || e.pointerType === "mouse" || (z = !1, R = {
+			b.disabled || e.pointerType === "mouse" || (R = !1, L = {
 				x: e.clientX,
 				y: e.clientY
-			}, L = setTimeout(() => {
-				z = !0, x.placement === "cursor" && R && (I.value = F(R.x, R.y)), R = null, q();
-			}, we));
+			}, I = setTimeout(() => {
+				R = !0, b.placement === "cursor" && L && (F.value = P(L.x, L.y)), L = null, q();
+			}, Te));
 		}, Z = (e) => {
-			if (!R) return;
-			let t = e.clientX - R.x, n = e.clientY - R.y;
-			Math.sqrt(t * t + n * n) > Te && B();
+			if (!L) return;
+			let t = e.clientX - L.x, n = e.clientY - L.y;
+			Math.sqrt(t * t + n * n) > Ee && z();
 		}, Q = () => {
-			B();
+			z();
 		}, $ = () => {
-			p.value = !1;
-		}, Fe = s(() => {
-			if (!x.width) return !1;
-			let { unit: e } = o(x.width);
+			f.value = !1;
+		}, Ie = s(() => {
+			if (!b.width) return !1;
+			let { unit: e } = te(b.width);
 			return e === "%";
-		}), { width: Ie } = ve(s(() => Fe.value ? T.value : void 0), {
+		}), { width: Le } = ye(s(() => Ie.value ? w.value : void 0), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), Le = s(() => {
-			if (!x.width) return;
-			let { value: e, unit: t } = o(x.width);
-			return t === "%" && T.value ? `${Ie.value * (e / 100)}px` : `${e}px`;
+		}, { box: "border-box" }), Re = s(() => {
+			if (!b.width) return;
+			let { value: e, unit: t } = te(b.width);
+			return t === "%" && w.value ? `${Le.value * (e / 100)}px` : `${e}px`;
 		});
-		return (e, t) => (h(), u(ce, null, [k.value ? l("", !0) : _(e.$slots, "activator", fe(m({ key: 0 }, {
-			props: Ae.value,
+		return (e, t) => (m(), u(ce, null, [O.value ? l("", !0) : g(e.$slots, "activator", pe(p({ key: 0 }, {
+			props: Me.value,
 			disabled: !!e.disabled,
-			isOpen: p.value,
+			isOpen: f.value,
 			placement: e.placement
-		}))), N.value ? (h(), c(oe, m({
+		}))), M.value ? (m(), c(se, p({
 			key: 1,
-			id: w,
-			modelValue: p.value,
-			"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
+			id: C,
+			modelValue: f.value,
+			"onUpdate:modelValue": t[0] ||= (e) => f.value = e,
 			class: "bb-popover-offcanvas"
-		}, De.value, {
-			onHidden: Oe,
-			onHide: t[1] ||= (e) => S("hide"),
-			onShow: t[2] ||= (e) => S("show"),
-			onShown: t[3] ||= (e) => S("shown")
-		}), le({
-			default: b(() => [_(e.$slots, "default", {
+		}, {
+			...e.$attrs,
+			...ke.value
+		}, {
+			onHidden: Ae,
+			onHide: t[1] ||= (e) => x("hide"),
+			onShow: t[2] ||= (e) => x("show"),
+			onShown: t[3] ||= (e) => x("shown")
+		}), ue({
+			default: y(() => [g(e.$slots, "default", {
 				close: $,
 				disabled: !!e.disabled,
-				open: p.value,
+				open: f.value,
 				placement: e.placement
 			})]),
 			_: 2
 		}, [e.$slots.header ? {
 			name: "header",
-			fn: b(() => [_(e.$slots, "header", {
+			fn: y(() => [g(e.$slots, "header", {
 				close: $,
 				disabled: !!e.disabled,
-				open: p.value,
+				open: f.value,
 				placement: e.placement
 			})]),
 			key: "0"
 		} : void 0, e.$slots.footer ? {
 			name: "footer",
-			fn: b(() => [_(e.$slots, "footer", {
+			fn: y(() => [g(e.$slots, "footer", {
 				close: $,
 				disabled: !!e.disabled,
-				open: p.value,
+				open: f.value,
 				placement: e.placement
 			})]),
 			key: "1"
-		} : void 0]), 1040, ["modelValue"])) : (h(), c(ee, m({
+		} : void 0]), 1040, ["modelValue"])) : (m(), c(ee, p({
 			key: 2,
-			id: w,
+			id: C,
 			ref_key: "popoverRef",
-			ref: E,
-			modelValue: p.value,
-			"onUpdate:modelValue": t[4] ||= (e) => p.value = e,
-			anchor: ke.value,
-			"aria-labelledby": v(O) ? v(C) : void 0,
+			ref: T,
+			modelValue: f.value,
+			"onUpdate:modelValue": t[4] ||= (e) => f.value = e,
+			anchor: je.value,
+			"aria-labelledby": _(D) ? _(S) : void 0,
 			boundary: e.boundary,
 			class: "bb-popover",
 			dialog: "",
@@ -264,33 +267,33 @@ var be = ["inert"], xe = {
 			offset: e.offset,
 			padding: e.padding,
 			placement: e.placement === "cursor" ? "bottom-start" : e.placement,
-			style: { width: Le.value },
+			style: { width: Re.value },
 			"transition-duration": e.transitionDuration
 		}, e.$attrs), {
-			default: b(({ availableHeight: t }) => [d("span", {
-				class: de(["bb-popover__panel", { "bb-popover__panel--scrollable": e.scrollable }]),
-				inert: v(Pe),
-				style: pe({ "--max-h": e.scrollable && t != null ? `${t}px` : void 0 })
+			default: y(({ availableHeight: t }) => [le("div", {
+				class: fe(["bb-popover__panel", { "bb-popover__panel--scrollable": e.scrollable }]),
+				inert: _(Fe),
+				style: me({ "--max-h": e.scrollable && t != null ? `${t}px` : void 0 })
 			}, [
-				e.$slots.header ? (h(), u("span", xe, [_(e.$slots, "header", {
+				e.$slots.header ? (m(), u("div", Se, [g(e.$slots, "header", {
 					close: $,
 					disabled: !!e.disabled,
-					open: p.value,
+					open: f.value,
 					placement: e.placement
 				})])) : l("", !0),
-				d("span", Se, [_(e.$slots, "default", {
+				le("div", Ce, [g(e.$slots, "default", {
 					close: $,
 					disabled: !!e.disabled,
-					open: p.value,
+					open: f.value,
 					placement: e.placement
 				})]),
-				e.$slots.footer ? (h(), u("span", Ce, [_(e.$slots, "footer", {
+				e.$slots.footer ? (m(), u("div", we, [g(e.$slots, "footer", {
 					close: $,
 					disabled: !!e.disabled,
-					open: p.value,
+					open: f.value,
 					placement: e.placement
 				})])) : l("", !0)
-			], 14, be)]),
+			], 14, xe)]),
 			_: 3
 		}, 16, [
 			"modelValue",
@@ -307,4 +310,4 @@ var be = ["inert"], xe = {
 	}
 });
 //#endregion
-export { x as default };
+export { b as default };

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

@@ -55,7 +55,7 @@ export type BbPopoverProps = {
     /**
      * Overrides forwarded to the underlying `BbOffCanvas` when `adaptive` renders
      * the sheet on mobile. Merged over the adaptive defaults
-     * (`direction: 'bottom'`, `size: 'auto'`, `draggable: true`). Ignored when
+     * (`side: 'bottom'`, `size: 'auto'`, `draggable: true`). Ignored when
      * `adaptive` is `false`.
      */
     offCanvasProps?: Partial<BbOffCanvasProps>;
@@ -67,7 +67,8 @@ export type BbPopoverProps = {
     padding?: number;
     /**
      * Position of the popover relative to the activator.
-     * Use `'cursor'` to anchor at the mouse/touch coordinates (hides arrow).
+     * Use `'cursor'` to anchor at the mouse/touch coordinates.
+     * (BbPopover never draws an arrow — arrows are tooltip-only in v3.)
      *
      * @defaultValue `'bottom'`
      */

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

@@ -68,7 +68,9 @@ export type BbRadioGroupProps<T> = {
      */
     hasWarning?: boolean;
     /**
-     * Visually hides the label of the input while maintaining accessibility.
+     * Visually hides each option's label text (the text rendered next to every
+     * input) while keeping it accessible to screen readers.
+     * Does not affect the fieldset legend — use `hideLegend` for that.
      */
     hideLabel?: boolean;
     /**

package/dist/components/BbSelect/BbSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import { removedPropsFor as e } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as t } from "../../utilities/functions/warnRemovedAttrs.js";
-import { useMobile as n } from "../../composables/useMobile.js";
-import r from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
-import { isNotEmpty as i } from "../../utilities/functions/isNotEmpty.js";
-import a from "../BbBaseSelect/BbBaseSelect.vue.js";
-import { config as o } from "virtual:bitboss-ui/config";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { removedPropsFor as t } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as n } from "../../utilities/functions/warnRemovedAttrs.js";
+import { useMobile as r } from "../../composables/useMobile.js";
+import i from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
+import { isNotEmpty as a } from "../../utilities/functions/isNotEmpty.js";
+import o from "../BbBaseSelect/BbBaseSelect.vue.js";
 import { computed as s, createBlock as c, createSlots as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, ref as g, renderSlot as _, unref as v, withCtx as y } from "vue";
 //#region src/components/BbSelect/BbSelect.vue?vue&type=script&setup=true&lang.ts
 var b = /*@__PURE__*/ d({
@@ -85,55 +85,58 @@ var b = /*@__PURE__*/ d({
 		"option:add"
 	],
 	setup(d, { emit: b }) {
-		let x = d, S = b;
-		process.env.NODE_ENV !== "production" && t("BbSelect", e("BbSelect"));
-		let C = g(!1), { isMobile: w } = n(), T = s(() => x.persistentHint || C.value), E = s(() => !!x.clearable && i(x.modelValue)), D = s(() => i(x.modelValue)), O = s(() => x.labelMode ?? o.defaultInputLabelMode), k = {
+		let x = d, S = b, C = e();
+		process.env.NODE_ENV !== "production" && n("BbSelect", t("BbSelect"));
+		let w = g(!1), { isMobile: T } = r(), E = s(() => x.persistentHint || w.value), D = s(() => !!x.clearable && a(x.modelValue)), O = s(() => a(x.modelValue)), k = s(() => x.labelMode ?? C.defaultInputLabelMode), A = s(() => ({
+			title: x.label,
+			...x.offCanvasProps
+		})), j = {
 			onBlur: (e) => {
-				C.value = !1, S("blur", e);
+				w.value = !1, S("blur", e);
 			},
 			onChange: (e) => S("change", e),
 			onClick: (e) => S("click", e),
 			"onOption:add": (e) => S("option:add", e),
 			onFocus: (e) => {
-				C.value = !0, S("focus", e);
+				w.value = !0, S("focus", e);
 			},
 			onActive: () => {
-				C.value = !0, S("active");
+				w.value = !0, S("active");
 			},
 			onInactive: () => {
-				C.value = !1, S("inactive");
+				w.value = !1, S("inactive");
 			},
 			onInput: (e) => S("input", e),
 			"onUpdate:modelValue": (e) => S("update:modelValue", e)
 		};
-		return (e, t) => (h(), c(r, {
+		return (e, t) => (h(), c(i, {
 			id: e.id,
 			class: "bb-select",
-			clearable: E.value,
+			clearable: D.value,
 			compact: e.compact,
 			description: e.description,
 			direction: e.direction,
 			disabled: e.disabled,
 			errors: e.errors,
 			"has-errors": e.hasErrors,
-			"has-value": D.value,
+			"has-value": O.value,
 			"has-warning": e.hasWarning,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
 			label: e.label,
-			"label-mode": O.value,
+			"label-mode": k.value,
 			"label-position": e.labelPosition,
 			loading: e.loading,
-			mobile: v(w),
+			mobile: v(T),
 			"model-value": e.modelValue,
 			name: e.name,
 			readonly: e.readonly,
 			reverse: e.reverse,
-			"show-hint": T.value,
+			"show-hint": E.value,
 			warnings: e.warnings
 		}, {
 			label: y((t) => [_(e.$slots, "label", m(f(t)))]),
-			input: y(({ id: t, hasErrors: n, hasWarning: r, ariaDescribedby: i }) => [u(a, p({
+			input: y(({ id: t, hasErrors: n, hasWarning: r, ariaDescribedby: i }) => [u(o, p({
 				id: t,
 				adaptive: e.adaptive,
 				"append:icon": x["append:icon"],
@@ -166,7 +169,7 @@ var b = /*@__PURE__*/ d({
 				multiple: e.multiple,
 				name: e.name,
 				"no-data-text": e.noDataText,
-				"off-canvas-props": e.offCanvasProps,
+				"off-canvas-props": A.value,
 				placeholder: e.placeholder,
 				prefill: e.prefill,
 				"prepend:icon": x["prepend:icon"],
@@ -177,7 +180,7 @@ var b = /*@__PURE__*/ d({
 				"selected-labels-fn": e.selectedLabelsFn,
 				stash: e.stash,
 				"transition-duration": e.transitionDuration
-			}, k), l({
+			}, j), l({
 				"append-outer": y((t) => [_(e.$slots, "append-outer", m(f(t)))]),
 				append: y((t) => [_(e.$slots, "append", m(f(t)))]),
 				prepend: y((t) => [_(e.$slots, "prepend", m(f(t)))]),
@@ -186,6 +189,7 @@ var b = /*@__PURE__*/ d({
 				"no-data": y((t) => [_(e.$slots, "no-data", m(f(t)))]),
 				option: y((t) => [_(e.$slots, "option", m(f(t)))]),
 				group: y((t) => [_(e.$slots, "group", m(f(t)))]),
+				chip: y((t) => [_(e.$slots, "chip", m(f(t)))]),
 				_: 2
 			}, [
 				e.$slots.header ? {