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

package/dist/ai/index.md

@@ -215,40 +215,40 @@ Do not use these components directly in consumer code unless the user explicitly
 - [Installation and Plugin Setup](./guides/installation-and-plugin-setup.md) - Canonical installation, style handling, and full plugin option reference for Vite, Nuxt, and Inertia consumers.
 - [Migration v2 → v3](./guides/migration/v2-to-v3.md) - Complete upgrade guide from bitboss-ui 2.x to 3.0 — plugin-based setup, token overhaul, variant registries, global behavioral changes, and the silent-failure audit playbook.
 - [Migration v2→v3: BbAlert](./guides/migration/components/bb-alert.md) - showClose inverted to hideClose, theme replaced by typed variant.
-- [Migration v2→v3: BbAvatar](./guides/migration/components/bb-avatar.md) - The color prop is removed — the initials fallback is always primary.
+- [Migration v2→v3: BbAvatar](./guides/migration/components/bb-avatar.md) - The color prop is removed — retheme the fallback through the --bg-color / --text-color locals.
 - [Migration v2→v3: BbBadge (and where your v2 badges went)](./guides/migration/components/bb-badge.md) - The v2 BbBadge (floating count/dot) is now BbIndicator; the v3 BbBadge is a new inline pill that also replaces BbChip.
 - [Migration v2→v3: BbBreadcrumbs](./guides/migration/components/bb-breadcrumbs.md) - Item keys must be strings, the text divider prop is gone, per-item slot names are normalized.
 - [Migration v2→v3: BbButton](./guides/migration/components/bb-button.md) - Async click handlers now auto-track loading (behavior flip), built-in tooltip props removed, variant locked to the registry.
 - [Migration v2→v3: BbCheckbox / BbRadio / BbSwitch](./guides/migration/components/bb-checkbox.md) - reverse polarity inverted (explicit values flip, default layout unchanged), checked narrowed to boolean, color removed, BbRadio's name no longer required.
-- [Migration v2→v3: BbCheckboxGroup / BbRadioGroup / BbSwitchGroup](./guides/migration/components/bb-checkbox-group.md) - labelPosition renamed legendPosition, per-item disabled is now inert (use selectable), color and the option affix slots removed, BbRadioGroup's name no longer required.
+- [Migration v2→v3: BbCheckboxGroup / BbRadioGroup / BbSwitchGroup](./guides/migration/components/bb-checkbox-group.md) - labelPosition renamed legendPosition, per-item disabled is now inert (use selectable), color and the option affix slots removed, BbRadioGroup's name no longer required, and the shared bb-cr-container CSS block split into one per group.
 - [Migration v2→v3: BbChip (removed)](./guides/migration/components/bb-chip.md) - BbChip is gone — BbBadge with clearable is the replacement; non-clearable chips were badges all along.
 - [Migration v2→v3: BbCollapsible](./guides/migration/components/bb-collapsible.md) - The tag prop is removed; the root is always a div.
 - [Migration v2→v3: BbColorInput](./guides/migration/components/bb-color-input.md) - picker renamed to eyeDropper.
 - [Migration v2→v3: BbColorPalette](./guides/migration/components/bb-color-palette.md) - flip inverted to disableFlip, showArrow removed, picker renamed eyeDropper, update:open dropped, model updates never emit null.
 - [Migration v2→v3: BbDatePickerInput](./guides/migration/components/bb-date-picker-input.md) - allowWriting inverted to disableWriting and hidePopover renamed to disableCalendar, both with a changed token set; the width prop is removed; adaptive mobile sheet by default; non-floating output carries the local offset instead of UTC `Z` (new `utc` prop restores v2 output).
-- [Migration v2→v3: BbDialog](./guides/migration/components/bb-dialog.md) - showClose inverted to hideClose, several presentation props removed, default widths changed, adaptive bottom sheet on mobile by default.
+- [Migration v2→v3: BbDialog](./guides/migration/components/bb-dialog.md) - showClose inverted to hideClose, several presentation props and the #close/#description slots removed, default widths changed, adaptive bottom sheet on mobile by default, --bb-dialog-* tokens replaced by --bb-panel-p plus locals.
 - [Migration v2→v3: BbDropdown](./guides/migration/components/bb-dropdown.md) - Items now expect text as the label and can carry variants/submenus; arrowPadding removed; adaptive mobile sheet on by default.
 - [Migration v2→v3: BbDropdownButton](./guides/migration/components/bb-dropdown-button.md) - autoLoading renamed to disableAutoLoading, disabledWhileLoading and theme removed.
 - [Migration v2→v3: BbDropzone](./guides/migration/components/bb-dropzone.md) - modelValue is typed, accept no longer throws and takes bare tokens, and the hidden native-submit input only renders when name is set.
 - [Migration v2→v3: BbIcon](./guides/migration/components/bb-icon.md) - The required prop is renamed type→icon, color is removed, and the xxl size key becomes 2xl.
 - [Migration v2→v3: BbIntersection](./guides/migration/components/bb-intersection.md) - Removed with no replacement — it wrapped IntersectionObserver and carried no styling; use @vueuse/core's useIntersectionObserver.
