bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/ai/recipes/vue/layout-scaffold.md

@@ -587,36 +587,36 @@ const warehouseId = ref('denver');
 
 const accountMenuItems: BbDropdownItem[] = [
 	{
-		key: 'theme',
-		text: 'Theme',
+		value: 'theme',
+		label: 'Theme',
 		'prepend:icon': 'lucide:sun-moon',
 		// A submenu opener (`items`) whose own `items` is one selectable
 		// group — `selectable: true` gives single-choice radio semantics and a
 		// check on the picked row, with no bordered field anywhere.
 		items: [
 			{
-				key: 'theme-opts',
+				id: 'theme-opts',
 				selectable: true,
 				items: [
-					{ key: 'system', text: 'System' },
-					{ key: 'light', text: 'Light' },
-					{ key: 'dark', text: 'Dark' },
+					{ value: 'system', label: 'System' },
+					{ value: 'light', label: 'Light' },
+					{ value: 'dark', label: 'Dark' },
 				],
 			},
 		],
 	},
 	{
-		key: 'warehouse',
-		text: 'Warehouse',
+		value: 'warehouse',
+		label: 'Warehouse',
 		'prepend:icon': 'lucide:warehouse',
 		items: [
 			{
-				key: 'warehouse-opts',
+				id: 'warehouse-opts',
 				selectable: true,
 				items: [
-					{ key: 'denver', text: 'Denver DC' },
-					{ key: 'reno', text: 'Reno DC' },
-					{ key: 'columbus', text: 'Columbus DC' },
+					{ value: 'denver', label: 'Denver DC' },
+					{ value: 'reno', label: 'Reno DC' },
+					{ value: 'columbus', label: 'Columbus DC' },
 				],
 			},
 		],
@@ -624,14 +624,14 @@ const accountMenuItems: BbDropdownItem[] = [
 	// A trailing separator section (a nested array) for plain navigation rows.
 	[
 		{
-			key: 'settings',
-			text: 'Settings',
+			value: 'settings',
+			label: 'Settings',
 			'prepend:icon': 'lucide:settings',
 			href: '/settings',
 		},
 		{
-			key: 'signout',
-			text: 'Sign out',
+			value: 'signout',
+			label: 'Sign out',
 			'prepend:icon': 'lucide:log-out',
 			href: '/logout',
 			method: 'post',

package/dist/ai/recipes/vue/onboarding.md

@@ -627,8 +627,8 @@ export function useOnboardingWorkspace(): OnboardingWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-						{ key: 'getting-started', text: 'Getting started' },
+						{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+						{ value: 'getting-started', label: 'Getting started' },
 					]"
 				/>
 				<BbButton
@@ -993,8 +993,6 @@ const ctx = useOnboardingWorkspace();
 				v-model="role"
 				class="w-44"
 				compact
-				item-text="label"
-				item-value="value"
 				:items="roles"
 				label="Role"
 				label-mode="outside"
@@ -1337,8 +1335,6 @@ import { BbButton } from 'bitboss-ui';
 			v-if="ctx.reminders.enabled"
 			class="max-w-72"
 			compact
-			item-text="label"
-			item-value="value"
 			:items="cadences"
 			label="Reminder schedule"
 			label-mode="outside"

package/dist/ai/recipes/vue/ownership-atlas.md

@@ -495,9 +495,9 @@ export function useOwnershipAtlas(): OwnershipAtlasContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'admin', text: 'Admin', to: '/admin' },
-						{ key: 'access', text: 'Access', to: '/access' },
-						{ key: 'ownership', text: 'Ownership' },
+						{ value: 'admin', label: 'Admin', to: '/admin' },
+						{ value: 'access', label: 'Access', to: '/access' },
+						{ value: 'ownership', label: 'Ownership' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -543,13 +543,13 @@ export function useOwnershipAtlas(): OwnershipAtlasContext {
 				v-model="ctx.tab.value"
 				compact
 				:items="[
-					{ key: 'all', label: `All · ${ctx.tabCounts.value.all}` },
+					{ value: 'all', label: `All · ${ctx.tabCounts.value.all}` },
 					{
-						key: 'americas',
+						value: 'americas',
 						label: `Americas · ${ctx.tabCounts.value.americas}`,
 					},
-					{ key: 'emea', label: `EMEA · ${ctx.tabCounts.value.emea}` },
-					{ key: 'apac', label: `APAC · ${ctx.tabCounts.value.apac}` },
+					{ value: 'emea', label: `EMEA · ${ctx.tabCounts.value.emea}` },
+					{ value: 'apac', label: `APAC · ${ctx.tabCounts.value.apac}` },
 				]"
 			/>
 
@@ -916,8 +916,6 @@ const monthLabel = (value: string) =>
 		<BbSelectPopover
 			v-model="ctx.filters.kinds"
 			clearable
-			item-text="label"
-			item-value="value"
 			:items="kindOptions"
 			multiple
 		>

package/dist/ai/recipes/vue/record-form.md

@@ -779,12 +779,12 @@ const ctx = provideInvoiceForm();
 
 // A real trail, ≥ 2 linked levels; the current page carries no target.
 const trail = computed(() => [
-	{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-	{ key: 'billing', text: 'Billing', to: '/billing' },
-	{ key: 'invoices', text: 'Invoices', to: '/invoices' },
+	{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+	{ value: 'billing', label: 'Billing', to: '/billing' },
+	{ value: 'invoices', label: 'Invoices', to: '/invoices' },
 	{
-		key: 'invoice',
-		text:
+		value: 'invoice',
+		label:
 			ctx.mode === 'edit'
 				? (ctx.invoiceNumber.value ?? 'Invoice')
 				: 'New invoice',

package/dist/ai/recipes/vue/records-workspace.md

@@ -567,9 +567,9 @@ export function useInvoicesWorkspace(): InvoicesWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-						{ key: 'billing', text: 'Billing', to: '/billing' },
-						{ key: 'invoices', text: 'Invoices' },
+						{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+						{ value: 'billing', label: 'Billing', to: '/billing' },
+						{ value: 'invoices', label: 'Invoices' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -604,22 +604,22 @@ export function useInvoicesWorkspace(): InvoicesWorkspaceContext {
 				compact
 				:items="[
 					{
-						key: 'all',
+						value: 'all',
 						label: `All · ${ctx.tabCounts.value.all}`,
 						href: '?tab=all',
 					},
 					{
-						key: 'outstanding',
+						value: 'outstanding',
 						label: `Outstanding · ${ctx.tabCounts.value.outstanding}`,
 						href: '?tab=outstanding',
 					},
 					{
-						key: 'paid',
+						value: 'paid',
 						label: `Paid · ${ctx.tabCounts.value.paid}`,
 						href: '?tab=paid',
 					},
 					{
-						key: 'archived',
+						value: 'archived',
 						label: `Archived · ${ctx.tabCounts.value.archived}`,
 						href: '?tab=archived',
 					},
@@ -938,16 +938,16 @@ const searchCustomers = async ({
 // Static enum facet: item text resolves synchronously, so its chip reads
 // `useBbDropdownContext` (in FilterChip.vue) with zero extra fetch.
 const statusGroup: BbDropdownItem = {
-	key: 'status',
+	id: 'status',
 	label: 'Status',
 	hideLabel: true,
 	selectable: true,
 	multiple: true,
 	items: [
-		{ key: 'draft', text: INVOICE_STATUS_LABEL.draft },
-		{ key: 'pending', text: INVOICE_STATUS_LABEL.pending },
-		{ key: 'paid', text: INVOICE_STATUS_LABEL.paid },
-		{ key: 'overdue', text: INVOICE_STATUS_LABEL.overdue },
+		{ value: 'draft', label: INVOICE_STATUS_LABEL.draft },
+		{ value: 'pending', label: INVOICE_STATUS_LABEL.pending },
+		{ value: 'paid', label: INVOICE_STATUS_LABEL.paid },
+		{ value: 'overdue', label: INVOICE_STATUS_LABEL.overdue },
 	],
 };
 
@@ -959,7 +959,7 @@ const statusGroup: BbDropdownItem = {
 // redeclaring `prefill: true` would fetch every seeded facet twice on page
 // load for nothing.
 const customerGroup: BbDropdownItem = {
-	key: 'customer',
+	id: 'customer',
 	label: 'Customer',
 	hideLabel: true,
 	selectable: true,
@@ -976,14 +976,14 @@ const customerGroup: BbDropdownItem = {
 // the category row already names the facet.
 const menu = computed<BbDropdownItem[]>(() => [
 	{
-		key: 'status-category',
-		text: 'Status',
+		value: 'status-category',
+		label: 'Status',
 		'prepend:icon': 'lucide:circle-dot',
 		items: [statusGroup],
 	},
 	{
-		key: 'customer-category',
-		text: 'Customer',
+		value: 'customer-category',
+		label: 'Customer',
 		'prepend:icon': 'lucide:building-2',
 		items: [customerGroup],
 	},
@@ -1033,7 +1033,7 @@ import {
 import type { BbDropdownItem } from 'bitboss-ui';
 
 const props = defineProps<{
-	/** Matches the group's `key` in the Filters menu, and its key in
+	/** Matches the group's `id` in the Filters menu, and its entry in
 	 * `useBbDropdownContext('invoice-filters').groups`. */
 	groupKey: string;
 	/** Static fallback/prefix text — the group itself sets `hideLabel`. */
@@ -1070,7 +1070,7 @@ const chipText = computed(() => {
 		dropdownFilters.groups.value[props.groupKey]?.selectedOptions ?? [];
 	if (!options.length) return props.label;
 	return `${props.label}: ${options
-		.map((option) => option.text ?? String(option.value))
+		.map((option) => option.label ?? String(option.value))
 		.join(', ')}`;
 });
 
@@ -1086,7 +1086,6 @@ const onClear = () =>
 <template>
 	<BbSelectPopover
 		item-text="text"
-		item-value="value"
 		:items="INVOICE_STATUS_OPTIONS"
 		:model-value="invoice.status"
 		width="180"
@@ -1302,32 +1301,32 @@ const pillLabel = computed(() =>
 		:boundary="boundary"
 		:items="[
 			{
-				key: 'edit',
-				text: 'Edit',
+				value: 'edit',
+				label: 'Edit',
 				'prepend:icon': 'lucide:pencil',
 				to: `/invoices/${invoice.id}/edit`,
 			},
 			{
-				key: 'duplicate',
-				text: 'Duplicate',
+				value: 'duplicate',
+				label: 'Duplicate',
 				'prepend:icon': 'lucide:copy',
 				onClick: () => ctx.duplicateInvoice(invoice),
 			},
 			{
-				key: 'payment',
-				text: 'Record payment',
+				value: 'payment',
+				label: 'Record payment',
 				'prepend:icon': 'lucide:banknote',
 				onClick: () => (ctx.dialogs.recordPayment.value = invoice),
 			},
 			{
-				key: 'archive',
-				text: 'Archive',
+				value: 'archive',
+				label: 'Archive',
 				'prepend:icon': 'lucide:archive',
 				onClick: () => ctx.archiveInvoice(invoice),
 			},
 			{
-				key: 'delete',
-				text: 'Delete',
+				value: 'delete',
+				label: 'Delete',
 				'prepend:icon': 'lucide:trash-2',
 				variant: 'destructive',
 				onClick: () => ctx.deleteInvoice(invoice),
@@ -1732,7 +1731,6 @@ const currency = new Intl.NumberFormat('en-US', {
 			<BbSelect
 				v-model="draft.method"
 				item-text="text"
-				item-value="value"
 				:items="PAYMENT_METHOD_OPTIONS"
 				label="Method"
 				label-mode="outside"

package/dist/ai/recipes/vue/settings-workspace.md

@@ -77,7 +77,7 @@ per field, and never mix both inside one card.
 | ---------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
 | What it is       | Typed text, several fields that belong together                                                      | One discrete choice: a switch, a checkbox, a role, a file                       |
 | Commit           | A **Save** button in the card footer, disabled until something changed                               | The change itself. No button anywhere                                           |
-| While saving     | The button spins (`isSubmitting`); the fields stay editable                                          | The control goes `readonly` so a second flip cannot race the first              |
+| While saving     | The button spins and the fields go read-only until the save settles (the form's save lock)           | The control goes `readonly` so a second flip cannot race the first              |
 | On success       | A toast; the dirty state rebaselines to what was saved                                               | A quiet toast (`Delivery channels saved.`)                                      |
 | On failure       | Server messages land on their fields (`field-errors`); focus moves to the first one; nothing is lost | The control **snaps back** and the toast says why (`Slack needs reconnecting…`) |
 | Leaving          | Unsaved work raises a dot on the section tab, and leaving asks first                                 | Nothing can be unsaved, so nothing asks                                         |
@@ -880,9 +880,9 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0"
 					:items="[
-						{ key: 'workspace', text: 'Fennel & Hart', to: '/' },
-						{ key: 'settings', text: 'Settings', to: '/settings' },
-						{ key: 'section', text: currentLabel },
+						{ value: 'workspace', label: 'Fennel & Hart', to: '/' },
+						{ value: 'settings', label: 'Settings', to: '/settings' },
+						{ value: 'section', label: currentLabel },
 					]"
 					style="--flex-grow: 1"
 				/>
@@ -922,7 +922,7 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 				replace
 				variant="none"
 			>
-				<template #label="{ value, text }">
+				<template #label="{ value, label }">
 					<!-- In the side column every label is one width, so the counts line
 					     up on the right edge. -->
 					<span
@@ -930,7 +930,7 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 						:class="{ 'min-w-[11.5rem]': !isMobile }"
 					>
 						<BbIcon aria-hidden="true" :icon="SECTION_ICONS[value]" size="16" />
-						<span>{{ text }}</span>
+						<span>{{ label }}</span>
 						<!-- Unsaved marker: a dot, not a word, so the label does not jump. -->
 						<span
 							v-if="value === 'profile' && ctx.profileDirty.value"
@@ -991,12 +991,12 @@ const { isMobile } = useMobile();
 
 // `eager` on Profile: a half-edited draft must survive a look at Billing.
 const sections: Array<BbTabsItem<SettingsSection>> = [
-	{ key: 'profile', label: 'Profile', eager: true },
-	{ key: 'notifications', label: 'Notifications' },
-	{ key: 'members', label: 'Members' },
-	{ key: 'billing', label: 'Billing' },
-	{ key: 'api-keys', label: 'API keys' },
-	{ key: 'danger-zone', label: 'Danger zone' },
+	{ value: 'profile', label: 'Profile', eager: true },
+	{ value: 'notifications', label: 'Notifications' },
+	{ value: 'members', label: 'Members' },
+	{ value: 'billing', label: 'Billing' },
+	{ value: 'api-keys', label: 'API keys' },
+	{ value: 'danger-zone', label: 'Danger zone' },
 ];
 
 // Full literals: the production icon scanner only bundles names it can see.
@@ -1178,7 +1178,6 @@ The explicit-save section: Zod schema, 422s, dirty footer.
 				     not "differs from the values this form mounted with". -->
 				<BbForm
 					:id="PROFILE_FORM"
-					v-slot="{ isSubmitting }"
 					:field-errors="ctx.serverErrors.profile.value"
 					:model="ctx.profileDraft"
 					:schema="profileSchema"
@@ -1208,8 +1207,6 @@ The explicit-save section: Zod schema, 422s, dirty footer.
 							/>
 							<BbSelect
 								description="Due dates and reminders follow this zone."
-								item-text="label"
-								item-value="value"
 								:items="TIMEZONES"
 								label="Time zone"
 								name="timezone"
@@ -1243,7 +1240,6 @@ The explicit-save section: Zod schema, 422s, dirty footer.
 							     it says why, so the state is never a mystery. -->
 							<BbButton
 								:disabled="!ctx.profileDirty.value"
-								:loading="isSubmitting"
 								type="submit"
 								variant="primary"
 							>
@@ -1887,8 +1883,6 @@ One-click role picker (BbSelectPopover).
 	<BbSelectPopover
 		v-else
 		:item-props="{ description: 'description' }"
-		item-text="label"
-		item-value="value"
 		:items="ROLE_OPTIONS"
 		:model-value="member.role"
 		width="280"
@@ -1973,21 +1967,21 @@ const items = computed<BbDropdownItem[]>(() => {
 	if (m.status === 'invited')
 		return [
 			{
-				key: 'resend',
-				text: 'Resend invitation',
+				value: 'resend',
+				label: 'Resend invitation',
 				'prepend:icon': 'lucide:send',
 				onClick: () => ctx.resendInvite(m),
 			},
 			{
-				key: 'copy',
-				text: 'Copy email',
+				value: 'copy',
+				label: 'Copy email',
 				'prepend:icon': 'lucide:copy',
 				onClick: () => ctx.copy(m.email, 'Email address'),
 			},
 			[
 				{
-					key: 'revoke',
-					text: 'Revoke invitation',
+					value: 'revoke',
+					label: 'Revoke invitation',
 					'prepend:icon': 'lucide:user-x',
 					variant: 'destructive',
 					onClick: () => ctx.removeMember(m),
@@ -1996,15 +1990,15 @@ const items = computed<BbDropdownItem[]>(() => {
 		];
 	return [
 		{
-			key: 'copy',
-			text: 'Copy email',
+			value: 'copy',
+			label: 'Copy email',
 			'prepend:icon': 'lucide:copy',
 			onClick: () => ctx.copy(m.email, 'Email address'),
 		},
 		[
 			{
-				key: 'remove',
-				text: 'Remove from workspace',
+				value: 'remove',
+				label: 'Remove from workspace',
 				'prepend:icon': 'lucide:user-minus',
 				variant: 'destructive',
 				onClick: () => ctx.removeMember(m),
@@ -2050,8 +2044,6 @@ Invite by email: BbTag + role radios, footer submits from outside.
 				/>
 				<BbRadioGroup
 					:item-props="{ description: 'description' }"
-					item-text="label"
-					item-value="value"
 					:items="ROLE_OPTIONS"
 					legend="Role"
 					list-layout="vertical"
@@ -2516,8 +2508,6 @@ Create, then reveal once (persistent while shown).
 				<BbTextInput label="Name" name="name" placeholder="Production server" />
 				<BbRadioGroup
 					:item-props="{ description: 'description' }"
-					item-text="label"
-					item-value="value"
 					:items="SCOPES"
 					legend="Access"
 					list-layout="vertical"
@@ -2525,8 +2515,6 @@ Create, then reveal once (persistent while shown).
 				/>
 				<BbSelect
 					description="Short-lived keys limit the damage of a leak."
-					item-text="label"
-					item-value="value"
 					:items="EXPIRIES"
 					label="Expires"
 					name="expiresIn"

package/dist/ai/recipes/vue/upload-center.md

@@ -605,9 +605,9 @@ export function useUploadCenter(): UploadCenterContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-						{ key: 'expenses', text: 'Expenses', to: '/expenses' },
-						{ key: 'receipts', text: 'Receipts' },
+						{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+						{ value: 'expenses', label: 'Expenses', to: '/expenses' },
+						{ value: 'receipts', label: 'Receipts' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -649,17 +649,17 @@ export function useUploadCenter(): UploadCenterContext {
 				compact
 				:items="[
 					{
-						key: 'drafts',
+						value: 'drafts',
 						label: `Drafts · ${ctx.tabCounts.value.drafts}`,
 						href: '?tab=drafts',
 					},
 					{
-						key: 'submitted',
+						value: 'submitted',
 						label: `Submitted · ${ctx.tabCounts.value.submitted}`,
 						href: '?tab=submitted',
 					},
 					{
-						key: 'reimbursed',
+						value: 'reimbursed',
 						label: `Reimbursed · ${ctx.tabCounts.value.reimbursed}`,
 						href: '?tab=reimbursed',
 					},
@@ -1309,6 +1309,7 @@ const categoryName = computed(
 		label="Amount"
 		:max-precision="2"
 		:min="0"
+		:min-precision="2"
 		placeholder="0.00"
 		variant="ghost"
 		@change="commit"
@@ -1328,32 +1329,24 @@ const props = defineProps<{ receipt: Receipt }>();
 
 const ctx = useUploadCenter();
 
-/** Money cells always show two decimals so the column optically aligns. */
-const formatMoney = (value: number | null): string | null =>
-	value === null || Number.isNaN(value) ? null : value.toFixed(2);
-
-// Same commit/revert contract as the merchant cell, on the number model —
-// commit on @change, not @blur + @keydown.enter (see MerchantCell.vue).
-const draft = ref<number | string | null>(formatMoney(props.receipt.amount));
+// Money cells always show two decimals (`min-precision`), so the column
+// optically aligns. Same commit/revert contract as the merchant cell, on the
+// number model — commit on @change, not @blur + @keydown.enter (see
+// MerchantCell.vue).
+const draft = ref<number | null>(props.receipt.amount);
 watch(
 	() => props.receipt.amount,
 	(value) => {
-		draft.value = formatMoney(value);
+		draft.value = value;
 	}
 );
 
 const commit = () => {
-	const amount =
-		draft.value === null || draft.value === '' ? null : Number(draft.value);
-	if (amount === props.receipt.amount) {
-		draft.value = formatMoney(props.receipt.amount);
-		return;
-	}
-	void ctx.updateReceipt(props.receipt, { amount });
-	draft.value = formatMoney(amount);
+	if (draft.value === props.receipt.amount) return;
+	void ctx.updateReceipt(props.receipt, { amount: draft.value });
 };
 const revert = () => {
-	draft.value = formatMoney(props.receipt.amount);
+	draft.value = props.receipt.amount;
 };
 </script>
 ```
@@ -1436,24 +1429,24 @@ const items = computed(() => {
 		...(isDraft
 			? [
 					{
-						key: 'submit',
-						text: 'Submit for approval',
+						value: 'submit',
+						label: 'Submit for approval',
 						'prepend:icon': 'lucide:send',
 						onClick: () => ctx.submitReceipt(receipt),
 					},
 				]
 			: []),
 		{
-			key: 'download',
-			text: 'Download original',
+			value: 'download',
+			label: 'Download original',
 			'prepend:icon': 'lucide:download',
 			href: `/receipts/${receipt.id}/file`,
 		},
 		...(isDraft
 			? [
 					{
-						key: 'remove',
-						text: 'Remove',
+						value: 'remove',
+						label: 'Remove',
 						'prepend:icon': 'lucide:trash-2',
 						variant: 'destructive' as const,
 						onClick: () => ctx.deleteReceipt(receipt),

package/dist/ai/recipes/vue/wizard-form.md

@@ -704,9 +704,9 @@ onMounted(() => {
 });
 
 const crumbs = computed(() => [
-	{ key: 'dashboard', text: 'Dashboard', to: '/dashboard' },
-	{ key: 'campaigns', text: 'Campaigns', to: '/campaigns' },
-	{ key: 'setup', text: ctx.campaign.value?.name ?? 'New campaign' },
+	{ value: 'dashboard', label: 'Dashboard', to: '/dashboard' },
+	{ value: 'campaigns', label: 'Campaigns', to: '/campaigns' },
+	{ value: 'setup', label: ctx.campaign.value?.name ?? 'New campaign' },
 ]);
 
 // The summary shows only the CURRENT step's issues, and only once the user
@@ -850,8 +850,6 @@ const status = (key: StepKey) => ctx.stepStatus(key);
 
 		<BbSelect
 			v-model="ctx.draft.countries"
-			item-text="label"
-			item-value="value"
 			:items="COUNTRIES"
 			label="Limit to countries"
 			label-mode="outside"
@@ -1015,8 +1013,6 @@ const errorsFor = (field: string) => ctx.fieldErrors('content', field);
 
 		<BbRadioGroup
 			v-model="ctx.draft.sendMode"
-			item-text="label"
-			item-value="value"
 			:items="[
 				{
 					label: 'Send now — goes out as soon as you confirm on Review',
@@ -1046,8 +1042,6 @@ const errorsFor = (field: string) => ctx.fieldErrors('content', field);
 			<BbSelect
 				v-model="ctx.draft.timezone"
 				:errors="errorsFor('timezone')"
-				item-text="label"
-				item-value="value"
 				:items="TIMEZONES"
 				label="Timezone"
 				label-mode="outside"
@@ -1533,8 +1527,6 @@ the file is unchanged, plus `BbCalendar` in its import):
 		<BbSelect
 			v-model="ctx.draft.timezone"
 			:errors="errorsFor('timezone')"
-			item-text="label"
-			item-value="value"
 			:items="TIMEZONES"
 			label="Timezone"
 			label-mode="outside"

package/dist/ai/source/BbAccordion.md

@@ -210,7 +210,7 @@ export type BbAccordionSlots = {
 		text-transform: inherit;
 	}
 	.bb-accordion__header {
-		text-align: left;
+		text-align: start;
 		width: 100%;
 
 		/*