@botiverse/raft-ui 0.29.0 → 0.31.0

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [0.31.0](https://github.com/botiverse/raft-design/compare/v0.30.0...v0.31.0) (2026-10-23)
+
+### Design System
+
+- **A row swipe on a phone**: a swipe starts once the finger has gone 10px on the web (twice as far across as up or down), and swipes that start within 24px of the screen edge stay with the browser. A release applies the action past 40% of the row's width, or past 20% with a quick flick. The uncovered layer is soft until a release would apply, then solid `success` with ink, and ticks once on Android as it turns solid. It says "Done"; the menu keeps "Mark as Done". The row leaves at once, with an 8-second Undo. On a phone, Activity's Mark as Done stays in the row as a button only screen readers see. ([#775](https://github.com/botiverse/raft-design/pull/775), [#776](https://github.com/botiverse/raft-design/pull/776))
+  - Why: Activity on a phone moved Mark as Done to the swipe (stdrc); the swipe must be predictable, reversible, and reachable without swiping.
+  - Affects: a rule for products.
+  - Docs: https://raft-design.botiverse.build/patterns/responsive/#touch-screens
+
+### Added
+
+- **ChoiceList** (wip): ([#774](https://github.com/botiverse/raft-design/pull/774))
+  - `groups` with headings. Each group is named by its heading, and the arrow keys cross groups.
+  - `searchValue` / `onSearchValueChange`, so the app can read and set the search text. It hears `""` when the box hides.
+  - `footer`, which stays in view while the rows scroll.
+  - `fill`, which fills its container's height.
+  - The frame now wraps a `choice-list-scroller`.
+  - Docs: https://raft-design.botiverse.build/components/choice-list/
+
+## [0.30.0](https://github.com/botiverse/raft-design/compare/v0.29.0...v0.30.0) (2026-10-23)
+
+### Design System
+
+- **A dialog whose job is to choose keeps an open list**: when choosing is the dialog's main content (a computer to move an agent to, people to add), the choices stay open as a list at any count, not a select: a radio circle for one choice, a checkbox for several. A search field shows always when people look for something they know by name, and from 6 choices when they choose by comparing. Filtering never clears the choice; the chosen rows stay first. A row may have two description lines, and a details button at its end outside the row's label. ([#767](https://github.com/botiverse/raft-design/pull/767), [#772](https://github.com/botiverse/raft-design/pull/772))
+  - Why: a dropdown hides what people came to compare (stdrc, xxchan).
+  - Affects: a rule for products; raft-ui adds `ChoiceList` (wip).
+  - Docs: https://raft-design.botiverse.build/components/choice-list/
+
+### Added
+
+- **ChoiceList** (wip, `@botiverse/raft-ui/wip`): an always-open list to choose one (`value: string | null`) or several (`multiple`, `string[]`), built on Base UI RadioGroup / CheckboxGroup. `items` take a label, search text, up to two description lines, media, a row-end action and disabled; `search="auto" | "always"`; `searchLabel` and `clearSearchLabel` are required. Rows are 36px with a mouse and 44px on a touch screen. ([#772](https://github.com/botiverse/raft-design/pull/772))
+  - Docs: https://raft-design.botiverse.build/components/choice-list/
+
 ## [0.29.0](https://github.com/botiverse/raft-design/compare/v0.28.0...v0.29.0) (2026-10-23)
 
 ### Design System

package/dist/{inbox-item-B-IdTaxl.mjs → inbox-item-69Tx19JG.mjs}

@@ -16,6 +16,9 @@ import { Menu } from "@base-ui/react/menu";
 import { Popover } from "@base-ui/react/popover";
 import { PointerSensor, TouchSensor, useSensor } from "@dnd-kit/core";
 import { PreviewCard } from "@base-ui/react/preview-card";
+import { Input } from "@base-ui/react/input";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
 import { Toggle } from "@base-ui/react/toggle";
 import { Toolbar } from "@base-ui/react/toolbar";
 //#region src/lib/decision-width.ts
@@ -3499,6 +3502,232 @@ function useOverflowTitle(ref, title) {
 	}, [own, ref]);
 }
 //#endregion
+//#region src/components/input-group/input-group.tsx
+const inputGroup = tv$1({
+	slots: {
+		root: [
+			"group/input-group relative flex w-full min-w-0 items-center",
+			"has-data-[input-group-trim=inline-end]:[--ig-control-pr:0]",
+			"h-control overflow-hidden rounded-control border-[1.5px] border-line-field bg-layer-card text-foreground",
+			"shadow-none transition-shadow duration-90 ease-out has-focus-visible:shadow-focus",
+			"has-[[data-slot=input-group-control][data-invalid]]:border-danger-strong",
+			"has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:border-line-hairline has-[[data-slot=input-group-control]:disabled]:bg-fill-muted",
+			"has-[[data-slot=input-group-control]:disabled]:[--ig-addon-fg:var(--foreground-disabled)]",
+			"has-[[data-slot=input-group-control]:disabled]:[--ig-text-fg:var(--foreground-disabled)]"
+		],
+		addon: [
+			"flex shrink-0 items-center justify-center gap-2 px-3",
+			"select-none",
+			"text-(--ig-addon-fg,var(--ig-addon-fg-default,var(--foreground-hint)))",
+			"[&>svg:not([class*='size-'])]:size-4.5"
+		],
+		text: [
+			"flex min-w-0 max-w-1/2 shrink-0 items-center px-3",
+			"select-none",
+			"font-mono text-mono-code",
+			"text-(--ig-text-fg,var(--ig-text-fg-default,var(--foreground-hint)))"
+		],
+		textInner: ["min-w-0 truncate"],
+		control: [
+			"min-w-0 flex-1 bg-transparent pl-3 outline-none",
+			"pr-(--ig-control-pr,0.75rem)",
+			"h-full py-0 font-heading text-field font-field",
+			"text-foreground placeholder:text-foreground-hint",
+			"disabled:cursor-not-allowed disabled:text-foreground-disabled disabled:placeholder:text-foreground-disabled"
+		]
+	},
+	variants: {
+		align: {
+			"inline-start": {
+				addon: "order-first",
+				text: "order-first"
+			},
+			"inline-end": {
+				addon: "order-last",
+				text: "order-last"
+			}
+		},
+		variant: {
+			default: {},
+			container: {
+				addon: [
+					"self-stretch",
+					"[--ig-addon-fg-default:var(--foreground-hint)]",
+					"border-line-hairline bg-fill-muted"
+				],
+				text: [
+					"self-stretch",
+					"[--ig-text-fg-default:var(--foreground-hint)]",
+					"border-line-hairline bg-fill-muted"
+				]
+			}
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "default",
+			align: "inline-start",
+			class: {
+				addon: "[&~[data-slot=input-group-control]]:pl-0",
+				text: "[&~[data-slot=input-group-control]]:pl-0"
+			}
+		},
+		{
+			variant: "container",
+			align: "inline-start",
+			class: {
+				addon: "border-r",
+				text: "border-r"
+			}
+		},
+		{
+			variant: "container",
+			align: "inline-end",
+			class: {
+				addon: "border-l",
+				text: "border-l"
+			}
+		},
+		{
+			variant: "default",
+			align: "inline-start",
+			class: {
+				addon: "pr-2",
+				text: "pr-0.5"
+			}
+		},
+		{
+			variant: "default",
+			align: "inline-end",
+			class: {
+				addon: [
+					"pl-2",
+					"*:data-[slot=button]:size-control-embedded *:data-[slot=button]:rounded-chip",
+					"[&>[data-slot=button]_svg:not([class*='size-'])]:size-4",
+					"[&>[data-slot=button]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
+				],
+				text: "pl-0.5"
+			}
+		}
+	],
+	defaultVariants: {
+		align: "inline-start",
+		variant: "default"
+	}
+});
+function InputGroup({ className, ...props }) {
+	const { root } = inputGroup();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		className: root({ className }),
+		...props
+	});
+}
+function InputGroupAddonRoot({ align = "inline-start", variant = "default", className, ...props }) {
+	const { addon } = inputGroup({
+		align,
+		variant
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		"data-variant": variant,
+		"data-input-group-trim": variant === "default" && align === "inline-end" ? align : void 0,
+		className: addon({ className }),
+		...props
+	});
+}
+function TextAddon({ align = "inline-start", variant = "default", className, ref, title, children, ...props }) {
+	const { text, textInner } = inputGroup({
+		align,
+		variant
+	});
+	const overflowRef = useOverflowTitle(ref, title);
+	return /* @__PURE__ */ jsx("span", {
+		ref: overflowRef,
+		title,
+		"data-slot": "input-group-text",
+		"data-align": align,
+		"data-variant": variant,
+		"data-input-group-trim": variant === "default" && align === "inline-end" ? align : void 0,
+		className: text({ className }),
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			"data-slot": "input-group-text-value",
+			className: textInner(),
+			children
+		})
+	});
+}
+const InputGroupAddon = Object.assign(InputGroupAddonRoot, { Text: TextAddon });
+function InputGroupInput({ className, suppressPasswordManager, "data-invalid": dataInvalid, ...props }) {
+	const { control } = inputGroup();
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		className: control({ className: [suppressPasswordManager && "keeper-ignore", className] }),
+		"data-1p-ignore": suppressPasswordManager ? "true" : void 0,
+		"data-bwignore": suppressPasswordManager ? "true" : void 0,
+		"data-form-type": suppressPasswordManager ? "other" : void 0,
+		"data-lpignore": suppressPasswordManager ? "true" : void 0,
+		...props,
+		"data-invalid": dataInvalid || void 0,
+		"aria-invalid": dataInvalid ? "true" : void 0
+	});
+}
+//#endregion
+//#region src/components/radio-group/radio-group.tsx
+const radioGroup = tv$1({ slots: {
+	root: [
+		"grid w-full gap-2",
+		"data-disabled:[&>label]:cursor-not-allowed data-disabled:[&>label]:text-foreground-disabled",
+		"data-disabled:[&>label_*]:text-foreground-disabled",
+		"font-sans [&>label]:font-semibold"
+	],
+	item: [
+		"relative inline-flex shrink-0 touch-manipulation items-center justify-center rounded-full outline-none",
+		"data-disabled:cursor-not-allowed",
+		"after:absolute after:-inset-x-3 after:-inset-y-2 after:content-['']",
+		"pointer-coarse:after:-inset-y-[calc(--spacing(3)+1.5px)]",
+		"[label>&]:my-[max(0px,calc((1lh-1.25rem)/2))]",
+		"[label>&]:after:-inset-y-[calc(max(0px,(1lh-1.25rem)/2)+5.5px)]",
+		"size-5 border-[1.5px] border-line-strong bg-layer-card text-foreground",
+		"focus-visible:shadow-focus",
+		"data-disabled:border-foreground-disabled data-disabled:bg-fill-muted data-disabled:text-foreground-disabled"
+	],
+	indicator: ["pointer-events-none flex size-full items-center justify-center"],
+	dot: ["block rounded-full bg-current", "size-2"]
+} });
+function RadioGroup$1({ className, ...props }) {
+	const { root } = radioGroup();
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		"data-slot": "radio-group",
+		className: root({ className }),
+		...props
+	});
+}
+function RadioGroupIndicator({ className, children, ...props }) {
+	const { indicator, dot } = radioGroup();
+	return /* @__PURE__ */ jsx(Radio.Indicator, {
+		"data-slot": "radio-group-indicator",
+		className: indicator({ className }),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx("span", {
+			"data-slot": "radio-group-dot",
+			className: dot()
+		})
+	});
+}
+function RadioGroupItem({ appearance = "default", className, children, ...props }) {
+	const { item } = radioGroup();
+	const itemClassName = appearance === "none" ? cn("sr-only", "data-disabled:cursor-not-allowed", className) : item({ className });
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: itemClassName,
+		...props,
+		children: children ?? (appearance === "default" ? /* @__PURE__ */ jsx(RadioGroupIndicator, {}) : null)
+	});
+}
+//#endregion
 //#region src/components/avatar/avatar.tsx
 const avatar = tv$1({
 	slots: {
@@ -5996,4 +6225,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
 	});
 }
 //#endregion
