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

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

@@ -33,9 +33,8 @@ Sibling recipes: [Vue](../vue/ownership-atlas.md) ·
   the peek stack, the close semantics and the sidebar's out-of-flow
   behaviour are all load-bearing here.
 - `<BbToast />` mounted once in the `createInertiaApp` render root — never in a page.
-- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit:
-  `useTableContext`, `useQueryObject`, `useResourceContext` (plus the
-  `useProp` / `useQuery` prop-and-URL helpers).
+- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit, installed with
+  `npx bitboss-ui add useProp useQuery useQueryObject useResourceContext useTableContext`.
 - Controller: `Inertia::render('OwnershipAtlas/Index', ['owners' =>
 OwnerPaginator::make(...), 'tabCounts' => [...], 'ownerOptions' => [...]])` —
   `owners` is a standard Laravel paginator (`PaginatedResponse<Owner>`) whose
@@ -188,10 +187,10 @@ import {
 import {
 	useTableContext,
 	type TableContext,
-} from '@/composables/useTableContext';
-import { useQueryObject } from '@/composables/useQueryObject';
-import { useProp } from '@/composables/useProp';
-import { useQuery } from '@/composables/useQuery';
+} from '@/composables/inertia-helpers/useTableContext';
+import { useQueryObject } from '@/composables/inertia-helpers/useQueryObject';
+import { useProp } from '@/composables/inertia-helpers/useProp';
+import { useQuery } from '@/composables/inertia-helpers/useQuery';
 import type {
 	HoldingKind,
 	HoldingStatus,
@@ -462,9 +461,9 @@ export function useOwnershipAtlas(): OwnershipAtlasContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'admin', text: 'Admin', href: '/admin' },
-						{ key: 'access', text: 'Access', href: '/access' },
-						{ key: 'ownership', text: 'Ownership' },
+						{ value: 'admin', label: 'Admin', href: '/admin' },
+						{ value: 'access', label: 'Access', href: '/access' },
+						{ value: 'ownership', label: 'Ownership' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -517,28 +516,28 @@ export function useOwnershipAtlas(): OwnershipAtlasContext {
 				compact
 				:items="[
 					{
-						key: 'all',
+						value: 'all',
 						label: `All · ${ctx.tabCounts.value.all}`,
 						href: tabHref('all'),
 						server: true,
 						only: ['owners', 'tabCounts'],
 					},
 					{
-						key: 'americas',
+						value: 'americas',
 						label: `Americas · ${ctx.tabCounts.value.americas}`,
 						href: tabHref('americas'),
 						server: true,
 						only: ['owners', 'tabCounts'],
 					},
 					{
-						key: 'emea',
+						value: 'emea',
 						label: `EMEA · ${ctx.tabCounts.value.emea}`,
 						href: tabHref('emea'),
 						server: true,
 						only: ['owners', 'tabCounts'],
 					},
 					{
-						key: 'apac',
+						value: 'apac',
 						label: `APAC · ${ctx.tabCounts.value.apac}`,
 						href: tabHref('apac'),
 						server: true,
@@ -707,7 +706,7 @@ import {
 } from 'bitboss-ui';
 import qs from 'query-string';
 import PageShell from '@/components/layout/PageShell.vue';
-import { useQuery } from '@/composables/useQuery';
+import { useQuery } from '@/composables/inertia-helpers/useQuery';
 import {
 	provideOwnershipAtlas,
 	REGION_LABEL,
@@ -946,8 +945,6 @@ const monthLabel = (value: string) =>
 		<BbSelectPopover
 			v-model="ctx.filters.kinds"
 			clearable
-			item-text="label"
-			item-value="value"
 			:items="kindOptions"
 			multiple
 		>
@@ -1193,7 +1190,7 @@ const onTransfer = (value: unknown) => {
 <script setup lang="ts">
 import { watch } from 'vue';
 import { BbBadge, BbButton, BbSpinner } from 'bitboss-ui';
-import { useResourceContext } from '@/composables/useResourceContext';
+import { useResourceContext } from '@/composables/inertia-helpers/useResourceContext';
 import {
 	KIND_LABEL,
 	REGION_LABEL,

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

@@ -30,8 +30,8 @@ Sibling recipes: [Vue](../vue/record-form.md) ·
   the peek stack, the close semantics and the sidebar's out-of-flow
   behaviour are all load-bearing here.
 - `<BbConfirm />` and `<BbToast />` mounted once in the `createInertiaApp` render root — never in a page.
-- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit:
-  `usePromiseForm`, `useConfirmOnRouteLeave`, `useProp`, `useResourceContext`.
+- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit, installed with
+  `npx bitboss-ui add useConfirmOnRouteLeave usePromiseForm useProp useResourceContext`.
 - Controller: `Inertia::render('InvoiceForm/Index', ['invoice' => $invoice])`
   — `invoice` is `null` on the create route and the full record (including
   `lineItems`) on the edit route. Standard Laravel validation; on failure
@@ -243,9 +243,9 @@ import {
 	usePageShellContext,
 	type PageShellContext,
 } from '@/components/layout/usePageShellContext';
-import { usePromiseForm } from '@/composables/usePromiseForm';
-import { useConfirmOnRouteLeave } from '@/composables/useConfirmOnRouteLeave';
-import { useProp } from '@/composables/useProp';
+import { usePromiseForm } from '@/composables/inertia-helpers/usePromiseForm';
+import { useConfirmOnRouteLeave } from '@/composables/inertia-helpers/useConfirmOnRouteLeave';
+import { useProp } from '@/composables/inertia-helpers/useProp';
 import type {
 	Customer,
 	CustomerDetail,
@@ -730,12 +730,12 @@ const ctx = provideInvoiceForm();
 
 // A real trail, ≥ 2 linked levels; the current page carries no target.
 const trail = computed(() => [
-	{ key: 'dashboard', text: 'Dashboard', href: '/dashboard' },
-	{ key: 'billing', text: 'Billing', href: '/billing' },
-	{ key: 'invoices', text: 'Invoices', href: '/invoices' },
+	{ value: 'dashboard', label: 'Dashboard', href: '/dashboard' },
+	{ value: 'billing', label: 'Billing', href: '/billing' },
+	{ value: 'invoices', label: 'Invoices', href: '/invoices' },
 	{
-		key: 'invoice',
-		text:
+		value: 'invoice',
+		label:
 			ctx.mode === 'edit'
 				? (ctx.invoiceNumber.value ?? 'Invoice')
 				: 'New invoice',
@@ -1533,7 +1533,7 @@ import {
 	BbButton,
 	BbSpinner,
 } from 'bitboss-ui';
-import { useResourceContext } from '@/composables/useResourceContext';
+import { useResourceContext } from '@/composables/inertia-helpers/useResourceContext';
 import { INVOICE_STATUS_LABEL, useInvoiceForm } from './context';
 import type { CustomerDetail } from '@/types';
 

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

@@ -32,9 +32,8 @@ Sibling recipes: [Vue](../vue/records-workspace.md) ·
   `soft-green`, `soft-amber`, `soft-red`) — the status badges wear them; see
   [design-language](../../guides/design-language.md) § Getting soft
   semantic badges.
-- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit:
-  `useTableContext`, `useQueryObject`, `useQuery`, `useProp`,
-  `useResourceContext`.
+- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit, installed with
+  `npx bitboss-ui add useProp useQuery useQueryObject useResourceContext useTableContext`.
 - Controller: `Inertia::render('InvoicesWorkspace/Index', ['invoices' =>
 InvoicePaginator::make(...), 'tabCounts' => [...]])` — `invoices` is a
   standard Laravel paginator (`PaginatedResponse<Invoice>`) and `tabCounts`
@@ -182,10 +181,10 @@ import {
 import {
 	useTableContext,
 	type TableContext,
-} from '@/composables/useTableContext';
-import { useQueryObject } from '@/composables/useQueryObject';
-import { useProp } from '@/composables/useProp';
-import { useQuery } from '@/composables/useQuery';
+} from '@/composables/inertia-helpers/useTableContext';
+import { useQueryObject } from '@/composables/inertia-helpers/useQueryObject';
+import { useProp } from '@/composables/inertia-helpers/useProp';
+import { useQuery } from '@/composables/inertia-helpers/useQuery';
 import type { Invoice, InvoiceStatus, PaymentDraft } from '@/types';
 
 /**
@@ -574,9 +573,9 @@ export function useInvoicesWorkspace(): InvoicesWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0 flex-auto"
 					:items="[
-						{ key: 'dashboard', text: 'Dashboard', href: '/dashboard' },
-						{ key: 'billing', text: 'Billing', href: '/billing' },
-						{ key: 'invoices', text: 'Invoices' },
+						{ value: 'dashboard', label: 'Dashboard', href: '/dashboard' },
+						{ value: 'billing', label: 'Billing', href: '/billing' },
+						{ value: 'invoices', label: 'Invoices' },
 					]"
 				/>
 				<div class="flex shrink-0 items-center gap-2">
@@ -621,28 +620,28 @@ export function useInvoicesWorkspace(): InvoicesWorkspaceContext {
 				compact
 				:items="[
 					{
-						key: 'all',
+						value: 'all',
 						label: `All · ${ctx.tabCounts.value.all}`,
 						href: tabHref('all'),
 						server: true,
 						only: ['invoices', 'tabCounts'],
 					},
 					{
-						key: 'outstanding',
+						value: 'outstanding',
 						label: `Outstanding · ${ctx.tabCounts.value.outstanding}`,
 						href: tabHref('outstanding'),
 						server: true,
 						only: ['invoices', 'tabCounts'],
 					},
 					{
-						key: 'paid',
+						value: 'paid',
 						label: `Paid · ${ctx.tabCounts.value.paid}`,
 						href: tabHref('paid'),
 						server: true,
 						only: ['invoices', 'tabCounts'],
 					},
 					{
-						key: 'archived',
+						value: 'archived',
 						label: `Archived · ${ctx.tabCounts.value.archived}`,
 						href: tabHref('archived'),
 						server: true,
@@ -779,7 +778,7 @@ import {
 } from 'bitboss-ui';
 import qs from 'query-string';
 import PageShell from '@/components/layout/PageShell.vue';
-import { useQuery } from '@/composables/useQuery';
+import { useQuery } from '@/composables/inertia-helpers/useQuery';
 import { provideInvoicesWorkspace, type WorkspaceTab } from './context';
 import CustomerPeek from './CustomerPeek.vue';
 import DueDateCell from './DueDateCell.vue';
@@ -983,16 +982,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 },
 	],
 };
 
@@ -1004,7 +1003,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,
@@ -1021,14 +1020,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],
 	},
@@ -1078,7 +1077,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`. */
@@ -1115,7 +1114,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(', ')}`;
 });
 
@@ -1131,7 +1130,6 @@ const onClear = () =>
 <template>
 	<BbSelectPopover
 		item-text="text"
-		item-value="value"
 		:items="INVOICE_STATUS_OPTIONS"
 		:model-value="invoice.status"
 		width="180"
@@ -1347,32 +1345,32 @@ const pillLabel = computed(() =>
 		:boundary="boundary"
 		:items="[
 			{
-				key: 'edit',
-				text: 'Edit',
+				value: 'edit',
+				label: 'Edit',
 				'prepend:icon': 'lucide:pencil',
 				href: `/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),
@@ -1605,7 +1603,7 @@ const ctx = useInvoicesWorkspace();
 <script setup lang="ts">
 import { ref, watch } from 'vue';
 import { BbBaseButton, BbButton, BbIcon, BbSpinner, BbTable } from 'bitboss-ui';
-import { useResourceContext } from '@/composables/useResourceContext';
+import { useResourceContext } from '@/composables/inertia-helpers/useResourceContext';
 import StatusCell from './StatusCell.vue';
 import { useInvoicesWorkspace } from './context';
 import type { InvoiceDetail } from '@/types';
@@ -1756,7 +1754,7 @@ import {
 	BbButton,
 	BbSpinner,
 } from 'bitboss-ui';
-import { useResourceContext } from '@/composables/useResourceContext';
+import { useResourceContext } from '@/composables/inertia-helpers/useResourceContext';
 import {
 	INVOICE_STATUS_LABEL,
 	INVOICE_STATUS_VARIANT,
@@ -1828,7 +1826,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/inertia/settings-workspace.md

@@ -32,8 +32,8 @@ Sibling recipes: [Vue](../vue/settings-workspace.md) · [Nuxt](../nuxt/settings-
   `DELETE /settings/api-keys/{id}`, `POST /settings/workspace/delete`
   (redirects to `/`). A refusal only the server can know (Slack's expired
   token) comes back as a validation error on `channels`.
-- The toolkit composables from [Inertia helpers](../../guides/inertia-helpers.md):
-  `useProp` and `useConfirmOnRouteLeave`.
+- From the [Inertia Helpers](../../guides/inertia-helpers.md) toolkit, installed with
+  `npx bitboss-ui add useConfirmOnRouteLeave useProp`.
 
 ## Key ideas
 
@@ -84,7 +84,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                                         |
@@ -232,8 +232,8 @@ import {
 	useConfirm,
 	useToast,
 } from 'bitboss-ui';
-import { useConfirmOnRouteLeave } from '@/composables/useConfirmOnRouteLeave';
-import { useProp } from '@/composables/useProp';
+import { useConfirmOnRouteLeave } from '@/composables/inertia-helpers/useConfirmOnRouteLeave';
+import { useProp } from '@/composables/inertia-helpers/useProp';
 import type {
 	ApiKey,
 	ApiKeyDraft,
@@ -848,9 +848,9 @@ export function useSettingsWorkspace(): SettingsWorkspaceContext {
 				<BbBreadcrumbs
 					class="min-w-0"
 					:items="[
-						{ key: 'workspace', text: 'Fennel & Hart', href: '/' },
-						{ key: 'settings', text: 'Settings', href: '/settings' },
-						{ key: 'section', text: currentLabel },
+						{ value: 'workspace', label: 'Fennel & Hart', href: '/' },
+						{ value: 'settings', label: 'Settings', href: '/settings' },
+						{ value: 'section', label: currentLabel },
 					]"
 					style="--flex-grow: 1"
 				/>
@@ -890,7 +890,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
@@ -898,7 +898,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"
@@ -959,12 +959,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.
@@ -1146,7 +1146,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"
@@ -1176,8 +1175,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"
@@ -1211,7 +1208,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"
 							>
@@ -1855,8 +1851,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"
@@ -1941,21 +1935,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),
@@ -1964,15 +1958,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),
@@ -2018,8 +2012,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"
@@ -2484,8 +2476,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"
@@ -2493,8 +2483,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"