@botiverse/raft-ui 0.41.0 → 0.43.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## [0.43.0](https://github.com/botiverse/raft-design/compare/v0.42.0...v0.43.0) (2026-10-28)
+
+### Design System
+
+- **Frame insets:** tooltips flip away from every frame inset (`--raft-frame-inset-top`, `-start`, `-end`), and popups stay 8px clear of one. Start and end follow the popup's text direction. With no inset set, which is every web page, nothing moves. ([#860](https://github.com/botiverse/raft-design/pull/860))
+  - Docs: https://raft-design.botiverse.build/patterns/page-structure/#frame-insets
+
+### Changed
+
+- **Tooltip:** keeps at least 5px, or the inset, from the top, left and right. ([#860](https://github.com/botiverse/raft-design/pull/860))
+- **Popover, DropdownMenu, PreviewCard:** keep the inset plus 8px from each side that has an inset. ([#860](https://github.com/botiverse/raft-design/pull/860))
+- **ContextMenu, Select, Combobox, ComboboxSelect, NotificationCenter:** keep the larger of their default and the inset plus 8px. A `collisionPadding` you pass still wins. ([#860](https://github.com/botiverse/raft-design/pull/860))
+
+## [0.42.0](https://github.com/botiverse/raft-design/compare/v0.41.0...v0.42.0) (2026-10-28)
+
+### Design System
+
+- **Frame insets:** a host shell that draws native window controls over the page (the desktop app's macOS traffic lights, Windows' caption buttons) publishes them on the root element as `--raft-frame-inset-start`, `--raft-frame-inset-end` and `--raft-frame-inset-top`; the web sets none. ([#856](https://github.com/botiverse/raft-design/pull/856))
+  - Docs: https://raft-design.botiverse.build/components/tooltip/
+
+### Changed
+
+- **Tooltip:** one that would open into `--raft-frame-inset-top` flips below its trigger; one beside its trigger moves down out of it. ([#856](https://github.com/botiverse/raft-design/pull/856))
+- **frame-decor-top** (the top bar's theme strip) is placed from the bar's end plus `--raft-frame-inset-end`, and a bar drops it when the whole strip can't fit clear of its trailing actions. ([#856](https://github.com/botiverse/raft-design/pull/856))
+
 ## [0.41.0](https://github.com/botiverse/raft-design/compare/v0.40.0...v0.41.0) (2026-10-28)
 
 ### Design System

package/dist/{inbox-item-IkU1PDsA.mjs → inbox-item-BkhqEaUM.mjs}

@@ -1652,6 +1652,131 @@ function Experimental(props) {
 }
 const Badge = Object.assign(BadgeRoot, { Experimental });
 //#endregion
+//#region src/lib/frame-insets.ts
+const NO_FRAME_INSETS = Object.freeze({
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
+});
+const PX_LENGTH = /^-?(\d+\.?\d*|\.\d+)px$/;
+/**
+* Turns the variables' values into physical px insets. An unset value is 0, a
+* px value is read as written, and any other CSS length (a calc() is kept as
+* written in the computed value of an unregistered custom property) is
+* measured. In left to right -start is the left side and -end the right; in
+* right to left they swap.
+*/
+function frameInsetsFrom(values, rtl, measure) {
+	const read = (raw, axis) => {
+		const value = raw.trim();
+		if (value === "") return 0;
+		const px = PX_LENGTH.test(value) ? Number.parseFloat(value) : measure(value, axis);
+		return Number.isFinite(px) ? Math.max(0, px) : 0;
+	};
+	const top = read(values.top, "block");
+	const start = read(values.start, "inline");
+	const end = read(values.end, "inline");
+	if (top === 0 && start === 0 && end === 0) return NO_FRAME_INSETS;
+	return {
+		top,
+		right: rtl ? start : end,
+		bottom: 0,
+		left: rtl ? end : start
+	};
+}
+function contextElement(container) {
+	const node = container && "current" in container ? container.current : container;
+	if (node instanceof Element) return node;
+	if (node && "host" in node) return node.host;
+	return document.body ?? document.documentElement;
+}
+function measureWithProbe(root) {
+	let probe = null;
+	const measure = (value, axis) => {
+		if (!probe) {
+			probe = document.createElement("div");
+			probe.style.cssText = "position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none";
+			root.append(probe);
+		}
+		probe.style.width = "0";
+		probe.style.height = "0";
+		probe.style.setProperty(axis === "block" ? "height" : "width", value);
+		const box = probe.getBoundingClientRect();
+		return axis === "block" ? box.height : box.width;
+	};
+	return Object.assign(measure, { done: () => probe?.remove() });
+}
+/**
+* Reads the frame insets once, as physical px. The direction is the one the
+* popup renders in: the computed `direction` of its portal container (the
+* body by default), so `dir="rtl"` on the document or on the nearest ancestor
+* of the container counts.
+*/
+function readFrameInsets(container) {
+	if (typeof document === "undefined") return NO_FRAME_INSETS;
+	const root = document.documentElement;
+	const style = getComputedStyle(root);
+	const values = {
+		top: style.getPropertyValue("--raft-frame-inset-top"),
+		start: style.getPropertyValue("--raft-frame-inset-start"),
+		end: style.getPropertyValue("--raft-frame-inset-end")
+	};
+	if (values.top.trim() === "" && values.start.trim() === "" && values.end.trim() === "") return NO_FRAME_INSETS;
+	const rtl = getComputedStyle(contextElement(container)).direction === "rtl";
+	const measure = measureWithProbe(root);
+	try {
+		return frameInsetsFrom(values, rtl, measure);
+	} finally {
+		measure.done();
+	}
+}
+/**
+* The collision padding with the insets added: on each side with an inset,
+* at least the inset plus `gap`; elsewhere `padding` as it is. With no inset
+* the padding comes back unchanged, so nothing moves on the web.
+*/
+function frameCollisionPadding(padding, insets, gap) {
+	if (insets.top === 0 && insets.right === 0 && insets.bottom === 0 && insets.left === 0) return padding;
+	const base = typeof padding === "number" ? {
+		top: padding,
+		right: padding,
+		bottom: padding,
+		left: padding
+	} : padding;
+	const side = (key) => {
+		const own = base[key] ?? 0;
+		return insets[key] > 0 ? Math.max(own, insets[key] + gap) : own;
+	};
+	return {
+		top: side("top"),
+		right: side("right"),
+		bottom: side("bottom"),
+		left: side("left")
+	};
+}
+/**
+* The frame insets, read when the calling component mounts. Call it from a
+* part inside the popup's portal, which mounts each time the popup opens.
+*/
+function useFrameInsets(container) {
+	const [insets] = useState(() => readFrameInsets(container));
+	return insets;
+}
+/**
+* A popup's collision padding (a popover, a menu, a select or combobox list,
+* a preview card): `defaultPadding` where there is no inset, and 8px inside
+* each inset. A `collisionPadding` the caller passes wins as it is.
+*/
+function usePopupCollisionPadding(collisionPadding, defaultPadding, container) {
+	const insets = useFrameInsets(container);
+	return useMemo(() => collisionPadding ?? frameCollisionPadding(defaultPadding, insets, 8), [
+		collisionPadding,
+		defaultPadding,
+		insets
+	]);
+}
+//#endregion
 //#region src/components/tooltip/tooltip.tsx
 const tooltip = tv$1({
 	slots: {
@@ -1797,13 +1922,27 @@ const CONTENT_COLLISION_AVOIDANCE = {
 	align: "shift",
 	fallbackAxisSide: "none"
 };
+/**
+* Inside the portal, so it mounts each time the tooltip opens and reads the
+* frame insets then (lib/frame-insets.ts): a tooltip that would open into
+* one flips away from it, and one that would overlap it along its trigger
+* shifts out of it. Its padding grows to the inset itself, not past it.
+*/
+function TooltipFramePositioner({ collisionPadding, container, ...props }) {
+	const insets = useFrameInsets(container);
+	const padding = useMemo(() => frameCollisionPadding(collisionPadding ?? 5, insets, 0), [collisionPadding, insets]);
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 function TooltipContent({ align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "top", sideOffset, sticky, container, portalProps, className, children, ...props }) {
 	const { positioner, content } = tooltip();
 	const portalContainer = container !== void 0 ? container : portalProps?.container;
 	return /* @__PURE__ */ jsx(TooltipPortal, {
 		...portalProps,
 		container: portalContainer,
-		children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		children: /* @__PURE__ */ jsx(TooltipFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
@@ -1811,6 +1950,7 @@ function TooltipContent({ align = "center", alignOffset = 0, anchor, arrowPaddin
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
+			container: portalContainer,
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -2468,12 +2608,19 @@ function DropdownMenuPopup({ className, ...props }) {
 		...props
 	});
 }
+function DropdownMenuFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 5, container);
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
 	const resolvedSideOffset = sideOffset ?? 6;
 	const { positioner, content } = dropdownMenu();
 	return /* @__PURE__ */ jsx(DropdownMenuPortal, {
 		...portalProps,
-		children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		children: /* @__PURE__ */ jsx(DropdownMenuFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
@@ -2481,6 +2628,7 @@ function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPa
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
+			container: portalProps?.container,
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -2982,13 +3130,20 @@ function PopoverPopup({ className, ...props }) {
 		...props
 	});
 }
+function PopoverFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 5, container);
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, container, portalProps, className, ...props }) {
 	const { positioner, content } = popover();
 	const portalContainer = container !== void 0 ? container : portalProps?.container;
 	return /* @__PURE__ */ jsx(PopoverPortal, {
 		...portalProps,
 		container: portalContainer,
-		children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		children: /* @__PURE__ */ jsx(PopoverFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
@@ -2996,6 +3151,7 @@ function PopoverContent({ align = "start", alignOffset = 0, anchor, arrowPadding
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
+			container: portalContainer,
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -3442,11 +3598,18 @@ function PreviewCardPopup({ className, ...props }) {
 		...scopeProps
 	});
 }
+function PreviewCardFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 5, container);
+	return /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 6, sticky, portalProps, className, ...props }) {
 	const { positioner, popup } = previewCard();
 	return /* @__PURE__ */ jsx(PreviewCardPortal, {
 		...portalProps,
-		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+		children: /* @__PURE__ */ jsx(PreviewCardFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
@@ -3454,6 +3617,7 @@ function PreviewCardContent({ align = "start", alignOffset = 0, anchor, arrowPad
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
+			container: portalProps?.container,
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -7222,4 +7386,4 @@ function InboxItemActions({ className, render, reveal, ...props }) {
 	});
 }
 //#endregion
-export { MessageListDateDivider as $, DialogBody as $i, PreviewCardArrow as $n, DropdownMenuItem as $r, MessageReactionTooltipNameText as $t, DRAG_AUTO_SCROLL_ZONE_PX as A, ThemeStateContext as Aa, CheckboxIndicator as Ai, MessageItem as An, PopoverDescription as Ar, MessageMultiSelectToolbarActions as At, useDragSiblingTransition as B, ListRowTitle as Bi, RadioGroupIndicator as Bn, TOUCH_DRAG_DISTANCE_PX as Br, inlineChip as Bt, DropPlaceholder as C, Spinner as Ca, ScrollArea$1 as Ci, MessageItemEdited as Cn, Popover$1 as Cr, messageEmbed as Ct, listKeyboardCoordinates as D, withOverlayLayer as Da, ScrollAreaThumb as Di, MessageItemAvatarSlot as Dn, PopoverBody as Dr, MessageMultiSelect as Dt, MOUSE_DRAG_DISTANCE_PX as E, useParentOverlayKind as Ea, ScrollAreaScrollbar as Ei, MessageItemSearchMatch as En, PopoverBackdrop as Er, MessageTextSelectionToolbarSeparator as Et, DROP_GLIDE as F, headEdgePull as Fa, ListRowChevron as Fi, AvatarGroup as Fn, PopoverTitle as Fr, MessageReferencePending as Ft, SILENT_DRAG_ANNOUNCEMENTS as G, TooltipPortal as Gi, InputGroupInput as Gn, MobileNavItem as Gr, MessageReactionGlyph as Gt, LIFT_CLASS as H, ListRowValue as Hi, chipRemoveBase as Hn, TOUCH_DRAG_TOLERANCE_PX as Hr, MessageReactionChip as Ht, DragLift as I, headEdges as Ia, ListRowDescription as Ii, AvatarGroupButton as In, PopoverTrigger as Ir, MessageReferenceReadMark as It, dragMessages as J, Badge as Ji, measureElement as Jn, DropdownMenu as Jr, MessageReactionQuickButton as Jt, createDragAnnouncements as K, TooltipProvider as Ki, useOverflowTitle as Kn, MobileNavLabel as Kr, MessageReactionPickerContent as Kt, ORIGIN_OPACITY as L, decisionWidth as La, ListRowGroup as Li, AvatarGroupCount as Ln, PopoverViewport as Lr, MessageReferenceSuffix as Lt, DRAG_LIFT_Z_INDEX as M, stackedActions as Ma, ListRow as Mi, Avatar$1 as Mn, PopoverPopup as Mr, MessageReferenceIcon as Mt, DRAG_SETTLE as N, useStackedActions as Na, ListRowBody as Ni, AvatarBadge as Nn, PopoverPortal as Nr, MessageReferenceIndicator as Nt, useDragAcrossLists as O, useThemeScopeProps as Oa, ScrollAreaViewport as Oi, MessageItemContinuationTime as On, PopoverClose as Or, MessageMultiSelectCheckbox as Ot, DRAG_SIBLING_TRANSITION as P, controlIconInset as Pa, ListRowBottom as Pi, AvatarFallback as Pn, PopoverSeparator as Pr, MessageReferenceLabel as Pt, MessageListJumpPillGroup as Q, Dialog$1 as Qi, PreviewCardActions as Qn, DropdownMenuFooter as Qr, MessageReactionTooltipName as Qt, cancelDrag as R, ListRowIcon as Ri, AvatarImage as Rn, HoldThenMoveTouchSensor as Rr, MessageReferenceText as Rt, DragRefusalHint as S, buttonVariants as Sa, PanelSection as Si, MessageItemContent as Sn, MobileNavServerPopoverRowLabel as Sr, MessageEmbedHeader as St, DragRemeasure as T, OverlayLayerProvider as Ta, ScrollAreaCorner as Ti, MessageItemFooter as Tn, PopoverArrow as Tr, MessageTextSelectionToolbarButton as Tt, drag as U, Tooltip$1 as Ui, InputGroup as Un, useHoldThenMoveTouchSensor as Ur, MessageReactionCount as Ut, useLiftContainer as V, ListRowTop as Vi, RadioGroupItem as Vn, TOUCH_DRAG_HOLD_MS as Vr, MessageReactionAddButton as Vt, DEFAULT_DRAG_MESSAGES as W, TooltipContent as Wi, InputGroupAddon as Wn, useMouseOnlyPointerSensor as Wr, MessageReactionErrorIndicator as Wt, MessageListJumpPill as X, DialogSheetContent as Xi, readNow as Xn, DropdownMenuCheckboxItemIndicator as Xr, MessageReactionTooltipContent as Xt, MessageListJumpControls as Y, DialogCommit as Yi, observeTruncation as Yn, DropdownMenuCheckboxItem as Yr, MessageReactionQuickRow as Yt, MessageListJumpPillDismiss as Z, useMobileViewport as Zi, PreviewCard$1 as Zn, DropdownMenuContent as Zr, MessageReactionTooltipMeta as Zt, InboxItemTrailing as _, TextLink as _a, PanelBody as _i, MessageItemSenderButton as _n, MobileNavServerPopoverGroup as _r, MessageQuotedPreviewTimestamp as _t, InboxItemContext as a, DialogHeader as aa, DropdownMenuPortal as ai, MessageItemSavedIndicator as an, PreviewCardHeader as ar, MessageQuotedPreviewAttachment as at, useLatestRef as b, DialogSheetReset as ba, PanelScrollContent as bi, MessageItemAttachments as bn, MobileNavServerPopoverRowBody as br, MessageEmbedContent as bt, InboxItemLeading as c, DialogPortal as ca, DropdownMenuRadioItemIndicator as ci, MessageItemDelegatedAvatar as cn, PreviewCardPortal as cr, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemMetadata as d, DialogTitle as da, DropdownMenuSubmenu as di, MessageItemDelegatedByName as dn, PreviewCardTrigger as dr, MessageQuotedPreviewChannel as dt, DialogClose as ea, DropdownMenuItemCount as ei, MessageReactionTooltipNames as en, PreviewCardBody as er, MessageListEndFade as et, InboxItemSelection as f, DialogTrigger as fa, DropdownMenuSubmenuTrigger as fi, MessageItemHeader as fn, MobileNavServerItem as fr, MessageQuotedPreviewContent as ft, InboxItemTitle as g, useTapActivation as ga, Panel as gi, MessageItemSenderBadges as gn, MobileNavServerPopoverDestinations as gr, MessageQuotedPreviewThread as gt, InboxItemTimestamp as h, useMergedRef as ha, KbdGroup as hi, MessageItemSender as hn, MobileNavServerPopoverDestination as hr, MessageQuotedPreviewText as ht, InboxItemContent as i, DialogFooterNote as ia, DropdownMenuPopup as ii, MessageItemReadReceipt as in, PreviewCardFooter as ir, MessageQuotedPreview as it, DRAG_KEYBOARD_OFFSET_PX as j, tv$1 as ja, PRESENCE_COLOR as ji, searchHit as jn, PopoverHeader as jr, MessageReferenceChip as jt, useDragSensors as k, useTheme as ka, Checkbox$1 as ki, MessageItemGutter as kn, PopoverContent as kr, MessageMultiSelectToolbar as kt, InboxItemMarks as l, DialogSheetBack as la, DropdownMenuSeparator as li, MessageItemDelegatedBy as ln, PreviewCardSeparator as lr, MessageQuotedPreviewAuthorMeta as lt, InboxItemSubtitle as m, panelToggleAction as ma, Kbd as mi, MessageItemMeta as mn, MobileNavServerPopoverContent as mr, MessageQuotedPreviewLoading as mt, InboxItemActions as n, DialogDescription as na, DropdownMenuLabel as ni, MessageItemBadge as nn, PreviewCardDescription as nr, MessageListNotice as nt, InboxItemHeading as o, DialogNav as oa, DropdownMenuRadioGroup as oi, MessageItemToolbar as on, PreviewCardMeta as or, MessageQuotedPreviewAttachments as ot, InboxItemSender as p, PanelAction as pa, DropdownMenuTrigger as pi, MessageItemInlineStatus as pn, MobileNavServerPopover as pr, MessageQuotedPreviewHeader as pt, dragInstructions as q, TooltipTrigger as qi, measureContent as qn, MobileNavRoot as qr, MessageReactionPickerStatic as qt, InboxItemBody as r, DialogFooter as ra, DropdownMenuLinkItem as ri, MessageItemBadgeSeparator as rn, PreviewCardEyebrow as rr, MessageList as rt, InboxItemHoverTarget as s, DialogOverlay as sa, DropdownMenuRadioItem as si, MessageItemToolbarButton as sn, PreviewCardPopup as sr, MessageQuotedPreviewAuthor as st, InboxItem as t, DialogContent as ta, DropdownMenuItemLabel as ti, MessageReactionTooltipSeparator as tn, PreviewCardContent as tr, MessageListHistoryLimited as tt, InboxItemMessage as u, DialogSurface as ua, DropdownMenuShortcut as ui, MessageItemDelegatedByButton as un, PreviewCardTitle as ur, MessageQuotedPreviewAuthorName as ut, InboxItemTrigger as v, TextLinkExternalIcon as va, PanelFooter as vi, MessageItemSenderGroup as vn, MobileNavServerPopoverList as vr, MessageQuotedPreviewUnavailable as vt, DRAG_KEYBOARD_CODES as w, defaultNativeButton as wa, ScrollAreaContent as wi, MessageItemEmbedded as wn, PopoverActions as wr, MessageTextSelectionToolbar as wt, Skeleton as x, Button$1 as xa, PanelScrollViewport as xi, MessageItemBody as xn, MobileNavServerPopoverRowDescription as xr, MessageEmbedFooter as xt, inboxItem as y, textLinkVariants as ya, PanelHeaderRoot as yi, MessageItemTime as yn, MobileNavServerPopoverRow as yr, MessageEmbed as yt, keepGrabInside as z, ListRowMeta as zi, RadioGroup$1 as zn, MouseOnlyPointerSensor as zr, MessageReferenceUnavailable as zt };
+export { MessageListDateDivider as $, Dialog$1 as $i, PreviewCardArrow as $n, DropdownMenuItem as $r, MessageReactionTooltipNameText as $t, DRAG_AUTO_SCROLL_ZONE_PX as A, useTheme as Aa, CheckboxIndicator as Ai, MessageItem as An, PopoverDescription as Ar, MessageMultiSelectToolbarActions as At, useDragSiblingTransition as B, ListRowTitle as Bi, RadioGroupIndicator as Bn, TOUCH_DRAG_DISTANCE_PX as Br, inlineChip as Bt, DropPlaceholder as C, buttonVariants as Ca, ScrollArea$1 as Ci, MessageItemEdited as Cn, Popover$1 as Cr, messageEmbed as Ct, listKeyboardCoordinates as D, useParentOverlayKind as Da, ScrollAreaThumb as Di, MessageItemAvatarSlot as Dn, PopoverBody as Dr, MessageMultiSelect as Dt, MOUSE_DRAG_DISTANCE_PX as E, OverlayLayerProvider as Ea, ScrollAreaScrollbar as Ei, MessageItemSearchMatch as En, PopoverBackdrop as Er, MessageTextSelectionToolbarSeparator as Et, DROP_GLIDE as F, controlIconInset as Fa, ListRowChevron as Fi, AvatarGroup as Fn, PopoverTitle as Fr, MessageReferencePending as Ft, SILENT_DRAG_ANNOUNCEMENTS as G, TooltipPortal as Gi, InputGroupInput as Gn, MobileNavItem as Gr, MessageReactionGlyph as Gt, LIFT_CLASS as H, ListRowValue as Hi, chipRemoveBase as Hn, TOUCH_DRAG_TOLERANCE_PX as Hr, MessageReactionChip as Ht, DragLift as I, headEdgePull as Ia, ListRowDescription as Ii, AvatarGroupButton as In, PopoverTrigger as Ir, MessageReferenceReadMark as It, dragMessages as J, usePopupCollisionPadding as Ji, measureElement as Jn, DropdownMenu as Jr, MessageReactionQuickButton as Jt, createDragAnnouncements as K, TooltipProvider as Ki, useOverflowTitle as Kn, MobileNavLabel as Kr, MessageReactionPickerContent as Kt, ORIGIN_OPACITY as L, headEdges as La, ListRowGroup as Li, AvatarGroupCount as Ln, PopoverViewport as Lr, MessageReferenceSuffix as Lt, DRAG_LIFT_Z_INDEX as M, tv$1 as Ma, ListRow as Mi, Avatar$1 as Mn, PopoverPopup as Mr, MessageReferenceIcon as Mt, DRAG_SETTLE as N, stackedActions as Na, ListRowBody as Ni, AvatarBadge as Nn, PopoverPortal as Nr, MessageReferenceIndicator as Nt, useDragAcrossLists as O, withOverlayLayer as Oa, ScrollAreaViewport as Oi, MessageItemContinuationTime as On, PopoverClose as Or, MessageMultiSelectCheckbox as Ot, DRAG_SIBLING_TRANSITION as P, useStackedActions as Pa, ListRowBottom as Pi, AvatarFallback as Pn, PopoverSeparator as Pr, MessageReferenceLabel as Pt, MessageListJumpPillGroup as Q, useMobileViewport as Qi, PreviewCardActions as Qn, DropdownMenuFooter as Qr, MessageReactionTooltipName as Qt, cancelDrag as R, decisionWidth as Ra, ListRowIcon as Ri, AvatarImage as Rn, HoldThenMoveTouchSensor as Rr, MessageReferenceText as Rt, DragRefusalHint as S, Button$1 as Sa, PanelSection as Si, MessageItemContent as Sn, MobileNavServerPopoverRowLabel as Sr, MessageEmbedHeader as St, DragRemeasure as T, defaultNativeButton as Ta, ScrollAreaCorner as Ti, MessageItemFooter as Tn, PopoverArrow as Tr, MessageTextSelectionToolbarButton as Tt, drag as U, Tooltip$1 as Ui, InputGroup as Un, useHoldThenMoveTouchSensor as Ur, MessageReactionCount as Ut, useLiftContainer as V, ListRowTop as Vi, RadioGroupItem as Vn, TOUCH_DRAG_HOLD_MS as Vr, MessageReactionAddButton as Vt, DEFAULT_DRAG_MESSAGES as W, TooltipContent as Wi, InputGroupAddon as Wn, useMouseOnlyPointerSensor as Wr, MessageReactionErrorIndicator as Wt, MessageListJumpPill as X, DialogCommit as Xi, readNow as Xn, DropdownMenuCheckboxItemIndicator as Xr, MessageReactionTooltipContent as Xt, MessageListJumpControls as Y, Badge as Yi, observeTruncation as Yn, DropdownMenuCheckboxItem as Yr, MessageReactionQuickRow as Yt, MessageListJumpPillDismiss as Z, DialogSheetContent as Zi, PreviewCard$1 as Zn, DropdownMenuContent as Zr, MessageReactionTooltipMeta as Zt, InboxItemTrailing as _, useTapActivation as _a, PanelBody as _i, MessageItemSenderButton as _n, MobileNavServerPopoverGroup as _r, MessageQuotedPreviewTimestamp as _t, InboxItemContext as a, DialogFooterNote as aa, DropdownMenuPortal as ai, MessageItemSavedIndicator as an, PreviewCardHeader as ar, MessageQuotedPreviewAttachment as at, useLatestRef as b, textLinkVariants as ba, PanelScrollContent as bi, MessageItemAttachments as bn, MobileNavServerPopoverRowBody as br, MessageEmbedContent as bt, InboxItemLeading as c, DialogOverlay as ca, DropdownMenuRadioItemIndicator as ci, MessageItemDelegatedAvatar as cn, PreviewCardPortal as cr, MessageQuotedPreviewAuthorDelegatedBy as ct, InboxItemMetadata as d, DialogSurface as da, DropdownMenuSubmenu as di, MessageItemDelegatedByName as dn, PreviewCardTrigger as dr, MessageQuotedPreviewChannel as dt, DialogBody as ea, DropdownMenuItemCount as ei, MessageReactionTooltipNames as en, PreviewCardBody as er, MessageListEndFade as et, InboxItemSelection as f, DialogTitle as fa, DropdownMenuSubmenuTrigger as fi, MessageItemHeader as fn, MobileNavServerItem as fr, MessageQuotedPreviewContent as ft, InboxItemTitle as g, useMergedRef as ga, Panel as gi, MessageItemSenderBadges as gn, MobileNavServerPopoverDestinations as gr, MessageQuotedPreviewThread as gt, InboxItemTimestamp as h, panelToggleAction as ha, KbdGroup as hi, MessageItemSender as hn, MobileNavServerPopoverDestination as hr, MessageQuotedPreviewText as ht, InboxItemContent as i, DialogFooter as ia, DropdownMenuPopup as ii, MessageItemReadReceipt as in, PreviewCardFooter as ir, MessageQuotedPreview as it, DRAG_KEYBOARD_OFFSET_PX as j, ThemeStateContext as ja, PRESENCE_COLOR as ji, searchHit as jn, PopoverHeader as jr, MessageReferenceChip as jt, useDragSensors as k, useThemeScopeProps as ka, Checkbox$1 as ki, MessageItemGutter as kn, PopoverContent as kr, MessageMultiSelectToolbar as kt, InboxItemMarks as l, DialogPortal as la, DropdownMenuSeparator as li, MessageItemDelegatedBy as ln, PreviewCardSeparator as lr, MessageQuotedPreviewAuthorMeta as lt, InboxItemSubtitle as m, PanelAction as ma, Kbd as mi, MessageItemMeta as mn, MobileNavServerPopoverContent as mr, MessageQuotedPreviewLoading as mt, InboxItemActions as n, DialogContent as na, DropdownMenuLabel as ni, MessageItemBadge as nn, PreviewCardDescription as nr, MessageListNotice as nt, InboxItemHeading as o, DialogHeader as oa, DropdownMenuRadioGroup as oi, MessageItemToolbar as on, PreviewCardMeta as or, MessageQuotedPreviewAttachments as ot, InboxItemSender as p, DialogTrigger as pa, DropdownMenuTrigger as pi, MessageItemInlineStatus as pn, MobileNavServerPopover as pr, MessageQuotedPreviewHeader as pt, dragInstructions as q, TooltipTrigger as qi, measureContent as qn, MobileNavRoot as qr, MessageReactionPickerStatic as qt, InboxItemBody as r, DialogDescription as ra, DropdownMenuLinkItem as ri, MessageItemBadgeSeparator as rn, PreviewCardEyebrow as rr, MessageList as rt, InboxItemHoverTarget as s, DialogNav as sa, DropdownMenuRadioItem as si, MessageItemToolbarButton as sn, PreviewCardPopup as sr, MessageQuotedPreviewAuthor as st, InboxItem as t, DialogClose as ta, DropdownMenuItemLabel as ti, MessageReactionTooltipSeparator as tn, PreviewCardContent as tr, MessageListHistoryLimited as tt, InboxItemMessage as u, DialogSheetBack as ua, DropdownMenuShortcut as ui, MessageItemDelegatedByButton as un, PreviewCardTitle as ur, MessageQuotedPreviewAuthorName as ut, InboxItemTrigger as v, TextLink as va, PanelFooter as vi, MessageItemSenderGroup as vn, MobileNavServerPopoverList as vr, MessageQuotedPreviewUnavailable as vt, DRAG_KEYBOARD_CODES as w, Spinner as wa, ScrollAreaContent as wi, MessageItemEmbedded as wn, PopoverActions as wr, MessageTextSelectionToolbar as wt, Skeleton as x, DialogSheetReset as xa, PanelScrollViewport as xi, MessageItemBody as xn, MobileNavServerPopoverRowDescription as xr, MessageEmbedFooter as xt, inboxItem as y, TextLinkExternalIcon as ya, PanelHeaderRoot as yi, MessageItemTime as yn, MobileNavServerPopoverRow as yr, MessageEmbed as yt, keepGrabInside as z, ListRowMeta as zi, RadioGroup$1 as zn, MouseOnlyPointerSensor as zr, MessageReferenceUnavailable as zt };

package/dist/index.d.mts

@@ -679,7 +679,14 @@ type ContextMenuTriggerProps = StyledProps<ContextMenu$1.Trigger.Props>;
 export declare function ContextMenuTrigger({ className, ...props }: ContextMenuTriggerProps): import("react").JSX.Element;
 type ContextMenuPortalProps = ContextMenu$1.Portal.Props;
 export declare function ContextMenuPortal(props: ContextMenuPortalProps): import("react").JSX.Element;
-type ContextMenuContentProps = StyledProps<ContextMenu$1.Popup.Props> & Partial<Pick<ContextMenu$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky">> & {
+type ContextMenuContentProps = StyledProps<ContextMenu$1.Popup.Props> & Partial<Pick<ContextMenu$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky">> & {
+  /**
+   * Additional space to maintain from the edge of the collision boundary: 8px
+   * from the window's edge, and 8px from a frame inset where a shell keeps one.
+   * A value you pass is kept as it is.
+   * @default 8
+   */
+  collisionPadding?: ContextMenu$1.Positioner.Props["collisionPadding"];
   portalProps?: ContextMenuPortalProps;
 };
 export declare function ContextMenuContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, ...props }: ContextMenuContentProps): import("react").JSX.Element;
@@ -1040,7 +1047,14 @@ type ComboboxHeaderProps = ComponentPropsWithRef<"div">;
 export declare function ComboboxHeader({ className, ...props }: ComboboxHeaderProps): import("react").JSX.Element;
 type ComboboxSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>;
 export declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): import("react").JSX.Element;
-type ComboboxContentProps = StyledProps<Combobox$1.Popup.Props> & Pick<Combobox$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+type ComboboxContentProps = StyledProps<Combobox$1.Popup.Props> & Pick<Combobox$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  /**
+   * Additional space to maintain from the edge of the collision boundary: 8px
+   * from the window's edge, and 8px from a frame inset where a shell keeps one.
+   * A value you pass is kept as it is.
+   * @default 8
+   */
+  collisionPadding?: Combobox$1.Positioner.Props["collisionPadding"];
   portalProps?: ComboboxPortalProps;
 };
 export declare function ComboboxContent({ align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, initialFocus, finalFocus, ...props }: ComboboxContentProps): import("react").JSX.Element;
@@ -1094,7 +1108,14 @@ type SelectPortalProps = Select$1.Portal.Props;
 export declare function SelectPortal(props: SelectPortalProps): import("react").JSX.Element;
 type SelectPopupProps = ComponentPropsWithRef<"div">;
 export declare function SelectPopup({ className, ...props }: SelectPopupProps): import("react").JSX.Element;
-type SelectContentProps = StyledProps<Select$1.Popup.Props> & Pick<Select$1.Positioner.Props, "align" | "alignItemWithTrigger" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+type SelectContentProps = StyledProps<Select$1.Popup.Props> & Pick<Select$1.Positioner.Props, "align" | "alignItemWithTrigger" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  /**
+   * Additional space to maintain from the edge of the collision boundary: 8px
+   * from the window's edge, and 8px from a frame inset where a shell keeps one.
+   * A value you pass is kept as it is.
+   * @default 8
+   */
+  collisionPadding?: Select$1.Positioner.Props["collisionPadding"];
   portalProps?: SelectPortalProps;
 };
 export declare function SelectContent({ align, alignItemWithTrigger, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod, side, sideOffset, sticky, portalProps, className, ...props }: SelectContentProps): import("react").JSX.Element;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { $ as MessageListDateDivider, $i as DialogBody, $n as PreviewCardArrow, $r as DropdownMenuItem, $t as MessageReactionTooltipNameText, Aa as ThemeStateContext, Ai as CheckboxIndicator, An as MessageItem, Ar as PopoverDescription, At as MessageMultiSelectToolbarActions, B as useDragSiblingTransition, Bi as ListRowTitle, Bn as RadioGroupIndicator, Bt as inlineChip, C as DropPlaceholder, Ca as Spinner, Ci as ScrollArea, Cn as MessageItemEdited, Cr as Popover, Ct as messageEmbed, Da as withOverlayLayer, Di as ScrollAreaThumb, Dn as MessageItemAvatarSlot, Dt as MessageMultiSelect, Ea as useParentOverlayKind, Ei as ScrollAreaScrollbar, En as MessageItemSearchMatch, Er as PopoverBackdrop, Et as MessageTextSelectionToolbarSeparator, Fa as headEdgePull, Fi as ListRowChevron, Fn as AvatarGroup, Fr as PopoverTitle, Ft as MessageReferencePending, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipPortal, Gn as InputGroupInput, Gr as MobileNavItem, Gt as MessageReactionGlyph, Hi as ListRowValue, Hn as chipRemoveBase, Ht as MessageReactionChip, I as DragLift, Ia as headEdges, Ii as ListRowDescription, Ir as PopoverTrigger, It as MessageReferenceReadMark, Ji as Badge, Jr as DropdownMenu, Jt as MessageReactionQuickButton, K as createDragAnnouncements, Ki as TooltipProvider, Kn as useOverflowTitle, Kr as MobileNavLabel, Kt as MessageReactionPickerContent, La as decisionWidth, Li as ListRowGroup, Ln as AvatarGroupCount, Lr as PopoverViewport, Lt as MessageReferenceSuffix, Ma as stackedActions, Mi as ListRow, Mn as Avatar, Mr as PopoverPopup, Na as useStackedActions, Ni as ListRowBody, Nn as AvatarBadge, Nr as PopoverPortal, Nt as MessageReferenceIndicator, Oa as useThemeScopeProps, Oi as ScrollAreaViewport, On as MessageItemContinuationTime, Or as PopoverClose, Ot as MessageMultiSelectCheckbox, Pa as controlIconInset, Pi as ListRowBottom, Pn as AvatarFallback, Pr as PopoverSeparator, Pt as MessageReferenceLabel, Qi as Dialog, Qr as DropdownMenuFooter, Qt as MessageReactionTooltipName, Ri as ListRowIcon, Rn as AvatarImage, Rt as MessageReferenceText, Sa as buttonVariants, Si as PanelSection, Sn as MessageItemContent, St as MessageEmbedHeader, Ti as ScrollAreaCorner, Tn as MessageItemFooter, Tr as PopoverArrow, Tt as MessageTextSelectionToolbarButton, U as drag, Ui as Tooltip, Un as InputGroup, Ut as MessageReactionCount, V as useLiftContainer, Vi as ListRowTop, Vn as RadioGroupItem, Vt as MessageReactionAddButton, Wi as TooltipContent, Wn as InputGroupAddon, Wt as MessageReactionErrorIndicator, Xr as DropdownMenuCheckboxItemIndicator, Xt as MessageReactionTooltipContent, Yr as DropdownMenuCheckboxItem, Yt as MessageReactionQuickRow, Zi as useMobileViewport, Zn as PreviewCard, Zr as DropdownMenuContent, Zt as MessageReactionTooltipMeta, _ as InboxItemTrailing, _a as TextLink, _i as PanelBody, _n as MessageItemSenderButton, _t as MessageQuotedPreviewTimestamp, a as InboxItemContext, aa as DialogHeader, ai as DropdownMenuPortal, an as MessageItemSavedIndicator, ar as PreviewCardHeader, at as MessageQuotedPreviewAttachment, b as useLatestRef, ba as DialogSheetReset, bi as PanelScrollContent, bn as MessageItemAttachments, bt as MessageEmbedContent, c as InboxItemLeading, ca as DialogPortal, ci as DropdownMenuRadioItemIndicator, cr as PreviewCardPortal, d as InboxItemMetadata, da as DialogTitle, di as DropdownMenuSubmenu, dr as PreviewCardTrigger, dt as MessageQuotedPreviewChannel, ea as DialogClose, ei as DropdownMenuItemCount, en as MessageReactionTooltipNames, et as MessageListEndFade, f as InboxItemSelection, fa as DialogTrigger, fi as DropdownMenuSubmenuTrigger, fn as MessageItemHeader, ft as MessageQuotedPreviewContent, g as InboxItemTitle, ga as useTapActivation, gi as Panel, gn as MessageItemSenderBadges, gt as MessageQuotedPreviewThread, h as InboxItemTimestamp, ha as useMergedRef, hi as KbdGroup, hn as MessageItemSender, ht as MessageQuotedPreviewText, i as InboxItemContent, ii as DropdownMenuPopup, in as MessageItemReadReceipt, it as MessageQuotedPreview, ja as tv, ji as PRESENCE_COLOR, jn as searchHit, jr as PopoverHeader, jt as MessageReferenceChip, k as useDragSensors, ka as useTheme, ki as Checkbox, kn as MessageItemGutter, kr as PopoverContent, kt as MessageMultiSelectToolbar, l as InboxItemMarks, li as DropdownMenuSeparator, lr as PreviewCardSeparator, lt as MessageQuotedPreviewAuthorMeta, m as InboxItemSubtitle, ma as panelToggleAction, mi as Kbd, mn as MessageItemMeta, mt as MessageQuotedPreviewLoading, n as InboxItemActions, na as DialogDescription, ni as DropdownMenuLabel, nn as MessageItemBadge, nr as PreviewCardDescription, nt as MessageListNotice, o as InboxItemHeading, oa as DialogNav, oi as DropdownMenuRadioGroup, on as MessageItemToolbar, ot as MessageQuotedPreviewAttachments, p as InboxItemSender, pa as PanelAction, pi as DropdownMenuTrigger, pn as MessageItemInlineStatus, pt as MessageQuotedPreviewHeader, q as dragInstructions, qi as TooltipTrigger, qr as MobileNavRoot, qt as MessageReactionPickerStatic, r as InboxItemBody, ra as DialogFooter, rn as MessageItemBadgeSeparator, rt as MessageList, s as InboxItemHoverTarget, sa as DialogOverlay, si as DropdownMenuRadioItem, sn as MessageItemToolbarButton, sr as PreviewCardPopup, st as MessageQuotedPreviewAuthor, t as InboxItem, ta as DialogContent, ti as DropdownMenuItemLabel, tn as MessageReactionTooltipSeparator, tr as PreviewCardContent, tt as MessageListHistoryLimited, u as InboxItemMessage, ua as DialogSurface, ui as DropdownMenuShortcut, ur as PreviewCardTitle, ut as MessageQuotedPreviewAuthorName, v as InboxItemTrigger, va as TextLinkExternalIcon, vi as PanelFooter, vn as MessageItemSenderGroup, vt as MessageQuotedPreviewUnavailable, wa as defaultNativeButton, wi as ScrollAreaContent, wn as MessageItemEmbedded, wt as MessageTextSelectionToolbar, x as Skeleton, xa as Button, xi as PanelScrollViewport, xn as MessageItemBody, xt as MessageEmbedFooter, ya as textLinkVariants, yi as PanelHeaderRoot, yn as MessageItemTime, yt as MessageEmbed, zi as ListRowMeta, zn as RadioGroup, zt as MessageReferenceUnavailable } from "./inbox-item-IkU1PDsA.mjs";
+import { $ as MessageListDateDivider, $i as Dialog, $n as PreviewCardArrow, $r as DropdownMenuItem, $t as MessageReactionTooltipNameText, Aa as useTheme, Ai as CheckboxIndicator, An as MessageItem, Ar as PopoverDescription, At as MessageMultiSelectToolbarActions, B as useDragSiblingTransition, Bi as ListRowTitle, Bn as RadioGroupIndicator, Bt as inlineChip, C as DropPlaceholder, Ca as buttonVariants, Ci as ScrollArea, Cn as MessageItemEdited, Cr as Popover, Ct as messageEmbed, Da as useParentOverlayKind, Di as ScrollAreaThumb, Dn as MessageItemAvatarSlot, Dt as MessageMultiSelect, Ei as ScrollAreaScrollbar, En as MessageItemSearchMatch, Er as PopoverBackdrop, Et as MessageTextSelectionToolbarSeparator, Fa as controlIconInset, Fi as ListRowChevron, Fn as AvatarGroup, Fr as PopoverTitle, Ft as MessageReferencePending, G as SILENT_DRAG_ANNOUNCEMENTS, Gi as TooltipPortal, Gn as InputGroupInput, Gr as MobileNavItem, Gt as MessageReactionGlyph, Hi as ListRowValue, Hn as chipRemoveBase, Ht as MessageReactionChip, I as DragLift, Ia as headEdgePull, Ii as ListRowDescription, Ir as PopoverTrigger, It as MessageReferenceReadMark, Ji as usePopupCollisionPadding, Jr as DropdownMenu, Jt as MessageReactionQuickButton, K as createDragAnnouncements, Ki as TooltipProvider, Kn as useOverflowTitle, Kr as MobileNavLabel, Kt as MessageReactionPickerContent, La as headEdges, Li as ListRowGroup, Ln as AvatarGroupCount, Lr as PopoverViewport, Lt as MessageReferenceSuffix, Ma as tv, Mi as ListRow, Mn as Avatar, Mr as PopoverPopup, Na as stackedActions, Ni as ListRowBody, Nn as AvatarBadge, Nr as PopoverPortal, Nt as MessageReferenceIndicator, Oa as withOverlayLayer, Oi as ScrollAreaViewport, On as MessageItemContinuationTime, Or as PopoverClose, Ot as MessageMultiSelectCheckbox, Pa as useStackedActions, Pi as ListRowBottom, Pn as AvatarFallback, Pr as PopoverSeparator, Pt as MessageReferenceLabel, Qi as useMobileViewport, Qr as DropdownMenuFooter, Qt as MessageReactionTooltipName, Ra as decisionWidth, Ri as ListRowIcon, Rn as AvatarImage, Rt as MessageReferenceText, Sa as Button, Si as PanelSection, Sn as MessageItemContent, St as MessageEmbedHeader, Ta as defaultNativeButton, Ti as ScrollAreaCorner, Tn as MessageItemFooter, Tr as PopoverArrow, Tt as MessageTextSelectionToolbarButton, U as drag, Ui as Tooltip, Un as InputGroup, Ut as MessageReactionCount, V as useLiftContainer, Vi as ListRowTop, Vn as RadioGroupItem, Vt as MessageReactionAddButton, Wi as TooltipContent, Wn as InputGroupAddon, Wt as MessageReactionErrorIndicator, Xr as DropdownMenuCheckboxItemIndicator, Xt as MessageReactionTooltipContent, Yi as Badge, Yr as DropdownMenuCheckboxItem, Yt as MessageReactionQuickRow, Zn as PreviewCard, Zr as DropdownMenuContent, Zt as MessageReactionTooltipMeta, _ as InboxItemTrailing, _a as useTapActivation, _i as PanelBody, _n as MessageItemSenderButton, _t as MessageQuotedPreviewTimestamp, a as InboxItemContext, ai as DropdownMenuPortal, an as MessageItemSavedIndicator, ar as PreviewCardHeader, at as MessageQuotedPreviewAttachment, b as useLatestRef, ba as textLinkVariants, bi as PanelScrollContent, bn as MessageItemAttachments, bt as MessageEmbedContent, c as InboxItemLeading, ca as DialogOverlay, ci as DropdownMenuRadioItemIndicator, cr as PreviewCardPortal, d as InboxItemMetadata, da as DialogSurface, di as DropdownMenuSubmenu, dr as PreviewCardTrigger, dt as MessageQuotedPreviewChannel, ea as DialogBody, ei as DropdownMenuItemCount, en as MessageReactionTooltipNames, et as MessageListEndFade, f as InboxItemSelection, fa as DialogTitle, fi as DropdownMenuSubmenuTrigger, fn as MessageItemHeader, ft as MessageQuotedPreviewContent, g as InboxItemTitle, ga as useMergedRef, gi as Panel, gn as MessageItemSenderBadges, gt as MessageQuotedPreviewThread, h as InboxItemTimestamp, ha as panelToggleAction, hi as KbdGroup, hn as MessageItemSender, ht as MessageQuotedPreviewText, i as InboxItemContent, ia as DialogFooter, ii as DropdownMenuPopup, in as MessageItemReadReceipt, it as MessageQuotedPreview, ja as ThemeStateContext, ji as PRESENCE_COLOR, jn as searchHit, jr as PopoverHeader, jt as MessageReferenceChip, k as useDragSensors, ka as useThemeScopeProps, ki as Checkbox, kn as MessageItemGutter, kr as PopoverContent, kt as MessageMultiSelectToolbar, l as InboxItemMarks, la as DialogPortal, li as DropdownMenuSeparator, lr as PreviewCardSeparator, lt as MessageQuotedPreviewAuthorMeta, m as InboxItemSubtitle, ma as PanelAction, mi as Kbd, mn as MessageItemMeta, mt as MessageQuotedPreviewLoading, n as InboxItemActions, na as DialogContent, ni as DropdownMenuLabel, nn as MessageItemBadge, nr as PreviewCardDescription, nt as MessageListNotice, o as InboxItemHeading, oa as DialogHeader, oi as DropdownMenuRadioGroup, on as MessageItemToolbar, ot as MessageQuotedPreviewAttachments, p as InboxItemSender, pa as DialogTrigger, pi as DropdownMenuTrigger, pn as MessageItemInlineStatus, pt as MessageQuotedPreviewHeader, q as dragInstructions, qi as TooltipTrigger, qr as MobileNavRoot, qt as MessageReactionPickerStatic, r as InboxItemBody, ra as DialogDescription, rn as MessageItemBadgeSeparator, rt as MessageList, s as InboxItemHoverTarget, sa as DialogNav, si as DropdownMenuRadioItem, sn as MessageItemToolbarButton, sr as PreviewCardPopup, st as MessageQuotedPreviewAuthor, t as InboxItem, ta as DialogClose, ti as DropdownMenuItemLabel, tn as MessageReactionTooltipSeparator, tr as PreviewCardContent, tt as MessageListHistoryLimited, u as InboxItemMessage, ui as DropdownMenuShortcut, ur as PreviewCardTitle, ut as MessageQuotedPreviewAuthorName, v as InboxItemTrigger, va as TextLink, vi as PanelFooter, vn as MessageItemSenderGroup, vt as MessageQuotedPreviewUnavailable, wa as Spinner, wi as ScrollAreaContent, wn as MessageItemEmbedded, wt as MessageTextSelectionToolbar, x as Skeleton, xa as DialogSheetReset, xi as PanelScrollViewport, xn as MessageItemBody, xt as MessageEmbedFooter, ya as TextLinkExternalIcon, yi as PanelHeaderRoot, yn as MessageItemTime, yt as MessageEmbed, zi as ListRowMeta, zn as RadioGroup, zt as MessageReferenceUnavailable } from "./inbox-item-BkhqEaUM.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";
@@ -2881,16 +2881,23 @@ function ContextMenuPortal(props) {
 		...useThemeScopeProps(props)
 	});
 }
+function ContextMenuFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 8, container);
+	return /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 const CONTENT_COLLISION_AVOIDANCE = {
 	side: "shift",
 	align: "shift",
 	fallbackAxisSide: "none"
 };
-function ContextMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "right", sideOffset = 0, sticky, portalProps, className, ...props }) {
+function ContextMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance = CONTENT_COLLISION_AVOIDANCE, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "right", sideOffset = 0, sticky, portalProps, className, ...props }) {
 	const { positioner, content } = contextMenu();
 	return /* @__PURE__ */ jsx(ContextMenuPortal, {
 		...portalProps,
-		children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
+		children: /* @__PURE__ */ jsx(ContextMenuFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
@@ -2898,6 +2905,7 @@ function ContextMenuContent({ align = "start", alignOffset = 0, anchor, arrowPad
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
+			container: portalProps?.container,
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -3935,11 +3943,18 @@ function ComboboxSeparator({ className, ...props }) {
 		...props
 	});
 }
-function ComboboxContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, initialFocus = false, finalFocus = false, ...props }) {
+function ComboboxFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 8, container);
+	return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
+function ComboboxContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, initialFocus = false, finalFocus = false, ...props }) {
 	const { positioner, content } = combobox();
 	return /* @__PURE__ */ jsx(ComboboxPortal, {
 		...portalProps,
-		children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+		children: /* @__PURE__ */ jsx(ComboboxFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
@@ -3947,6 +3962,7 @@ function ComboboxContent({ align = "start", alignOffset = 0, anchor, arrowPaddin
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
+			container: portalProps?.container,
 			disableAnchorTracking,
 			positionMethod,
 			side,
@@ -4286,9 +4302,16 @@ function SelectPopup({ className, ...props }) {
 		...props
 	});
 }
-function SelectContent({ align = "start", alignItemWithTrigger = false, alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding = 8, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
+function SelectFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 8, container);
+	return /* @__PURE__ */ jsx(Select$1.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
+function SelectContent({ align = "start", alignItemWithTrigger = false, alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
 	const { positioner, content } = select();
-	const positionerNode = /* @__PURE__ */ jsx(Select$1.Positioner, {
+	const positionerNode = /* @__PURE__ */ jsx(SelectFramePositioner, {
 		align,
 		alignItemWithTrigger,
 		alignOffset,
@@ -4297,6 +4320,7 @@ function SelectContent({ align = "start", alignItemWithTrigger = false, alignOff
 		collisionAvoidance,
 		collisionBoundary,
 		collisionPadding,
+		container: portalProps?.container,
 		disableAnchorTracking,
 		positionMethod,
 		side,
@@ -10051,6 +10075,13 @@ function NotificationCenterTrigger({ className, children, ...props }) {
 function NotificationCenterPortal(props) {
 	return /* @__PURE__ */ jsx(Popover$1.Portal, { ...useThemeScopeProps(props) });
 }
+function NotificationCenterFramePositioner({ collisionPadding, container, defaultCollisionPadding, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, defaultCollisionPadding, container);
+	return /* @__PURE__ */ jsx(Popover$1.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 function NotificationCenterPopup({ viewport = "desktop", size = "md", className, initialFocus = false, align = "center", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, portalProps, ...props }) {
 	const { popup } = notificationCenter({
 		viewport,
@@ -10058,14 +10089,16 @@ function NotificationCenterPopup({ viewport = "desktop", size = "md", className,
 	});
 	return /* @__PURE__ */ jsx(NotificationCenterPortal, {
 		...portalProps,
-		children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
+		children: /* @__PURE__ */ jsx(NotificationCenterFramePositioner, {
 			align,
 			alignOffset,
 			anchor,
 			arrowPadding,
 			collisionAvoidance,
 			collisionBoundary,
-			collisionPadding: collisionPadding ?? (viewport === "mobile" ? PHONE_INSET : void 0),
+			collisionPadding,
+			container: portalProps?.container,
+			defaultCollisionPadding: viewport === "mobile" ? PHONE_INSET : 5,
 			disableAnchorTracking,
 			positionMethod,
 			side,

package/dist/styles.css

@@ -771,12 +771,20 @@ textarea:-webkit-autofill:disabled {
    in with transition-colors. */
 /* Theme decorations on the frame (themes.css): the theme's sprites on the top
    bar's right and above the rail's foot; none without a decorated theme. */
-/* The top bar's strip (190px) sits 72px from its right end, clear of the
-   right-hand controls; only from 1024px, where the centered search field
-   (at most min(32vw, 420px)) leaves it room. */
+/* The top bar's strip (190px) ends --frame-decor-top-end (72px if unset)
+   left of the bar's right-hand controls' safe area, --raft-frame-inset-end
+   (the window's caption buttons on a desktop shell; 0 on the web). The bar
+   must reach the window's right edge: the position counts from its padding
+   box, so padding that reserves the same corner is not counted twice. The
+   consumer sets --frame-decor-top-end to its trailing actions' width plus
+   16px, measured from inside the safe area, and sets --frame-decor-top: none
+   on the bar when the room between the search field and those actions can't
+   hold the whole strip with 16px on each side; never half a strip. Only from
+   1024px, where the centred search field leaves room for it. */
 @utility frame-decor-top {
   background-repeat: no-repeat;
-  background-position: right 72px center;
+  background-position: right
+    calc(var(--frame-decor-top-end, 72px) + var(--raft-frame-inset-end, 0px)) center;
   @media (width >= 1024px) {
     background-image: var(--frame-decor-top, none);
   }

package/dist/wip.mjs

@@ -1,5 +1,5 @@
 import { cn } from "./cn.mjs";
-import { A as DRAG_AUTO_SCROLL_ZONE_PX, B as useDragSiblingTransition, Bi as ListRowTitle, Br as TOUCH_DRAG_DISTANCE_PX, C as DropPlaceholder, Ca as Spinner, D as listKeyboardCoordinates, Dr as PopoverBody, E as MOUSE_DRAG_DISTANCE_PX, Ea as useParentOverlayKind, F as DROP_GLIDE, G as SILENT_DRAG_ANNOUNCEMENTS, Gn as InputGroupInput, H as LIFT_CLASS, Hn as chipRemoveBase, Hr as TOUCH_DRAG_TOLERANCE_PX, I as DragLift, Ii as ListRowDescription, In as AvatarGroupButton, It as MessageReferenceReadMark, J as dragMessages, Jn as measureElement, K as createDragAnnouncements, Kn as useOverflowTitle, L as ORIGIN_OPACITY, M as DRAG_LIFT_Z_INDEX, Mi as ListRow, Mt as MessageReferenceIcon, N as DRAG_SETTLE, Ni as ListRowBody, O as useDragAcrossLists, Oa as useThemeScopeProps, P as DRAG_SIBLING_TRANSITION, Pi as ListRowBottom, Q as MessageListJumpPillGroup, Qi as Dialog, Qn as PreviewCardActions, R as cancelDrag, Rr as HoldThenMoveTouchSensor, S as DragRefusalHint, Sr as MobileNavServerPopoverRowLabel, T as DragRemeasure, Ta as OverlayLayerProvider, Ui as Tooltip, Un as InputGroup, Ur as useHoldThenMoveTouchSensor, Vi as ListRowTop, Vn as RadioGroupItem, Vr as TOUCH_DRAG_HOLD_MS, W as DEFAULT_DRAG_MESSAGES, Wi as TooltipContent, Wn as InputGroupAddon, Wr as useMouseOnlyPointerSensor, X as MessageListJumpPill, Xi as DialogSheetContent, Xn as readNow, Y as MessageListJumpControls, Yi as DialogCommit, Yn as observeTruncation, Z as MessageListJumpPillDismiss, _ as InboxItemTrailing, _a as TextLink, _r as MobileNavServerPopoverGroup, a as InboxItemContext, b as useLatestRef, br as MobileNavServerPopoverRowBody, c as InboxItemLeading, cn as MessageItemDelegatedAvatar, ct as MessageQuotedPreviewAuthorDelegatedBy, da as DialogTitle, dn as MessageItemDelegatedByName, ea as DialogClose, er as PreviewCardBody, fa as DialogTrigger, fr as MobileNavServerItem, g as InboxItemTitle, gr as MobileNavServerPopoverDestinations, h as InboxItemTimestamp, hr as MobileNavServerPopoverDestination, i as InboxItemContent, ia as DialogFooterNote, ir as PreviewCardFooter, j as DRAG_KEYBOARD_OFFSET_PX, ja as tv, k as useDragSensors, ka as useTheme, ki as Checkbox, la as DialogSheetBack, ln as MessageItemDelegatedBy, mr as MobileNavServerPopoverContent, o as InboxItemHeading, or as PreviewCardMeta, pr as MobileNavServerPopover, q as dragInstructions, qi as TooltipTrigger, qn as measureContent, r as InboxItemBody, ri as DropdownMenuLinkItem, rr as PreviewCardEyebrow, t as InboxItem, ta as DialogContent, un as MessageItemDelegatedByButton, vr as MobileNavServerPopoverList, w as DRAG_KEYBOARD_CODES, wa as defaultNativeButton, wr as PopoverActions, x as Skeleton, xa as Button$1, xr as MobileNavServerPopoverRowDescription, y as inboxItem, yr as MobileNavServerPopoverRow, z as keepGrabInside, zi as ListRowMeta, zn as RadioGroup, zr as MouseOnlyPointerSensor } from "./inbox-item-IkU1PDsA.mjs";
+import { $i as Dialog, A as DRAG_AUTO_SCROLL_ZONE_PX, Aa as useTheme, B as useDragSiblingTransition, Bi as ListRowTitle, Br as TOUCH_DRAG_DISTANCE_PX, C as DropPlaceholder, D as listKeyboardCoordinates, Da as useParentOverlayKind, Dr as PopoverBody, E as MOUSE_DRAG_DISTANCE_PX, Ea as OverlayLayerProvider, F as DROP_GLIDE, G as SILENT_DRAG_ANNOUNCEMENTS, Gn as InputGroupInput, H as LIFT_CLASS, Hn as chipRemoveBase, Hr as TOUCH_DRAG_TOLERANCE_PX, I as DragLift, Ii as ListRowDescription, In as AvatarGroupButton, It as MessageReferenceReadMark, J as dragMessages, Ji as usePopupCollisionPadding, Jn as measureElement, K as createDragAnnouncements, Kn as useOverflowTitle, L as ORIGIN_OPACITY, M as DRAG_LIFT_Z_INDEX, Ma as tv, Mi as ListRow, Mt as MessageReferenceIcon, N as DRAG_SETTLE, Ni as ListRowBody, O as useDragAcrossLists, P as DRAG_SIBLING_TRANSITION, Pi as ListRowBottom, Q as MessageListJumpPillGroup, Qn as PreviewCardActions, R as cancelDrag, Rr as HoldThenMoveTouchSensor, S as DragRefusalHint, Sa as Button$1, Sr as MobileNavServerPopoverRowLabel, T as DragRemeasure, Ta as defaultNativeButton, Ui as Tooltip, Un as InputGroup, Ur as useHoldThenMoveTouchSensor, Vi as ListRowTop, Vn as RadioGroupItem, Vr as TOUCH_DRAG_HOLD_MS, W as DEFAULT_DRAG_MESSAGES, Wi as TooltipContent, Wn as InputGroupAddon, Wr as useMouseOnlyPointerSensor, X as MessageListJumpPill, Xi as DialogCommit, Xn as readNow, Y as MessageListJumpControls, Yn as observeTruncation, Z as MessageListJumpPillDismiss, Zi as DialogSheetContent, _ as InboxItemTrailing, _r as MobileNavServerPopoverGroup, a as InboxItemContext, aa as DialogFooterNote, b as useLatestRef, br as MobileNavServerPopoverRowBody, c as InboxItemLeading, cn as MessageItemDelegatedAvatar, ct as MessageQuotedPreviewAuthorDelegatedBy, dn as MessageItemDelegatedByName, er as PreviewCardBody, fa as DialogTitle, fr as MobileNavServerItem, g as InboxItemTitle, gr as MobileNavServerPopoverDestinations, h as InboxItemTimestamp, hr as MobileNavServerPopoverDestination, i as InboxItemContent, ir as PreviewCardFooter, j as DRAG_KEYBOARD_OFFSET_PX, k as useDragSensors, ka as useThemeScopeProps, ki as Checkbox, ln as MessageItemDelegatedBy, mr as MobileNavServerPopoverContent, na as DialogContent, o as InboxItemHeading, or as PreviewCardMeta, pa as DialogTrigger, pr as MobileNavServerPopover, q as dragInstructions, qi as TooltipTrigger, qn as measureContent, r as InboxItemBody, ri as DropdownMenuLinkItem, rr as PreviewCardEyebrow, t as InboxItem, ta as DialogClose, ua as DialogSheetBack, un as MessageItemDelegatedByButton, va as TextLink, vr as MobileNavServerPopoverList, w as DRAG_KEYBOARD_CODES, wa as Spinner, wr as PopoverActions, x as Skeleton, xr as MobileNavServerPopoverRowDescription, y as inboxItem, yr as MobileNavServerPopoverRow, z as keepGrabInside, zi as ListRowMeta, zn as RadioGroup, zr as MouseOnlyPointerSensor } from "./inbox-item-BkhqEaUM.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";
@@ -123,6 +123,13 @@ const PHONE_LIST_COLLISION = {
 	align: "shift",
 	fallbackAxisSide: "none"
 };
+function ComboboxSelectFramePositioner({ collisionPadding, container, ...props }) {
+	const padding = usePopupCollisionPadding(collisionPadding, 8, container);
+	return /* @__PURE__ */ jsx(Combobox.Positioner, {
+		collisionPadding: padding,
+		...props
+	});
+}
 /**
 * Keeps room for the list below the field on a phone: when fewer than three
 * rows fit between the field and the bottom of the visual viewport (the
@@ -489,15 +496,15 @@ function ComboboxSelect({ options, multiple, value, defaultValue, onValueChange,
 			children: [controlContent, actions]
 		}), /* @__PURE__ */ jsx(Combobox.Portal, {
 			...scopedPortalProps,
-			children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+			children: /* @__PURE__ */ jsx(ComboboxSelectFramePositioner, {
 				sideOffset: 4,
 				align: "start",
-				collisionPadding: 8,
 				...phone ? {
 					side: "bottom",
 					collisionAvoidance: PHONE_LIST_COLLISION
 				} : null,
 				...positionerProps,
+				container: portalProps?.container,
 				className: positionerClassName,
 				children: /* @__PURE__ */ jsxs(Combobox.Popup, {
 					initialFocus: false,

package/package.json

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