-- [Migration v2→v3: BbOffCanvas](./guides/migration/components/bb-offcanvas.md) - direction→side; showClose→hideClose; size defaults change; adaptive drawer configs unify on offCanvasProps.
+- [Migration v2→v3: BbOffCanvas](./guides/migration/components/bb-offcanvas.md) - direction→side; showClose→hideClose; description and the #close/#description slots removed; size defaults change; adaptive drawer configs unify on offCanvasProps.
 - [Migration v2→v3: BbPagination](./guides/migration/components/bb-pagination.md) - querykey renamed to queryKey; the loading prop is removed.
 - [Migration v2→v3: BbPopover](./guides/migration/components/bb-popover.md) - Built-in close button, restoreFocus, theme, and the arrow are gone; close affordances move into your content.
-- [Migration v2→v3: BbRating](./guides/migration/components/bb-rating.md) - color removed; name no longer required.
+- [Migration v2→v3: BbRating](./guides/migration/components/bb-rating.md) - color removed; name no longer required; the star state modifier renamed --highlighted to --filled/--empty; --bb-rating-size demoted to a local --size; input-position finally works.
 - [Migration v2→v3: BbSelect](./guides/migration/components/bb-select.md) - allowWriting inverted to disableWriting, filterBy narrowed to string[], prefill value renamed, chevron/options slots removed, and two behavior changes (second click, mount-time coherence).
 - [Migration v2→v3: BbSelectPopover](./guides/migration/components/bb-select-popover.md) - flip and allowWriting inverted, arrow props removed, filterBy narrowed, options slots replaced by header/footer; shares BbSelect's behavior changes.
 - [Migration v2→v3: BbSlider](./guides/migration/components/bb-slider.md) - thumbTranslate inverted to disableThumbTranslate; string model values and color removed.
 - [Migration v2→v3: BbSmoothHeight](./guides/migration/components/bb-smooth-height.md) - The `tag` prop is narrowed to `div | span`, and the inner measuring element now mirrors it instead of always being a `<div>`.
 - [Migration v2→v3: BbSpinner](./guides/migration/components/bb-spinner.md) - The color prop is removed; spinners follow currentColor.
-- [Migration v2→v3: BbTable](./guides/migration/components/bb-table.md) - allowSelectAll inverted to disableSelectAll; loading no longer blanks populated tables and now inerts rows; #loading is first-load-only; #no-data fills a full-width table cell instead of replacing the row.
-- [Migration v2→v3: BbTabs (was BbTab)](./guides/migration/components/bb-tabs.md) - Component renamed; querykey→queryKey; animations default on; label slots renamed and all dynamic names/URL slugs normalized.
+- [Migration v2→v3: BbTable](./guides/migration/components/bb-table.md) - allowSelectAll inverted to disableSelectAll; loading no longer blanks populated tables and now inerts rows; #loading is first-load-only; #no-data fills a full-width table cell instead of replacing the row; columns gained sortable + rowClass, which collide with same-named consumer fields.
+- [Migration v2→v3: BbTabs (was BbTab)](./guides/migration/components/bb-tabs.md) - Component renamed; querykey→queryKey; animations default on; label slots renamed and all dynamic names/URL slugs normalized; the entire .bb-tab BEM tree renamed to .bb-tabs / .bb-tabs-list / .bb-tabs-panes.
 - [Migration v2→v3: BbTag](./guides/migration/components/bb-tag.md) - modelValue is strictly string[] now, multiple is removed, and duplicates are rejected case-insensitively by default.