-export { MessageTextSelectionToolbarSeparator as $, PopoverSeparator as $n, ListRowMeta as $r, MessageItemSearchMatch as $t, MessageList as A, TextLinkExternalIcon as Ai, PreviewCardTrigger as An, Panel as Ar, MessageItemBadgeSeparator as At, MessageQuotedPreviewHeader as B, useThemeScopeProps as Bi, MobileNavServerPopoverRowDescription as Bn, ScrollAreaScrollbar as Br, MessageItemInlineStatus as Bt, MessageListJumpPill as C, DialogSheetBack as Ci, PreviewCardFooter as Cn, DropdownMenuSeparator as Cr, MessageReactionTooltipContent as Ct, MessageListEndFade as D, PanelAction as Di, PreviewCardPortal as Dn, DropdownMenuTrigger as Dr, MessageReactionTooltipNames as Dt, MessageListDateDivider as E, DialogTrigger as Ei, PreviewCardPopup as En, DropdownMenuSubmenuTrigger as Er, MessageReactionTooltipNameText as Et, MessageQuotedPreviewAuthorDelegatedBy as F, Spinner as Fi, MobileNavServerPopoverDestinations as Fn, PanelScrollViewport as Fr, MessageItemDelegatedAvatar as Ft, MessageQuotedPreviewUnavailable as G, useStackedActions as Gi, PopoverBackdrop as Gn, Status as Gr, MessageItemSenderGroup as Gt, MessageQuotedPreviewText as H, ThemeStateContext as Hi, Popover$1 as Hn, ScrollAreaViewport as Hr, MessageItemSender as Ht, MessageQuotedPreviewAuthorMeta as I, defaultNativeButton as Ii, MobileNavServerPopoverGroup as In, PanelSection as Ir, MessageItemDelegatedBy as It, MessageEmbedFooter as J, headEdges as Ji, PopoverContent as Jn, ListRowBottom as Jr, MessageItemBody as Jt, MessageEmbed as K, controlIconInset as Ki, PopoverBody as Kn, ListRow as Kr, MessageItemTime as Kt, MessageQuotedPreviewAuthorName as L, OverlayLayerProvider as Li, MobileNavServerPopoverList as Ln, ScrollArea$1 as Lr, MessageItemDelegatedByButton as Lt, MessageQuotedPreviewAttachment as M, DialogSheetReset as Mi, MobileNavServerPopover as Mn, PanelFooter as Mr, MessageItemSavedIndicator as Mt, MessageQuotedPreviewAttachments as N, Button$1 as Ni, MobileNavServerPopoverContent as Nn, PanelHeaderRoot as Nr, MessageItemToolbar as Nt, MessageListHistoryLimited as O, panelToggleAction as Oi, PreviewCardSeparator as On, Kbd as Or, MessageReactionTooltipSeparator as Ot, MessageQuotedPreviewAuthor as P, buttonVariants as Pi, MobileNavServerPopoverDestination as Pn, PanelScrollContent as Pr, MessageItemToolbarButton as Pt, MessageTextSelectionToolbarButton as Q, PopoverPortal as Qn, ListRowIcon as Qr, MessageItemFooter as Qt, MessageQuotedPreviewChannel as R, useParentOverlayKind as Ri, MobileNavServerPopoverRow as Rn, ScrollAreaContent as Rr, MessageItemDelegatedByName as Rt, MessageListJumpControls as S, DialogPortal as Si, PreviewCardEyebrow as Sn, DropdownMenuRadioItemIndicator as Sr, MessageReactionQuickRow as St, MessageListJumpPillGroup as T, DialogTitle as Ti, PreviewCardMeta as Tn, DropdownMenuSubmenu as Tr, MessageReactionTooltipName as Tt, MessageQuotedPreviewThread as U, tv$1 as Ui, PopoverActions as Un, Checkbox$1 as Ur, MessageItemSenderBadges as Ut, MessageQuotedPreviewLoading as V, useTheme as Vi, MobileNavServerPopoverRowLabel as Vn, ScrollAreaThumb as Vr, MessageItemMeta as Vt, MessageQuotedPreviewTimestamp as W, stackedActions as Wi, PopoverArrow as Wn, CheckboxIndicator as Wr, MessageItemSenderButton as Wt, messageEmbed as X, PopoverHeader as Xn, ListRowDescription as Xr, MessageItemEdited as Xt, MessageEmbedHeader as Y, decisionWidth as Yi, PopoverDescription as Yn, ListRowChevron as Yr, MessageItemContent as Yt, MessageTextSelectionToolbar as Z, PopoverPopup as Zn, ListRowGroup as Zr, MessageItemEmbedded as Zt, InboxItemTrailing as _, DialogFooter as _i, PreviewCardActions as _n, DropdownMenuLinkItem as _r, MessageReactionErrorIndicator as _t, InboxItemContext as a, TooltipPortal as ai, Avatar$1 as an, MobileNavItem as ar, MessageReferenceIcon as at, useLatestRef as b, DialogNav as bi, PreviewCardContent as bn, DropdownMenuRadioGroup as br, MessageReactionPickerStatic as bt, InboxItemLeading as c, Badge as ci, AvatarGroup as cn, DropdownMenu as cr, MessageReferencePending as ct, InboxItemMetadata as d, useMobileViewport as di, useOverflowTitle as dn, DropdownMenuContent as dr, MessageReferenceText as dt, ListRowTitle as ei, MessageItemAvatarSlot as en, PopoverTitle as er, MessageMultiSelect as et, InboxItemSelection as f, Dialog$1 as fi, measureContent as fn, DropdownMenuFooter as fr, MessageReferenceUnavailable as ft, InboxItemTitle as g, DialogDescription as gi, PreviewCard$1 as gn, DropdownMenuLabel as gr, MessageReactionCount as gt, InboxItemTimestamp as h, DialogContent as hi, readNow as hn, DropdownMenuItemLabel as hr, MessageReactionChip as ht, InboxItemContent as i, TooltipContent as ii, searchHit as in, useMouseOnlyPointerSensor as ir, MessageReferenceChip as it, MessageQuotedPreview as j, textLinkVariants as ji, MobileNavServerItem as jn, PanelBody as jr, MessageItemReadReceipt as jt, MessageListNotice as k, TextLink as ki, PreviewCardTitle as kn, KbdGroup as kr, MessageItemBadge as kt, InboxItemMarks as l, DialogCommit as li, AvatarGroupCount as ln, DropdownMenuCheckboxItem as lr, MessageReferenceReadMark as lt, InboxItemSubtitle as m, DialogClose as mi, observeTruncation as mn, DropdownMenuItemCount as mr, MessageReactionAddButton as mt, InboxItemActions as n, ListRowValue as ni, MessageItemGutter as nn, PopoverViewport as nr, MessageMultiSelectToolbar as nt, InboxItemHeading as o, TooltipProvider as oi, AvatarBadge as on, MobileNavLabel as or, MessageReferenceIndicator as ot, InboxItemSender as p, DialogBody as pi, measureElement as pn, DropdownMenuItem as pr, inlineChip as pt, MessageEmbedContent as q, headEdgePull as qi, PopoverClose as qn, ListRowBody as qr, MessageItemAttachments as qt, InboxItemBody as r, Tooltip$1 as ri, MessageItem as rn, useHoldThenMoveTouchSensor as rr, MessageMultiSelectToolbarActions as rt, InboxItemHoverTarget as s, TooltipTrigger as si, AvatarFallback as sn, MobileNavRoot as sr, MessageReferenceLabel as st, InboxItem as t, ListRowTop as ti, MessageItemContinuationTime as tn, PopoverTrigger as tr, MessageMultiSelectCheckbox as tt, InboxItemMessage as u, DialogSheetContent as ui, AvatarImage as un, DropdownMenuCheckboxItemIndicator as ur, MessageReferenceSuffix as ut, InboxItemTrigger as v, DialogFooterNote as vi, PreviewCardArrow as vn, DropdownMenuPopup as vr, MessageReactionGlyph as vt, MessageListJumpPillDismiss as w, DialogSurface as wi, PreviewCardHeader as wn, DropdownMenuShortcut as wr, MessageReactionTooltipMeta as wt, Skeleton as x, DialogOverlay as xi, PreviewCardDescription as xn, DropdownMenuRadioItem as xr, MessageReactionQuickButton as xt, inboxItem as y, DialogHeader as yi, PreviewCardBody as yn, DropdownMenuPortal as yr, MessageReactionPickerContent as yt, MessageQuotedPreviewContent as z, withOverlayLayer as zi, MobileNavServerPopoverRowBody as zn, ScrollAreaCorner as zr, MessageItemHeader as zt };
+export { MessageTextSelectionToolbarSeparator as $, headEdgePull as $i, PopoverClose as $n, ListRowBody as $r, MessageItemSearchMatch as $t, MessageList as A, DialogSurface as Ai, PreviewCardHeader as An, DropdownMenuShortcut as Ar, MessageItemBadgeSeparator as At, MessageQuotedPreviewHeader as B, buttonVariants as Bi, MobileNavServerPopoverDestination as Bn, PanelScrollContent as Br, MessageItemInlineStatus as Bt, MessageListJumpPill as C, DialogFooter as Ci, PreviewCardActions as Cn, DropdownMenuLinkItem as Cr, MessageReactionTooltipContent as Ct, MessageListEndFade as D, DialogOverlay as Di, PreviewCardDescription as Dn, DropdownMenuRadioItem as Dr, MessageReactionTooltipNames as Dt, MessageListDateDivider as E, DialogNav as Ei, PreviewCardContent as En, DropdownMenuRadioGroup as Er, MessageReactionTooltipNameText as Et, MessageQuotedPreviewAuthorDelegatedBy as F, TextLink as Fi, PreviewCardTitle as Fn, KbdGroup as Fr, MessageItemDelegatedAvatar as Ft, MessageQuotedPreviewUnavailable as G, withOverlayLayer as Gi, MobileNavServerPopoverRowBody as Gn, ScrollAreaCorner as Gr, MessageItemSenderGroup as Gt, MessageQuotedPreviewText as H, defaultNativeButton as Hi, MobileNavServerPopoverGroup as Hn, PanelSection as Hr, MessageItemSender as Ht, MessageQuotedPreviewAuthorMeta as I, TextLinkExternalIcon as Ii, PreviewCardTrigger as In, Panel as Ir, MessageItemDelegatedBy as It, MessageEmbedFooter as J, ThemeStateContext as Ji, Popover$1 as Jn, ScrollAreaViewport as Jr, MessageItemBody as Jt, MessageEmbed as K, useThemeScopeProps as Ki, MobileNavServerPopoverRowDescription as Kn, ScrollAreaScrollbar as Kr, MessageItemTime as Kt, MessageQuotedPreviewAuthorName as L, textLinkVariants as Li, MobileNavServerItem as Ln, PanelBody as Lr, MessageItemDelegatedByButton as Lt, MessageQuotedPreviewAttachment as M, DialogTrigger as Mi, PreviewCardPopup as Mn, DropdownMenuSubmenuTrigger as Mr, MessageItemSavedIndicator as Mt, MessageQuotedPreviewAttachments as N, PanelAction as Ni, PreviewCardPortal as Nn, DropdownMenuTrigger as Nr, MessageItemToolbar as Nt, MessageListHistoryLimited as O, DialogPortal as Oi, PreviewCardEyebrow as On, DropdownMenuRadioItemIndicator as Or, MessageReactionTooltipSeparator as Ot, MessageQuotedPreviewAuthor as P, panelToggleAction as Pi, PreviewCardSeparator as Pn, Kbd as Pr, MessageItemToolbarButton as Pt, MessageTextSelectionToolbarButton as Q, controlIconInset as Qi, PopoverBody as Qn, ListRow as Qr, MessageItemFooter as Qt, MessageQuotedPreviewChannel as R, DialogSheetReset as Ri, MobileNavServerPopover as Rn, PanelFooter as Rr, MessageItemDelegatedByName as Rt, MessageListJumpControls as S, DialogDescription as Si, PreviewCard$1 as Sn, DropdownMenuLabel as Sr, MessageReactionQuickRow as St, MessageListJumpPillGroup as T, DialogHeader as Ti, PreviewCardBody as Tn, DropdownMenuPortal as Tr, MessageReactionTooltipName as Tt, MessageQuotedPreviewThread as U, OverlayLayerProvider as Ui, MobileNavServerPopoverList as Un, ScrollArea$1 as Ur, MessageItemSenderBadges as Ut, MessageQuotedPreviewLoading as V, Spinner as Vi, MobileNavServerPopoverDestinations as Vn, PanelScrollViewport as Vr, MessageItemMeta as Vt, MessageQuotedPreviewTimestamp as W, useParentOverlayKind as Wi, MobileNavServerPopoverRow as Wn, ScrollAreaContent as Wr, MessageItemSenderButton as Wt, messageEmbed as X, stackedActions as Xi, PopoverArrow as Xn, CheckboxIndicator as Xr, MessageItemEdited as Xt, MessageEmbedHeader as Y, tv$1 as Yi, PopoverActions as Yn, Checkbox$1 as Yr, MessageItemContent as Yt, MessageTextSelectionToolbar as Z, useStackedActions as Zi, PopoverBackdrop as Zn, Status as Zr, MessageItemEmbedded as Zt, InboxItemTrailing as _, useMobileViewport as _i, useOverflowTitle as _n, DropdownMenuContent as _r, MessageReactionErrorIndicator as _t, InboxItemContext as a, ListRowMeta as ai, Avatar$1 as an, PopoverSeparator as ar, MessageReferenceIcon as at, useLatestRef as b, DialogClose as bi, observeTruncation as bn, DropdownMenuItemCount as br, MessageReactionPickerStatic as bt, InboxItemLeading as c, ListRowValue as ci, AvatarGroup as cn, PopoverViewport as cr, MessageReferencePending as ct, InboxItemMetadata as d, TooltipPortal as di, RadioGroup$1 as dn, MobileNavItem as dr, MessageReferenceText as dt, headEdges as ea, ListRowBottom as ei, MessageItemAvatarSlot as en, PopoverContent as er, MessageMultiSelect as et, InboxItemSelection as f, TooltipProvider as fi, RadioGroupIndicator as fn, MobileNavLabel as fr, MessageReferenceUnavailable as ft, InboxItemTitle as g, DialogSheetContent as gi, InputGroupInput as gn, DropdownMenuCheckboxItemIndicator as gr, MessageReactionCount as gt, InboxItemTimestamp as h, DialogCommit as hi, InputGroupAddon as hn, DropdownMenuCheckboxItem as hr, MessageReactionChip as ht, InboxItemContent as i, ListRowIcon as ii, searchHit as in, PopoverPortal as ir, MessageReferenceChip as it, MessageQuotedPreview as j, DialogTitle as ji, PreviewCardMeta as jn, DropdownMenuSubmenu as jr, MessageItemReadReceipt as jt, MessageListNotice as k, DialogSheetBack as ki, PreviewCardFooter as kn, DropdownMenuSeparator as kr, MessageItemBadge as kt, InboxItemMarks as l, Tooltip$1 as li, AvatarGroupCount as ln, useHoldThenMoveTouchSensor as lr, MessageReferenceReadMark as lt, InboxItemSubtitle as m, Badge as mi, InputGroup as mn, DropdownMenu as mr, MessageReactionAddButton as mt, InboxItemActions as n, ListRowDescription as ni, MessageItemGutter as nn, PopoverHeader as nr, MessageMultiSelectToolbar as nt, InboxItemHeading as o, ListRowTitle as oi, AvatarBadge as on, PopoverTitle as or, MessageReferenceIndicator as ot, InboxItemSender as p, TooltipTrigger as pi, RadioGroupItem as pn, MobileNavRoot as pr, inlineChip as pt, MessageEmbedContent as q, useTheme as qi, MobileNavServerPopoverRowLabel as qn, ScrollAreaThumb as qr, MessageItemAttachments as qt, InboxItemBody as r, ListRowGroup as ri, MessageItem as rn, PopoverPopup as rr, MessageMultiSelectToolbarActions as rt, InboxItemHoverTarget as s, ListRowTop as si, AvatarFallback as sn, PopoverTrigger as sr, MessageReferenceLabel as st, InboxItem as t, decisionWidth as ta, ListRowChevron as ti, MessageItemContinuationTime as tn, PopoverDescription as tr, MessageMultiSelectCheckbox as tt, InboxItemMessage as u, TooltipContent as ui, AvatarImage as un, useMouseOnlyPointerSensor as ur, MessageReferenceSuffix as ut, InboxItemTrigger as v, Dialog$1 as vi, measureContent as vn, DropdownMenuFooter as vr, MessageReactionGlyph as vt, MessageListJumpPillDismiss as w, DialogFooterNote as wi, PreviewCardArrow as wn, DropdownMenuPopup as wr, MessageReactionTooltipMeta as wt, Skeleton as x, DialogContent as xi, readNow as xn, DropdownMenuItemLabel as xr, MessageReactionQuickButton as xt, inboxItem as y, DialogBody as yi, measureElement as yn, DropdownMenuItem as yr, MessageReactionPickerContent as yt, MessageQuotedPreviewContent as z, Button$1 as zi, MobileNavServerPopoverContent as zn, PanelHeaderRoot as zr, MessageItemHeader as zt };

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $ as MessageTextSelectionToolbarSeparator, $n as PopoverSeparator, $r as ListRowMeta, $t as MessageItemSearchMatch, A as MessageList, Ai as TextLinkExternalIcon, An as PreviewCardTrigger, Ar as Panel, At as MessageItemBadgeSeparator, B as MessageQuotedPreviewHeader, Bi as useThemeScopeProps, Br as ScrollAreaScrollbar, Bt as MessageItemInlineStatus, Cr as DropdownMenuSeparator, Ct as MessageReactionTooltipContent, D as MessageListEndFade, Di as PanelAction, Dn as PreviewCardPortal, Dr as DropdownMenuTrigger, Dt as MessageReactionTooltipNames, E as MessageListDateDivider, Ei as DialogTrigger, En as PreviewCardPopup, Er as DropdownMenuSubmenuTrigger, Et as MessageReactionTooltipNameText, Fi as Spinner, Fr as PanelScrollViewport, G as MessageQuotedPreviewUnavailable, Gi as useStackedActions, Gn as PopoverBackdrop, Gr as Status, Gt as MessageItemSenderGroup, H as MessageQuotedPreviewText, Hi as ThemeStateContext, Hn as Popover, Hr as ScrollAreaViewport, Ht as MessageItemSender, I as MessageQuotedPreviewAuthorMeta, Ii as defaultNativeButton, Ir as PanelSection, J as MessageEmbedFooter, Ji as headEdges, Jn as PopoverContent, Jr as ListRowBottom, Jt as MessageItemBody, K as MessageEmbed, Ki as controlIconInset, Kr as ListRow, Kt as MessageItemTime, L as MessageQuotedPreviewAuthorName, Lr as ScrollArea, M as MessageQuotedPreviewAttachment, Mi as DialogSheetReset, Mr as PanelFooter, Mt as MessageItemSavedIndicator, N as MessageQuotedPreviewAttachments, Ni as Button, Nr as PanelHeaderRoot, Nt as MessageItemToolbar, O as MessageListHistoryLimited, Oi as panelToggleAction, On as PreviewCardSeparator, Or as Kbd, Ot as MessageReactionTooltipSeparator, P as MessageQuotedPreviewAuthor, Pi as buttonVariants, Pr as PanelScrollContent, Pt as MessageItemToolbarButton, Q as MessageTextSelectionToolbarButton, Qn as PopoverPortal, Qr as ListRowIcon, Qt as MessageItemFooter, R as MessageQuotedPreviewChannel, Ri as useParentOverlayKind, Rr as ScrollAreaContent, Si as DialogPortal, Sr as DropdownMenuRadioItemIndicator, St as MessageReactionQuickRow, Ti as DialogTitle, Tr as DropdownMenuSubmenu, Tt as MessageReactionTooltipName, U as MessageQuotedPreviewThread, Ui as tv, Ur as Checkbox, Ut as MessageItemSenderBadges, V as MessageQuotedPreviewLoading, Vi as useTheme, Vr as ScrollAreaThumb, Vt as MessageItemMeta, W as MessageQuotedPreviewTimestamp, Wi as stackedActions, Wn as PopoverArrow, Wr as CheckboxIndicator, Wt as MessageItemSenderButton, X as messageEmbed, Xn as PopoverHeader, Xr as ListRowDescription, Xt as MessageItemEdited, Y as MessageEmbedHeader, Yi as decisionWidth, Yn as PopoverDescription, Yr as ListRowChevron, Yt as MessageItemContent, Z as MessageTextSelectionToolbar, Zn as PopoverPopup, Zr as ListRowGroup, Zt as MessageItemEmbedded, _ as InboxItemTrailing, _i as DialogFooter, _t as MessageReactionErrorIndicator, a as InboxItemContext, ai as TooltipPortal, an as Avatar, ar as MobileNavItem, b as useLatestRef, bi as DialogNav, bn as PreviewCardContent, br as DropdownMenuRadioGroup, bt as MessageReactionPickerStatic, c as InboxItemLeading, ci as Badge, cn as AvatarGroup, cr as DropdownMenu, ct as MessageReferencePending, d as InboxItemMetadata, di as useMobileViewport, dn as useOverflowTitle, dr as DropdownMenuContent, dt as MessageReferenceText, ei as ListRowTitle, en as MessageItemAvatarSlot, er as PopoverTitle, et as MessageMultiSelect, f as InboxItemSelection, fi as Dialog, fr as DropdownMenuFooter, ft as MessageReferenceUnavailable, g as InboxItemTitle, gi as DialogDescription, gn as PreviewCard, gr as DropdownMenuLabel, gt as MessageReactionCount, h as InboxItemTimestamp, hi as DialogContent, hr as DropdownMenuItemLabel, ht as MessageReactionChip, i as InboxItemContent, ii as TooltipContent, in as searchHit, ir as useMouseOnlyPointerSensor, it as MessageReferenceChip, j as MessageQuotedPreview, ji as textLinkVariants, jr as PanelBody, jt as MessageItemReadReceipt, k as MessageListNotice, ki as TextLink, kn as PreviewCardTitle, kr as KbdGroup, kt as MessageItemBadge, l as InboxItemMarks, ln as AvatarGroupCount, lr as DropdownMenuCheckboxItem, lt as MessageReferenceReadMark, m as InboxItemSubtitle, mi as DialogClose, mr as DropdownMenuItemCount, mt as MessageReactionAddButton, n as InboxItemActions, ni as ListRowValue, nn as MessageItemGutter, nr as PopoverViewport, nt as MessageMultiSelectToolbar, o as InboxItemHeading, oi as TooltipProvider, on as AvatarBadge, or as MobileNavLabel, ot as MessageReferenceIndicator, p as InboxItemSender, pi as DialogBody, pr as DropdownMenuItem, pt as inlineChip, q as MessageEmbedContent, qi as headEdgePull, qn as PopoverClose, qr as ListRowBody, qt as MessageItemAttachments, r as InboxItemBody, ri as Tooltip, rn as MessageItem, rr as useHoldThenMoveTouchSensor, rt as MessageMultiSelectToolbarActions, s as InboxItemHoverTarget, si as TooltipTrigger, sn as AvatarFallback, sr as MobileNavRoot, st as MessageReferenceLabel, t as InboxItem, ti as ListRowTop, tn as MessageItemContinuationTime, tr as PopoverTrigger, tt as MessageMultiSelectCheckbox, u as InboxItemMessage, un as AvatarImage, ur as DropdownMenuCheckboxItemIndicator, ut as MessageReferenceSuffix, v as InboxItemTrigger, vn as PreviewCardArrow, vr as DropdownMenuPopup, vt as MessageReactionGlyph, wi as DialogSurface, wn as PreviewCardHeader, wr as DropdownMenuShortcut, wt as MessageReactionTooltipMeta, x as Skeleton, xi as DialogOverlay, xn as PreviewCardDescription, xr as DropdownMenuRadioItem, xt as MessageReactionQuickButton, yi as DialogHeader, yr as DropdownMenuPortal, yt as MessageReactionPickerContent, z as MessageQuotedPreviewContent, zi as withOverlayLayer, zr as ScrollAreaCorner, zt as MessageItemHeader } from "./inbox-item-B-IdTaxl.mjs";
+import { $ as MessageTextSelectionToolbarSeparator, $i as headEdgePull, $n as PopoverClose, $r as ListRowBody, $t as MessageItemSearchMatch, A as MessageList, Ai as DialogSurface, An as PreviewCardHeader, Ar as DropdownMenuShortcut, At as MessageItemBadgeSeparator, B as MessageQuotedPreviewHeader, Bi as buttonVariants, Br as PanelScrollContent, Bt as MessageItemInlineStatus, Ci as DialogFooter, Ct as MessageReactionTooltipContent, D as MessageListEndFade, Di as DialogOverlay, Dn as PreviewCardDescription, Dr as DropdownMenuRadioItem, Dt as MessageReactionTooltipNames, E as MessageListDateDivider, Ei as DialogNav, En as PreviewCardContent, Er as DropdownMenuRadioGroup, Et as MessageReactionTooltipNameText, Fi as TextLink, Fn as PreviewCardTitle, Fr as KbdGroup, G as MessageQuotedPreviewUnavailable, Gi as withOverlayLayer, Gr as ScrollAreaCorner, Gt as MessageItemSenderGroup, H as MessageQuotedPreviewText, Hi as defaultNativeButton, Hr as PanelSection, Ht as MessageItemSender, I as MessageQuotedPreviewAuthorMeta, Ii as TextLinkExternalIcon, In as PreviewCardTrigger, Ir as Panel, J as MessageEmbedFooter, Ji as ThemeStateContext, Jn as Popover, Jr as ScrollAreaViewport, Jt as MessageItemBody, K as MessageEmbed, Ki as useThemeScopeProps, Kr as ScrollAreaScrollbar, Kt as MessageItemTime, L as MessageQuotedPreviewAuthorName, Li as textLinkVariants, Lr as PanelBody, M as MessageQuotedPreviewAttachment, Mi as DialogTrigger, Mn as PreviewCardPopup, Mr as DropdownMenuSubmenuTrigger, Mt as MessageItemSavedIndicator, N as MessageQuotedPreviewAttachments, Ni as PanelAction, Nn as PreviewCardPortal, Nr as DropdownMenuTrigger, Nt as MessageItemToolbar, O as MessageListHistoryLimited, Oi as DialogPortal, Or as DropdownMenuRadioItemIndicator, Ot as MessageReactionTooltipSeparator, P as MessageQuotedPreviewAuthor, Pi as panelToggleAction, Pn as PreviewCardSeparator, Pr as Kbd, Pt as MessageItemToolbarButton, Q as MessageTextSelectionToolbarButton, Qi as controlIconInset, Qr as ListRow, Qt as MessageItemFooter, R as MessageQuotedPreviewChannel, Ri as DialogSheetReset, Rr as PanelFooter, Si as DialogDescription, Sn as PreviewCard, Sr as DropdownMenuLabel, St as MessageReactionQuickRow, Ti as DialogHeader, Tr as DropdownMenuPortal, Tt as MessageReactionTooltipName, U as MessageQuotedPreviewThread, Ur as ScrollArea, Ut as MessageItemSenderBadges, V as MessageQuotedPreviewLoading, Vi as Spinner, Vr as PanelScrollViewport, Vt as MessageItemMeta, W as MessageQuotedPreviewTimestamp, Wi as useParentOverlayKind, Wr as ScrollAreaContent, Wt as MessageItemSenderButton, X as messageEmbed, Xi as stackedActions, Xn as PopoverArrow, Xr as CheckboxIndicator, Xt as MessageItemEdited, Y as MessageEmbedHeader, Yi as tv, Yr as Checkbox, Yt as MessageItemContent, Z as MessageTextSelectionToolbar, Zi as useStackedActions, Zn as PopoverBackdrop, Zr as Status, Zt as MessageItemEmbedded, _ as InboxItemTrailing, _i as useMobileViewport, _n as useOverflowTitle, _r as DropdownMenuContent, _t as MessageReactionErrorIndicator, a as InboxItemContext, ai as ListRowMeta, an as Avatar, ar as PopoverSeparator, b as useLatestRef, bi as DialogClose, br as DropdownMenuItemCount, bt as MessageReactionPickerStatic, c as InboxItemLeading, ci as ListRowValue, cn as AvatarGroup, cr as PopoverViewport, ct as MessageReferencePending, d as InboxItemMetadata, di as TooltipPortal, dn as RadioGroup, dr as MobileNavItem, dt as MessageReferenceText, ea as headEdges, ei as ListRowBottom, en as MessageItemAvatarSlot, er as PopoverContent, et as MessageMultiSelect, f as InboxItemSelection, fi as TooltipProvider, fn as RadioGroupIndicator, fr as MobileNavLabel, ft as MessageReferenceUnavailable, g as InboxItemTitle, gn as InputGroupInput, gr as DropdownMenuCheckboxItemIndicator, gt as MessageReactionCount, h as InboxItemTimestamp, hn as InputGroupAddon, hr as DropdownMenuCheckboxItem, ht as MessageReactionChip, i as InboxItemContent, ii as ListRowIcon, in as searchHit, ir as PopoverPortal, it as MessageReferenceChip, j as MessageQuotedPreview, ji as DialogTitle, jr as DropdownMenuSubmenu, jt as MessageItemReadReceipt, k as MessageListNotice, kr as DropdownMenuSeparator, kt as MessageItemBadge, l as InboxItemMarks, li as Tooltip, ln as AvatarGroupCount, lr as useHoldThenMoveTouchSensor, lt as MessageReferenceReadMark, m as InboxItemSubtitle, mi as Badge, mn as InputGroup, mr as DropdownMenu, mt as MessageReactionAddButton, n as InboxItemActions, ni as ListRowDescription, nn as MessageItemGutter, nr as PopoverHeader, nt as MessageMultiSelectToolbar, o as InboxItemHeading, oi as ListRowTitle, on as AvatarBadge, or as PopoverTitle, ot as MessageReferenceIndicator, p as InboxItemSender, pi as TooltipTrigger, pn as RadioGroupItem, pr as MobileNavRoot, pt as inlineChip, q as MessageEmbedContent, qi as useTheme, qr as ScrollAreaThumb, qt as MessageItemAttachments, r as InboxItemBody, ri as ListRowGroup, rn as MessageItem, rr as PopoverPopup, rt as MessageMultiSelectToolbarActions, s as InboxItemHoverTarget, si as ListRowTop, sn as AvatarFallback, sr as PopoverTrigger, st as MessageReferenceLabel, t as InboxItem, ta as decisionWidth, ti as ListRowChevron, tn as MessageItemContinuationTime, tr as PopoverDescription, tt as MessageMultiSelectCheckbox, u as InboxItemMessage, ui as TooltipContent, un as AvatarImage, ur as useMouseOnlyPointerSensor, ut as MessageReferenceSuffix, v as InboxItemTrigger, vi as Dialog, vr as DropdownMenuFooter, vt as MessageReactionGlyph, wn as PreviewCardArrow, wr as DropdownMenuPopup, wt as MessageReactionTooltipMeta, x as Skeleton, xi as DialogContent, xr as DropdownMenuItemLabel, xt as MessageReactionQuickButton, yi as DialogBody, yr as DropdownMenuItem, yt as MessageReactionPickerContent, z as MessageQuotedPreviewContent, zi as Button, zr as PanelHeaderRoot, zt as MessageItemHeader } from "./inbox-item-69Tx19JG.mjs";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { AlertTriangle, Bell, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, Copy, FileText, Image, Info, TriangleAlert, Upload, X, Zap } from "lucide-react";
 import { Children, cloneElement, createContext, createElement, isValidElement, use, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -3174,179 +3174,6 @@ function FieldValidity(props) {
 	return /* @__PURE__ */ jsx(Field$1.Validity, { ...props });
 }
 //#endregion
-//#region src/components/input-group/input-group.tsx
-const inputGroup = tv({
-	slots: {
-		root: [
-			"group/input-group relative flex w-full min-w-0 items-center",
-			"has-data-[input-group-trim=inline-end]:[--ig-control-pr:0]",
-			"h-control overflow-hidden rounded-control border-[1.5px] border-line-field bg-layer-card text-foreground",
-			"shadow-none transition-shadow duration-90 ease-out has-focus-visible:shadow-focus",
-			"has-[[data-slot=input-group-control][data-invalid]]:border-danger-strong",
-			"has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:border-line-hairline has-[[data-slot=input-group-control]:disabled]:bg-fill-muted",
-			"has-[[data-slot=input-group-control]:disabled]:[--ig-addon-fg:var(--foreground-disabled)]",
-			"has-[[data-slot=input-group-control]:disabled]:[--ig-text-fg:var(--foreground-disabled)]"
-		],
-		addon: [
-			"flex shrink-0 items-center justify-center gap-2 px-3",
-			"select-none",
-			"text-(--ig-addon-fg,var(--ig-addon-fg-default,var(--foreground-hint)))",
-			"[&>svg:not([class*='size-'])]:size-4.5"
-		],
-		text: [
-			"flex min-w-0 max-w-1/2 shrink-0 items-center px-3",
-			"select-none",
-			"font-mono text-mono-code",
-			"text-(--ig-text-fg,var(--ig-text-fg-default,var(--foreground-hint)))"
-		],
-		textInner: ["min-w-0 truncate"],
-		control: [
-			"min-w-0 flex-1 bg-transparent pl-3 outline-none",
-			"pr-(--ig-control-pr,0.75rem)",
-			"h-full py-0 font-heading text-field font-field",
-			"text-foreground placeholder:text-foreground-hint",
-			"disabled:cursor-not-allowed disabled:text-foreground-disabled disabled:placeholder:text-foreground-disabled"
-		]
-	},
-	variants: {
-		align: {
-			"inline-start": {
-				addon: "order-first",
-				text: "order-first"
-			},
-			"inline-end": {
-				addon: "order-last",
-				text: "order-last"
-			}
-		},
-		variant: {
-			default: {},
-			container: {
-				addon: [
-					"self-stretch",
-					"[--ig-addon-fg-default:var(--foreground-hint)]",
-					"border-line-hairline bg-fill-muted"
-				],
-				text: [
-					"self-stretch",
-					"[--ig-text-fg-default:var(--foreground-hint)]",
-					"border-line-hairline bg-fill-muted"
-				]
-			}
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "default",
-			align: "inline-start",
-			class: {
-				addon: "[&~[data-slot=input-group-control]]:pl-0",
-				text: "[&~[data-slot=input-group-control]]:pl-0"
-			}
-		},
-		{
-			variant: "container",
-			align: "inline-start",
-			class: {
-				addon: "border-r",
-				text: "border-r"
-			}
-		},
-		{
-			variant: "container",
-			align: "inline-end",
-			class: {
-				addon: "border-l",
-				text: "border-l"
-			}
-		},
-		{
-			variant: "default",
-			align: "inline-start",
-			class: {
-				addon: "pr-2",
-				text: "pr-0.5"
-			}
-		},
-		{
-			variant: "default",
-			align: "inline-end",
-			class: {
-				addon: [
-					"pl-2",
-					"*:data-[slot=button]:size-control-embedded *:data-[slot=button]:rounded-chip",
-					"[&>[data-slot=button]_svg:not([class*='size-'])]:size-4",
-					"[&>[data-slot=button]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
-				],
-				text: "pl-0.5"
-			}
-		}
-	],
-	defaultVariants: {
-		align: "inline-start",
-		variant: "default"
-	}
-});
-function InputGroup({ className, ...props }) {
-	const { root } = inputGroup();
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-group",
-		className: root({ className }),
-		...props
-	});
-}
-function InputGroupAddonRoot({ align = "inline-start", variant = "default", className, ...props }) {
-	const { addon } = inputGroup({
-		align,
-		variant
-	});
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-group-addon",
-		"data-align": align,
-		"data-variant": variant,
-		"data-input-group-trim": variant === "default" && align === "inline-end" ? align : void 0,
-		className: addon({ className }),
-		...props
-	});
-}
-function TextAddon({ align = "inline-start", variant = "default", className, ref, title, children, ...props }) {
-	const { text, textInner } = inputGroup({
-		align,
-		variant
-	});
-	const overflowRef = useOverflowTitle(ref, title);
-	return /* @__PURE__ */ jsx("span", {
-		ref: overflowRef,
-		title,
-		"data-slot": "input-group-text",
-		"data-align": align,
-		"data-variant": variant,
-		"data-input-group-trim": variant === "default" && align === "inline-end" ? align : void 0,
-		className: text({ className }),
-		...props,
-		children: /* @__PURE__ */ jsx("span", {
-			"data-slot": "input-group-text-value",
-			className: textInner(),
-			children
-		})
-	});
-}
-const InputGroupAddon = Object.assign(InputGroupAddonRoot, { Text: TextAddon });
-function InputGroupInput({ className, suppressPasswordManager, "data-invalid": dataInvalid, ...props }) {
-	const { control } = inputGroup();
-	return /* @__PURE__ */ jsx(Input$1, {
-		"data-slot": "input-group-control",
-		className: control({ className: [suppressPasswordManager && "keeper-ignore", className] }),
-		"data-1p-ignore": suppressPasswordManager ? "true" : void 0,
-		"data-bwignore": suppressPasswordManager ? "true" : void 0,
-		"data-form-type": suppressPasswordManager ? "other" : void 0,
-		"data-lpignore": suppressPasswordManager ? "true" : void 0,
-		...props,
-		"data-invalid": dataInvalid || void 0,
-		"aria-invalid": dataInvalid ? "true" : void 0
-	});
-}
-//#endregion
 //#region src/components/combobox/combobox.tsx
 const combobox = tv({
 	slots: {
@@ -4165,59 +3992,6 @@ function SelectArrow({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/components/radio-group/radio-group.tsx
-const radioGroup = tv({ slots: {
-	root: [
-		"grid w-full gap-2",
-		"data-disabled:[&>label]:cursor-not-allowed data-disabled:[&>label]:text-foreground-disabled",
-		"data-disabled:[&>label_*]:text-foreground-disabled",
-		"font-sans [&>label]:font-semibold"
-	],
-	item: [
-		"relative inline-flex shrink-0 touch-manipulation items-center justify-center rounded-full outline-none",
-		"data-disabled:cursor-not-allowed",
-		"after:absolute after:-inset-x-3 after:-inset-y-2 after:content-['']",
-		"pointer-coarse:after:-inset-y-[calc(--spacing(3)+1.5px)]",
-		"[label>&]:my-[max(0px,calc((1lh-1.25rem)/2))]",
-		"[label>&]:after:-inset-y-[calc(max(0px,(1lh-1.25rem)/2)+5.5px)]",
-		"size-5 border-[1.5px] border-line-strong bg-layer-card text-foreground",
-		"focus-visible:shadow-focus",
-		"data-disabled:border-foreground-disabled data-disabled:bg-fill-muted data-disabled:text-foreground-disabled"
-	],
-	indicator: ["pointer-events-none flex size-full items-center justify-center"],
-	dot: ["block rounded-full bg-current", "size-2"]
-} });
-function RadioGroup({ className, ...props }) {
-	const { root } = radioGroup();
-	return /* @__PURE__ */ jsx(RadioGroup$1, {
-		"data-slot": "radio-group",
-		className: root({ className }),
-		...props
-	});
-}
-function RadioGroupIndicator({ className, children, ...props }) {
-	const { indicator, dot } = radioGroup();
-	return /* @__PURE__ */ jsx(Radio.Indicator, {
-		"data-slot": "radio-group-indicator",
-		className: indicator({ className }),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			"data-slot": "radio-group-dot",
-			className: dot()
-		})
-	});
-}
-function RadioGroupItem({ appearance = "default", className, children, ...props }) {
-	const { item } = radioGroup();
-	const itemClassName = appearance === "none" ? cn("sr-only", "data-disabled:cursor-not-allowed", className) : item({ className });
-	return /* @__PURE__ */ jsx(Radio.Root, {
-		"data-slot": "radio-group-item",
-		className: itemClassName,
-		...props,
-		children: children ?? (appearance === "default" ? /* @__PURE__ */ jsx(RadioGroupIndicator, {}) : null)
-	});
-}
-//#endregion
 //#region src/components/switch/switch.tsx
 const switchRecipe = tv({ slots: {
 	root: [

package/dist/wip.d.mts

@@ -706,4 +706,99 @@ type PullToRefreshIndicatorProps = Omit<ComponentProps<"div">, "children"> & {
  */
 export declare function PullToRefreshIndicator({ pull, label, className, style, ...props }: PullToRefreshIndicatorProps): import("react").JSX.Element;
 //#endregion
-export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UsePullToRefreshOptions };
+//#region src/components/choice-list/choice-list.d.ts
+type ChoiceListItem = {
+  value: string;
+  /** The row's name. The radio or checkbox is named by this alone. */
+  label: ReactNode;
+  /** What the search matches, case-insensitively. Defaults to `label` when it is a string. */
+  searchText?: string;
+  /**
+   * Up to two lines under the name, each cut to one line. An empty line
+   * (null, false or "") is not drawn. Colour inside a line is the caller's.
+   */
+  description?: ReactNode | readonly ReactNode[];
+  /** Drawn before the radio's or checkbox's row text: an avatar, an icon. */
+  media?: ReactNode;
+  /**
+   * A button at the end of the row, such as one that opens details. It sits
+   * outside the row's label and the group: clicking it chooses nothing, and
+   * it is a Tab stop of its own after the group, in row order.
+   */
+  action?: ReactNode;
+  disabled?: boolean;
+  /** The `value` of the group in `groups` this item is listed under. */
+  group?: string;
+};
+type ChoiceListGroup = {
+  value: string;
+  /** The small heading over the group's rows, such as "Agents". */
+  label: ReactNode;
+};
+type ChoiceListCommonProps = {
+  items: readonly ChoiceListItem[];
+  /**
+   * When the search box shows. `"always"` when people look for an item they
+   * know by name, such as a person: the box shows at any count, and with a
+   * mouse or trackpad focus starts in it. `"auto"` when people choose by
+   * comparing the rows: the box shows only above 5 items.
+   */
+  search?: "auto" | "always";
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
+  disabled?: boolean;
+  /**
+   * The search box's accessible name. Required: any list can come to search,
+   * since `"auto"` shows the box once the items, usually from data, pass 5.
+   */
+  searchLabel: string;
+  searchPlaceholder?: string;
+  /** The search box's text when the list first draws, such as a search carried over. */
+  defaultSearchValue?: string;
+  /**
+   * The search box's text, for a caller that uses it: a "Create “…”" row
+   * named after it, or a no-match line that quotes it. With it, the caller
+   * owns the text, and `onSearchValueChange` reports each change.
+   */
+  searchValue?: string;
+  onSearchValueChange?: (value: string) => void;
+  /** The clear button's accessible name. */
+  clearSearchLabel: string;
+  /** The line under the chosen rows when nothing else matches. */
+  noMatchLabel?: ReactNode;
+  /** The line drawn when there are no items at all. */
+  empty?: ReactNode;
+  /**
+   * Headings that split the rows by kind, in this order, such as Agents then
+   * People. Each item names its group; a group with no rows to show, or a
+   * search that leaves it empty, draws no heading.
+   */
+  groups?: readonly ChoiceListGroup[];
+  /**
+   * A row of the caller's under the list, inside its frame, that stays in
+   * view while the rows scroll: the way out when the item isn't there, such
+   * as "Create an agent".
+   */
+  footer?: ReactNode;
+  /**
+   * The list takes the height it is given and its rows scroll inside it, for
+   * a sheet or panel whose main content is the list. Otherwise a list with a
+   * search scrolls past 18rem.
+   */
+  fill?: boolean;
+  className?: string;
+};
+type ChoiceListSingleProps = ChoiceListCommonProps & {
+  multiple?: false;
+  value: string | null;
+  onValueChange: (value: string) => void;
+};
+type ChoiceListMultipleProps = ChoiceListCommonProps & {
+  multiple: true;
+  value: readonly string[];
+  onValueChange: (value: string[]) => void;
+};
+type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
+export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
+//#endregion
+export { Dialog as AnnouncementDialog, DialogClose as AnnouncementDialogClose, DialogTrigger as AnnouncementDialogTrigger, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, type CommentCardMetaProps, type CommentCardProps, type CommentCardQuoteProps, type CommentCardTriggerProps, type CommentEntryAuthorProps, type CommentEntryBodyProps, type CommentEntryHeaderProps, type CommentEntryProps, type CommentEntryTimeProps, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, type CommentMarkerProps, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, type EllipsisProps, type EllipsisState, type EllipsisToggleProps, type HoldThenMoveOptions, type InboxItemLeadingBadgeProps, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, type ListRowSkeletonProps, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, type MeterHeaderProps, type MeterIndicatorProps, type MeterLabelProps, type MeterProps, type MeterTrackProps, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, type OverlayLayerKind, type OverlayLayerProviderProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, type UseCommentMarginFitsOptions, type UsePullToRefreshOptions };

package/dist/wip.mjs

@@ -1,5 +1,5 @@
-import { $r as ListRowMeta, Bi as useThemeScopeProps, Bn as MobileNavServerPopoverRowDescription, C as MessageListJumpPill, Ci as DialogSheetBack, Cn as PreviewCardFooter, Ei as DialogTrigger, F as MessageQuotedPreviewAuthorDelegatedBy, Fi as Spinner, Fn as MobileNavServerPopoverDestinations, Ft as MessageItemDelegatedAvatar, Ii as defaultNativeButton, In as MobileNavServerPopoverGroup, It as MessageItemDelegatedBy, Jr as ListRowBottom, Kn as PopoverBody, Kr as ListRow, Li as OverlayLayerProvider, Ln as MobileNavServerPopoverList, Lt as MessageItemDelegatedByButton, Mn as MobileNavServerPopover, Ni as Button$1, Nn as MobileNavServerPopoverContent, Pn as MobileNavServerPopoverDestination, Ri as useParentOverlayKind, Rn as MobileNavServerPopoverRow, Rt as MessageItemDelegatedByName, S as MessageListJumpControls, Sn as PreviewCardEyebrow, T as MessageListJumpPillGroup, Ti as DialogTitle, Tn as PreviewCardMeta, Ui as tv, Un as PopoverActions, Vi as useTheme, Vn as MobileNavServerPopoverRowLabel, Xr as ListRowDescription, _ as InboxItemTrailing, _n as PreviewCardActions, _r as DropdownMenuLinkItem, a as InboxItemContext, at as MessageReferenceIcon, b as useLatestRef, c as InboxItemLeading, dn as useOverflowTitle, ei as ListRowTitle, fi as Dialog, fn as measureContent, g as InboxItemTitle, h as InboxItemTimestamp, hi as DialogContent, hn as readNow, i as InboxItemContent, ii as TooltipContent, jn as MobileNavServerItem, ki as TextLink, li as DialogCommit, lt as MessageReferenceReadMark, mi as DialogClose, mn as observeTruncation, o as InboxItemHeading, pn as measureElement, qr as ListRowBody, r as InboxItemBody, ri as Tooltip, rr as useHoldThenMoveTouchSensor, si as TooltipTrigger, t as InboxItem, ti as ListRowTop, ui as DialogSheetContent, vi as DialogFooterNote, w as MessageListJumpPillDismiss, x as Skeleton, y as inboxItem, yn as PreviewCardBody, zn as MobileNavServerPopoverRowBody } from "./inbox-item-B-IdTaxl.mjs";
-import { Check, ChevronDown, LoaderCircle, Plus, X } from "lucide-react";
+import { $r as ListRowBody, Bn as MobileNavServerPopoverDestination, C as MessageListJumpPill, Cn as PreviewCardActions, Cr as DropdownMenuLinkItem, F as MessageQuotedPreviewAuthorDelegatedBy, Fi as TextLink, Ft as MessageItemDelegatedAvatar, Gn as MobileNavServerPopoverRowBody, Hi as defaultNativeButton, Hn as MobileNavServerPopoverGroup, It as MessageItemDelegatedBy, Ki as useThemeScopeProps, Kn as MobileNavServerPopoverRowDescription, Ln as MobileNavServerItem, Lt as MessageItemDelegatedByButton, Mi as DialogTrigger, On as PreviewCardEyebrow, Qn as PopoverBody, Qr as ListRow, Rn as MobileNavServerPopover, Rt as MessageItemDelegatedByName, S as MessageListJumpControls, T as MessageListJumpPillGroup, Tn as PreviewCardBody, Ui as OverlayLayerProvider, Un as MobileNavServerPopoverList, Vi as Spinner, Vn as MobileNavServerPopoverDestinations, Wi as useParentOverlayKind, Wn as MobileNavServerPopoverRow, Yi as tv, Yn as PopoverActions, Yr as Checkbox, _ as InboxItemTrailing, _n as useOverflowTitle, a as InboxItemContext, ai as ListRowMeta, at as MessageReferenceIcon, b as useLatestRef, bi as DialogClose, bn as observeTruncation, c as InboxItemLeading, dn as RadioGroup, ei as ListRowBottom, g as InboxItemTitle, gi as DialogSheetContent, gn as InputGroupInput, h as InboxItemTimestamp, hi as DialogCommit, hn as InputGroupAddon, i as InboxItemContent, ji as DialogTitle, jn as PreviewCardMeta, ki as DialogSheetBack, kn as PreviewCardFooter, li as Tooltip, lr as useHoldThenMoveTouchSensor, lt as MessageReferenceReadMark, mn as InputGroup, ni as ListRowDescription, o as InboxItemHeading, oi as ListRowTitle, pi as TooltipTrigger, pn as RadioGroupItem, qi as useTheme, qn as MobileNavServerPopoverRowLabel, r as InboxItemBody, si as ListRowTop, t as InboxItem, ui as TooltipContent, vi as Dialog, vn as measureContent, w as MessageListJumpPillDismiss, wi as DialogFooterNote, x as Skeleton, xi as DialogContent, xn as readNow, y as inboxItem, yn as measureElement, zi as Button$1, zn as MobileNavServerPopoverContent } from "./inbox-item-69Tx19JG.mjs";
+import { Check, ChevronDown, LoaderCircle, Plus, Search, X } from "lucide-react";
 import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
@@ -7,6 +7,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Combobox } from "@base-ui/react/combobox";
 import { Meter as Meter$1 } from "@base-ui/react/meter";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
 //#region src/lib/phone-media.ts
 /**
 * A phone: a touch screen narrower than the desktop layout. The complement, on
@@ -2327,4 +2328,323 @@ function PullToRefreshIndicator({ pull, label, className, style, ...props }) {
 	});
 }
 //#endregion
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, ListRowSkeleton, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useHoldThenMoveTouchSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
+//#region src/components/choice-list/choice-list.recipe.ts
+const choiceList = tv({
+	slots: {
+		root: ["grid min-w-0 gap-2"],
+		searchInput: ["[&::-webkit-search-cancel-button]:appearance-none"],
+		frame: ["flex min-w-0 flex-col overflow-hidden", "rounded-container border border-line-hairline bg-layer-card"],
+		scroller: ["min-h-0 min-w-0 p-1"],
+		rows: ["grid grid-cols-[minmax(0,1fr)_auto] gap-x-0 gap-y-0.5"],
+		group: ["col-span-2 col-start-1 grid grid-cols-subgrid grid-rows-subgrid gap-x-0 gap-y-0.5"],
+		section: ["col-span-2 col-start-1 grid grid-cols-subgrid grid-rows-subgrid"],
+		heading: ["col-span-2 px-2.5 pt-2 pb-1", "font-sans text-caption font-bold text-foreground-hint"],
+		item: [
+			"col-span-2 flex min-w-0 items-start gap-2.5 rounded-chip px-2.5",
+			"min-h-option py-option-inset",
+			"pointer-coarse:min-h-11 pointer-coarse:py-[calc((--spacing(11)-1lh)/2)]",
+			"text-left font-sans text-subhead",
+			"not-data-disabled:hover:bg-brand-soft not-data-disabled:active:overlay-medium",
+			"data-disabled:cursor-not-allowed"
+		],
+		media: ["flex h-lh shrink-0 items-center"],
+		body: ["grid min-w-0 flex-1 gap-0.5"],
+		label: ["truncate font-semibold text-foreground", "in-data-disabled:text-foreground-disabled"],
+		description: ["block truncate font-sans text-footnote font-normal text-foreground-muted", "in-data-disabled:text-foreground-disabled"],
+		action: [
+			"relative z-10 col-start-2 flex h-lh items-center self-start pr-1",
+			"mt-option-inset pointer-coarse:mt-[calc((--spacing(11)-1lh)/2)]",
+			"font-sans text-subhead"
+		],
+		note: ["px-2.5 py-2 font-sans text-callout text-foreground-hint"],
+		footer: ["shrink-0 border-t border-line-seam p-1"]
+	},
+	variants: {
+		scroll: { true: { scroller: ["max-h-72 overflow-y-auto overscroll-contain"] } },
+		fill: { true: {
+			root: ["flex min-h-0 flex-1 flex-col"],
+			frame: ["min-h-0 flex-1"],
+			scroller: ["flex-1 overflow-y-auto overscroll-contain"]
+		} },
+		hasAction: { true: { item: ["pr-11"] } }
+	}
+});
+//#endregion
+//#region src/components/choice-list/choice-list.tsx
+const SEARCH_ABOVE = 5;
+const MAX_DESCRIPTION_LINES = 2;
+function isDrawn(line) {
+	return line !== null && line !== void 0 && line !== false && line !== "";
+}
+function descriptionLines(description) {
+	return (Array.isArray(description) ? description : [description]).filter(isDrawn);
+}
+const NOT_TEXT_INPUTS = /* @__PURE__ */ new Set([
+	"button",
+	"checkbox",
+	"radio",
+	"submit",
+	"reset",
+	"image",
+	"file",
+	"range",
+	"color"
+]);
+function isTextEntry(element) {
+	if (!(element instanceof HTMLElement)) return false;
+	if (element.isContentEditable || element instanceof HTMLTextAreaElement) return true;
+	if (element instanceof HTMLSelectElement) return true;
+	return element instanceof HTMLInputElement && !NOT_TEXT_INPUTS.has(element.type);
+}
+function searchTextOf(item) {
+	if (item.searchText !== void 0) return item.searchText;
+	return typeof item.label === "string" ? item.label : "";
+}
+function visibleItems(items, needle, pinned, chosen) {
+	if (!needle) return {
+		rows: items,
+		noMatch: false
+	};
+	const matches = (item) => searchTextOf(item).toLowerCase().includes(needle);
+	const isPinned = (item) => pinned.includes(item.value);
+	const top = items.filter((item) => isPinned(item) || chosen.includes(item.value) && !matches(item));
+	const rest = items.filter((item) => !top.includes(item) && matches(item));
+	return {
+		rows: [...top, ...rest],
+		noMatch: !items.some(matches)
+	};
+}
+function layoutSections(rows, groups) {
+	const known = new Set(groups?.map((group) => group.value));
+	const sections = groups ? groups.map((group) => ({
+		group,
+		rows: rows.filter((item) => item.group === group.value)
+	})) : [];
+	sections.push({
+		group: null,
+		rows: rows.filter((item) => !groups || item.group === void 0 || !known.has(item.group))
+	});
+	const drawn = sections.filter((section) => section.rows.length > 0);
+	const gridRowOf = /* @__PURE__ */ new Map();
+	let gridRows = 0;
+	for (const section of drawn) {
+		if (section.group) gridRows += 1;
+		for (const item of section.rows) {
+			gridRows += 1;
+			gridRowOf.set(item.value, gridRows);
+		}
+	}
+	return {
+		sections: drawn,
+		gridRowOf,
+		gridRows
+	};
+}
+function ChoiceList(props) {
+	const { items, search = "auto", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled = false, searchLabel, searchPlaceholder, defaultSearchValue = "", searchValue, onSearchValueChange, clearSearchLabel, noMatchLabel, empty, groups, footer, fill = false, className } = props;
+	const value = props.value;
+	const chosen = useMemo(() => value === null ? [] : typeof value === "string" ? [value] : value, [value]);
+	const [ownQuery, setOwnQuery] = useState(defaultSearchValue);
+	const query = searchValue ?? ownQuery;
+	const setQuery = useCallback((next) => {
+		if (searchValue === void 0) setOwnQuery(next);
+		onSearchValueChange?.(next);
+	}, [searchValue, onSearchValueChange]);
+	const [pinned, setPinned] = useState(chosen);
+	const inputRef = useRef(null);
+	const baseId = useId();
+	const searchable = items.length > 0 && (search === "always" || items.length > SEARCH_ABOVE);
+	const [wasSearchable, setWasSearchable] = useState(searchable);
+	if (wasSearchable !== searchable) {
+		setWasSearchable(searchable);
+		if (!searchable) setOwnQuery("");
+	}
+	useEffect(() => {
+		if (!searchable && searchValue) onSearchValueChange?.("");
+	}, [
+		searchable,
+		searchValue,
+		onSearchValueChange
+	]);
+	const [pinnedFor, setPinnedFor] = useState(query);
+	if (pinnedFor !== query) {
+		setPinnedFor(query);
+		setPinned(chosen);
+	}
+	const { rows, noMatch } = visibleItems(items, searchable ? query.trim().toLowerCase() : "", pinned, chosen);
+	const hasAction = rows.some((item) => item.action !== void 0 && item.action !== null);
+	const slots = choiceList({
+		scroll: searchable && !fill,
+		fill
+	});
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		if (!ariaLabel && !ariaLabelledBy) console.warn("raft-ui: a ChoiceList has neither aria-label nor aria-labelledby.");
+		if (items.some((item) => descriptionLines(item.description).length > MAX_DESCRIPTION_LINES)) console.warn(`raft-ui: a ChoiceList item has more than ${MAX_DESCRIPTION_LINES} description lines; only the first ${MAX_DESCRIPTION_LINES} are drawn.`);
+	}, [
+		ariaLabel,
+		ariaLabelledBy,
+		items
+	]);
+	const focusSearch = search === "always" && searchable;
+	const focusedSearch = useRef(false);
+	useEffect(() => {
+		if (!focusSearch || focusedSearch.current) return;
+		focusedSearch.current = true;
+		const input = inputRef.current;
+		if (!input || typeof window.matchMedia !== "function") return;
+		if (!window.matchMedia("(pointer: fine)").matches) return;
+		if (isTextEntry(document.activeElement)) return;
+		input.focus({ preventScroll: true });
+	}, [focusSearch]);
+	const changeQuery = useCallback((event) => {
+		setQuery(event.currentTarget.value);
+	}, [setQuery]);
+	const clearQuery = useCallback(() => {
+		setQuery("");
+		inputRef.current?.focus();
+	}, [setQuery]);
+	const { sections, gridRowOf, gridRows } = layoutSections(rows, groups);
+	const groupProps = {
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
+		disabled,
+		className: slots.group(),
+		style: { gridRow: `1 / span ${gridRows}` }
+	};
+	const rowElement = (item) => {
+		const id = `${baseId}-${items.indexOf(item)}`;
+		const lines = descriptionLines(item.description).slice(0, MAX_DESCRIPTION_LINES);
+		const rowDisabled = disabled || item.disabled === true;
+		const markProps = {
+			value: item.value,
+			disabled: item.disabled,
+			"aria-labelledby": `${id}-label`,
+			"aria-describedby": lines.length > 0 ? `${id}-description` : void 0
+		};
+		return /* @__PURE__ */ jsxs("label", {
+			"data-slot": "choice-list-item",
+			"data-disabled": rowDisabled ? "" : void 0,
+			className: slots.item({ hasAction }),
+			children: [
+				props.multiple ? /* @__PURE__ */ jsx(Checkbox, { ...markProps }) : /* @__PURE__ */ jsx(RadioGroupItem, { ...markProps }),
+				item.media !== void 0 && item.media !== null ? /* @__PURE__ */ jsx("span", {
+					"data-slot": "choice-list-media",
+					className: slots.media(),
+					children: item.media
+				}) : null,
+				/* @__PURE__ */ jsxs("span", {
+					"data-slot": "choice-list-body",
+					className: slots.body(),
+					children: [/* @__PURE__ */ jsx("span", {
+						id: `${id}-label`,
+						"data-slot": "choice-list-label",
+						className: slots.label(),
+						children: item.label
+					}), lines.length > 0 ? /* @__PURE__ */ jsx("span", {
+						id: `${id}-description`,
+						className: "contents",
+						children: lines.map((line, index) => /* @__PURE__ */ jsx("span", {
+							"data-slot": "choice-list-description",
+							className: slots.description(),
+							children: line
+						}, index))
+					}) : null]
+				})
+			]
+		}, item.value);
+	};
+	const rowElements = sections.map((section, index) => {
+		if (!section.group) return section.rows.map(rowElement);
+		const headingId = `${baseId}-group-${index}`;
+		const start = (gridRowOf.get(section.rows[0].value) ?? 1) - 1;
+		return /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-labelledby": headingId,
+			"data-slot": "choice-list-section",
+			className: slots.section(),
+			style: { gridRow: `${start} / span ${section.rows.length + 1}` },
+			children: [/* @__PURE__ */ jsx("div", {
+				id: headingId,
+				"data-slot": "choice-list-heading",
+				className: slots.heading(),
+				children: section.group.label
+			}), section.rows.map(rowElement)]
+		}, section.group.value);
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "choice-list",
+		className: slots.root({ className }),
+		children: [searchable ? /* @__PURE__ */ jsxs(InputGroup, {
+			"data-slot": "choice-list-search",
+			children: [
+				/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, { "aria-hidden": true }) }),
+				/* @__PURE__ */ jsx(InputGroupInput, {
+					ref: inputRef,
+					type: "search",
+					value: query,
+					onChange: changeQuery,
+					"aria-label": searchLabel,
+					placeholder: searchPlaceholder,
+					disabled,
+					autoComplete: "off",
+					className: slots.searchInput()
+				}),
+				query ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					align: "inline-end",
+					children: /* @__PURE__ */ jsx(Button$1, {
+						variant: "ghost",
+						size: "icon-md",
+						"aria-label": clearSearchLabel,
+						onClick: clearQuery,
+						children: /* @__PURE__ */ jsx(X, { "aria-hidden": true })
+					})
+				}) : null
+			]
+		}) : null, /* @__PURE__ */ jsxs("div", {
+			"data-slot": "choice-list-frame",
+			className: slots.frame(),
+			children: [/* @__PURE__ */ jsx("div", {
+				"data-slot": "choice-list-scroller",
+				className: slots.scroller(),
+				children: items.length === 0 ? /* @__PURE__ */ jsx("p", {
+					"data-slot": "choice-list-note",
+					className: slots.note(),
+					children: empty
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [rows.length > 0 ? /* @__PURE__ */ jsxs("div", {
+					"data-slot": "choice-list-rows",
+					className: slots.rows(),
+					children: [props.multiple ? /* @__PURE__ */ jsx(CheckboxGroup, {
+						"data-slot": "choice-list-group",
+						value: props.value,
+						onValueChange: props.onValueChange,
+						...groupProps,
+						children: rowElements
+					}) : /* @__PURE__ */ jsx(RadioGroup, {
+						"data-slot": "choice-list-group",
+						value: props.value,
+						onValueChange: props.onValueChange,
+						...groupProps,
+						children: rowElements
+					}), sections.flatMap((section) => section.rows.map((item) => item.action !== void 0 && item.action !== null ? /* @__PURE__ */ jsx("div", {
+						"data-slot": "choice-list-action",
+						className: slots.action(),
+						style: { gridRow: gridRowOf.get(item.value) },
+						children: item.action
+					}, item.value) : null))]
+				}) : null, searchable ? /* @__PURE__ */ jsx("p", {
+					role: "status",
+					"data-slot": "choice-list-status",
+					className: noMatch ? slots.note() : "sr-only",
+					children: noMatch ? noMatchLabel : null
+				}) : null] })
+			}), footer !== void 0 && footer !== null ? /* @__PURE__ */ jsx("div", {
+				"data-slot": "choice-list-footer",
+				className: slots.footer(),
+				children: footer
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, InboxItemLeadingBadge, InboxItemSkeleton, InboxItemSkeletonList, ListRowSkeleton, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useHoldThenMoveTouchSensor, useParentOverlayKind, usePullToRefresh, useTruncated };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",