bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.65

package/dist/ai/source/BbConfirmPortal.md

@@ -38,7 +38,12 @@ watchEffect((onCleanup) => {
 ## Types
 
 ```ts
-import type { PtMap, PtValue } from '@/types/passthrough';
+import type { PtMap, PtValue, PtVariantAttrs } from '@/types/passthrough';
+import {
+	CONFIRM_VARIANTS,
+	type ConfirmVariantBuiltIn,
+	type ConfirmVariantRegistry,
+} from '@/types/ConfirmVariant';
 
 /**
  * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). Every
@@ -90,9 +95,12 @@ export const BB_CONFIRM_PT = {
 		'action',
 	],
 	states: ['open'],
+	// The message's `variant` is a state on every part (Q76.7), below `open`.
+	variant: { names: CONFIRM_VARIANTS, option: 'confirmVariants' },
 } as const satisfies {
 	parts: readonly BbConfirmPtPart[];
 	states: readonly BbConfirmPtState[];
+	variant: { names: readonly ConfirmVariantBuiltIn[]; option: string };
 };
 
 // Spelled INLINE with this component's own unions (Vue's SFC type resolver
@@ -101,14 +109,21 @@ export const BB_CONFIRM_PT = {
 export type BbConfirmProps = {
 	[K in
 		| `pt:${BbConfirmPtPart}`
-		| `pt:${BbConfirmPtPart}:${BbConfirmPtState}`]?: PtValue;
-} & {
-	/**
-	 * Passthrough, object form: the same keys as the `pt:*` attributes
-	 * without the prefix. See the `pt:<part>` row.
-	 */
-	pt?: PtMap<BbConfirmPtPart, BbConfirmPtState>;
-};
+		| `pt:${BbConfirmPtPart}:${BbConfirmPtState}`
+		| `pt:${BbConfirmPtPart}:${ConfirmVariantBuiltIn}`]?: PtValue;
+} & /* @vue-ignore */ PtVariantAttrs<
+	BbConfirmPtPart,
+	keyof ConfirmVariantRegistry
+> & {
+		/**
+		 * Passthrough, object form: the same keys as the `pt:*` attributes
+		 * without the prefix. See the `pt:<part>` row.
+		 */
+		pt?: PtMap<
+			BbConfirmPtPart,
+			BbConfirmPtState | ConfirmVariantBuiltIn | keyof ConfirmVariantRegistry
+		>;
+	};
 
 /**
  * The default slot scope of `<BbConfirmPortal>`: the ONE place this family's

package/dist/ai/source/BbDatePicker.md

@@ -145,7 +145,10 @@ import {
 	watch,
 } from 'vue';
 import { createReusableTemplate } from '@vueuse/core';
-import { extractDomContainer } from '@/utilities/functions/extractDomContainer';
+import {
+	extractDomContainer,
+	type DomHost,
+} from '@/utilities/functions/extractDomContainer';
 import { useId } from '@/composables/useId';
 import { useLocale } from '@/composables/useLocale';
 import { useEscapeStackEntry } from '@/composables/useEscapeStackEntry';
@@ -176,6 +179,7 @@ import type {
 } from './types';
 import { BB_DATE_PICKER_PT, DATE_PICKER_CALENDAR_PARTS } from './types';
 import { usePassthrough } from '@/composables/usePassthrough';
+import { firstFocusableMatch } from '@/utils/focusVisibility';
 import { withoutPt } from '@/utils/passthrough';
 export type {
 	BbDatePickerProps,
@@ -305,8 +309,8 @@ const panelId = `${gridId}-panel`;
 
 // ---- Activator / anchor plumbing (mirrors BbColorPalette) -----------------------
 
-const activatorEl = ref<HTMLElement | undefined>();
-const anchorEl = ref<HTMLElement | undefined>();
+const activatorEl = ref<DomHost | undefined>();
+const anchorEl = ref<DomHost | undefined>();
 const hasExternalActivator = computed(() => props.activator != null);
 
 const setActivatorRef = (reference: unknown) => {
@@ -367,10 +371,10 @@ watch(isOpen, async (val) => {
 			document.addEventListener('click', onClickDocument, { passive: true });
 		}
 		await nextTick();
-		document
-			.getElementById(panelId)
-			?.querySelector<HTMLElement>('[tabindex="0"]')
-			?.focus();
+		firstFocusableMatch(
+			document.getElementById(panelId),
+			'[tabindex="0"]'
+		)?.focus();
 	} else {
 		document.removeEventListener('click', onClickDocument);
 		previousFocus?.focus();