-- [Migration v2→v3: BbTextInput](./guides/migration/components/bb-text-input.md) - The type prop narrows to the text-like input types — number/date values must move to their dedicated components.
+- [Migration v2→v3: BbTextInput](./guides/migration/components/bb-text-input.md) - The type prop narrows to the text-like input types — number/date values must move to their dedicated components; a bare `floating` attribute was never a prop, the spelling is label-mode="floating".
 - [Migration v2→v3: BbToast and toast()](./guides/migration/components/bb-toast.md) - Host placement becomes position with a corner-based value set; toast() options rewritten (variant, duration, actions, portal).
 - [Migration v2→v3: BbTooltip](./guides/migration/components/bb-tooltip.md) - timeout renamed to delay; theme replaced by typed variant; hideArrow is now a declared prop; block removed; modelValue is new.
 - [Migration v2→v3: BbTree](./guides/migration/components/bb-tree.md) - Item model rewritten — payload moves under meta, open becomes expanded, identifier becomes itemValue, expansion is a v-model.
-- [Migration v2→v3: confirm() / useConfirm](./guides/migration/components/use-confirm.md) - yesText/onYes/noText/onNo collapse into yes/no configs, actions becomes an array-or-false, labels are localized, footer buttons default md.
+- [Migration v2→v3: confirm() / useConfirm](./guides/migration/components/use-confirm.md) - yesText/onYes/noText/onNo collapse into yes/no configs, actions becomes an array-or-false, theme→variant, timeout→duration, autoClose flips to default-true, labels are localized, footer buttons default md.
 - [Migration v2→v3: useBroadcastChannelInstance](./guides/migration/components/use-broadcast-channel-instance.md) - Removed — cross-tab messaging is not a UI concern; use useBroadcastChannel from @vueuse/core.
 - [Options and Items Playbook](./guides/options-items-playbook.md) - How item-driven components turn raw domain items into options — mapping, value identity, model seeding, and the supported ways to disable choices.
 - [Page Shell](./guides/page-shell.md) - App-side page layout — topbar, content, and a right details sidebar driven by a stack-based context (push a record to peek it, pop to go back). The implementation ships in the per-platform Layout Scaffold recipe; this guide covers when and how to use it.

package/dist/ai/source/BbDialog.md

@@ -659,9 +659,6 @@ export type { BbDialogSlots as BaseDialogSlots };
 .bb-dialog {
 	--page-padding: 20px;
 	--transition-timing-function: var(--bb-ease);
-	--close-minimum-size: 24px;
-	--pt: 16px;
-	--px: 16px;
 
 	background-color: var(--bb-panel);
 	border: 1px solid var(--bb-border);

package/dist/ai/source/BbDropdown.md

@@ -2146,6 +2146,7 @@ export type BbDropdownGroupEvents = {
 		gap: 1px;
 		/* `max-height` is set inline by BbDropdownList from the group's `maxHeight`
 		 * (a fixed size — `searchable` groups default to 280px). */
+		overflow-x: clip;
 		overflow-y: auto;
 		overscroll-behavior: contain;
 	}
@@ -2215,6 +2216,10 @@ export type BbDropdownGroupEvents = {
 		max-height: var(--max-h, none);
 		min-height: 0;
 		min-width: 128px;
+		/* `overflow-y: auto` alone promotes `overflow-x` to `auto` too — long
+		 * nowrap labels then grow a horizontal scrollbar. Clip x; y still scrolls.
+		 * Ellipsis on `.item__content` is the real truncation; this is the belt. */
+		overflow-x: clip;
 		overflow-y: auto;
 		padding: var(--menu-inset);
 		width: var(--w, auto);
@@ -2264,6 +2269,10 @@ export type BbDropdownGroupEvents = {
 
 			.group-title__content {
 				flex: auto;
+				min-width: 0;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 			}
 
 			&.bb-dropdown__group-title--variant-destructive {
@@ -2288,10 +2297,14 @@ export type BbDropdownGroupEvents = {
 			 * its buttons) `inherit` would make the menu text invisible. */
 			color: var(--bb-text);
 			column-gap: 8px;
-			display: inline-flex;
+			/* `flex`, not `inline-flex`: full-width rows need a flex formatting
+			 * context so `min-width: 0` on `.item__content` can actually shrink. */
+			display: flex;
 			/* Keep natural row height under a capped, scrolling container. */
 			flex-shrink: 0;
 			height: 28px;
+			/* Let the row sit inside a fixed `--w` panel instead of expanding it. */
+			min-width: 0;
 			padding: 2px 6px;
 			text-align: left;
 			width: 100%;
@@ -2339,6 +2352,12 @@ export type BbDropdownGroupEvents = {
 
 			.item__content {
 				flex: auto;
+				/* Shrink below intrinsic nowrap width inside a fixed `--w` panel
+				 * (BbSelectPopover option labels do the same). Without this, long
+				 * labels grow a horizontal scrollbar instead of truncating. */
+				min-width: 0;
+				overflow: hidden;
+				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
 
@@ -2361,8 +2380,12 @@ export type BbDropdownGroupEvents = {
 				min-height: 28px;
 				padding-block: 4px;
 
+				/* Description rows intentionally wrap — don't ellipsis the block. */
 				.item__content {
 					line-height: 20px;
+					overflow: visible;
+					text-overflow: clip;
+					white-space: normal;
 				}
 
 				.item__prepend-icon,

package/dist/ai/source/BbDropdownGroup.md

@@ -935,6 +935,7 @@ export type BbDropdownGroupEvents = {
 		gap: 1px;
 		/* `max-height` is set inline by BbDropdownList from the group's `maxHeight`
 		 * (a fixed size — `searchable` groups default to 280px). */
+		overflow-x: clip;
 		overflow-y: auto;
 		overscroll-behavior: contain;
 	}
@@ -1004,6 +1005,10 @@ export type BbDropdownGroupEvents = {
 		max-height: var(--max-h, none);
 		min-height: 0;
 		min-width: 128px;
+		/* `overflow-y: auto` alone promotes `overflow-x` to `auto` too — long
+		 * nowrap labels then grow a horizontal scrollbar. Clip x; y still scrolls.
+		 * Ellipsis on `.item__content` is the real truncation; this is the belt. */
+		overflow-x: clip;
 		overflow-y: auto;
 		padding: var(--menu-inset);
 		width: var(--w, auto);
@@ -1053,6 +1058,10 @@ export type BbDropdownGroupEvents = {
 
 			.group-title__content {
 				flex: auto;
+				min-width: 0;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 			}
 
 			&.bb-dropdown__group-title--variant-destructive {
@@ -1077,10 +1086,14 @@ export type BbDropdownGroupEvents = {
 			 * its buttons) `inherit` would make the menu text invisible. */
 			color: var(--bb-text);
 			column-gap: 8px;
-			display: inline-flex;
+			/* `flex`, not `inline-flex`: full-width rows need a flex formatting
+			 * context so `min-width: 0` on `.item__content` can actually shrink. */
+			display: flex;
 			/* Keep natural row height under a capped, scrolling container. */
 			flex-shrink: 0;
 			height: 28px;
+			/* Let the row sit inside a fixed `--w` panel instead of expanding it. */
+			min-width: 0;
 			padding: 2px 6px;
 			text-align: left;
 			width: 100%;
@@ -1128,6 +1141,12 @@ export type BbDropdownGroupEvents = {
 
 			.item__content {
 				flex: auto;
+				/* Shrink below intrinsic nowrap width inside a fixed `--w` panel
+				 * (BbSelectPopover option labels do the same). Without this, long
+				 * labels grow a horizontal scrollbar instead of truncating. */
+				min-width: 0;
+				overflow: hidden;
+				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
 
@@ -1150,8 +1169,12 @@ export type BbDropdownGroupEvents = {
 				min-height: 28px;
 				padding-block: 4px;
 
+				/* Description rows intentionally wrap — don't ellipsis the block. */
 				.item__content {
 					line-height: 20px;
+					overflow: visible;
+					text-overflow: clip;
+					white-space: normal;
 				}
 
 				.item__prepend-icon,

package/dist/index.d.ts

@@ -42,6 +42,7 @@ export { useBbTableContext } from './composables/useBbTableContext';
 export type { BbTableContextHandle as BbTableContext } from './composables/useBbTableContext';
 export { useBbTabsContext } from './composables/useBbTabsContext';
 export { useConfirm } from './composables/useConfirm';
+export type { BbConfirmMessage, ConfirmButtonConfig, } from './composables/useConfirm';
 export { useCountdown } from './composables/useCountdown';
 export { useId } from './composables/useId';
 export { useMobile } from './composables/useMobile';
@@ -180,6 +181,6 @@ BbTabsItem as BbTabItem, } from './components/BbTabs/types';
 export type { BbTagProps, BbTagEvents } from './components/BbTag/types';
 export type { BbTextareaProps, BbTextareaEvents, } from './components/BbTextarea/types';
 export type { BbTextInputProps, BbTextInputEvents, } from './components/BbTextInput/types';
-export type { BbToastProps } from './components/BbToast/types';
+export type { BbToastOptions, BbToastProps, BbToastUpdate, } from './components/BbToast/types';
 export type { BbTooltipProps, BbTooltipVariant, } from './components/BbTooltip/types';
 export type { BbTreeProps, BbTreeItem, BbTreeEvents, BbTreeSlots, } from './components/BbTree/types';