@botiverse/raft-ui 0.95.4 → 0.96.1

package/dist/lint/prefer-scroll-area.mjs

@@ -1,12 +1,15 @@
 // src/lint/prefer-scroll-area.ts
-const NATIVE_SCROLL_CLASS = /(?<![\w-])overflow(?:-[xy])?-(?:auto|scroll)(?![\w-])/;
-const NATIVE_SCROLL_ARBITRARY = /\[overflow(?:-[xy])?:[^\]]*\b(?:auto|scroll)\b[^\]]*\]/;
-const NATIVE_SCROLL_STYLE_KEYS = /* @__PURE__ */ new Set([
-	"overflow",
-	"overflowX",
-	"overflowY"
+const OVERFLOW_CLASS = /(?<![\w-])overflow(?:-([xy]))?-(?:(auto|scroll)|\[([^\]\s]+)\])(?![\w-])|\[overflow(?:-([xy]))?:([^\]\s]+)\]/g;
+const SCROLLING_VALUES = /* @__PURE__ */ new Set([
+	"auto",
+	"scroll",
+	"overlay"
 ]);
-const NATIVE_SCROLL_STYLE_VALUES = /* @__PURE__ */ new Set(["auto", "scroll"]);
+const STYLE_AXES = {
+	overflow: "",
+	overflowX: "x",
+	overflowY: "y"
+};
 const CLASS_FUNCTIONS = /* @__PURE__ */ new Set([
 	"cn",
 	"clsx",
@@ -36,10 +39,47 @@ const PASS_THROUGH = /* @__PURE__ */ new Set([
 ]);
 const INIT_THROUGH = /* @__PURE__ */ new Set([...PASS_THROUGH, "CallExpression"]);
 const ESCAPE = /\braft-ui:\s*native-scroll\s+\S/;
-/** Whether a class string has a native-scrolling class in it. */
-function hasNativeScrollClass(value) {
-	if (!value.includes("overflow")) return false;
-	return NATIVE_SCROLL_CLASS.test(value) || NATIVE_SCROLL_ARBITRARY.test(value);
+/**
+* Adds the axes an overflow value scrolls to `axes`. `axis` is the property's (`x`, `y`), or
+* empty for `overflow` itself, whose one value is both axes and whose two are x then y.
+*/
+function addOverflowValue(axes, axis, tokens) {
+	const scrolls = tokens.map((token) => SCROLLING_VALUES.has(token.replace(/^!|!(?:important)?$/g, "")));
+	if (axis === "x") axes.x ||= scrolls.includes(true);
+	else if (axis === "y") axes.y ||= scrolls.includes(true);
+	else {
+		axes.x ||= scrolls[0] === true;
+		axes.y ||= scrolls[scrolls.length > 1 ? 1 : 0] === true;
+	}
+}
+function axisOf({ x, y }) {
+	if (x && y) return "both";
+	return x ? "horizontal" : y ? "vertical" : void 0;
+}
+/**
+* The way a class string scrolls natively: `vertical` for `overflow-y-*`, `horizontal` for
+* `overflow-x-*`, `both` for `overflow-*` or the two together, undefined when it has no
+* native-scrolling class.
+*/
+function nativeScrollAxis(value) {
+	if (!value.includes("overflow")) return void 0;
+	const axes = {
+		x: false,
+		y: false
+	};
+	for (const match of value.matchAll(OVERFLOW_CLASS)) addOverflowValue(axes, match[1] ?? match[4] ?? "", (match[2] ?? match[3] ?? match[5] ?? "").split("_"));
+	return axisOf(axes);
+}
+/** The way a `style` property scrolls natively: `overflow: "hidden auto"` is `vertical`. */
+function nativeScrollStyleAxis(key, value) {
+	const axis = STYLE_AXES[key];
+	if (axis === void 0) return void 0;
+	const axes = {
+		x: false,
+		y: false
+	};
+	addOverflowValue(axes, axis, value.trim().split(/\s+/));
+	return axisOf(axes);
 }
 function attributeName(node) {
 	const name = node.name;
@@ -105,6 +145,181 @@ function propertyKey(property) {
 	if (property.computed) return stringValue(key);
 	return key.type === "Identifier" ? key.name : stringValue(key);
 }
+const CLASS_NAME = /^(?:class|className|classNames|\w+ClassNames?|(?!(?:is|has|should)[A-Z])[a-z]\w*[a-z0-9]Class)$/;
+const CONTAINER_CLASS_NAME = /^(?:classNames|\w+ClassNames)$/;
+const SCROLL_AREAS = /* @__PURE__ */ new Set([
+	"ScrollArea",
+	"PanelScrollViewport",
+	"ScrollAreaTextarea"
+]);
+const TEXTAREAS = /* @__PURE__ */ new Set(["textarea", "Textarea"]);
+const NATIVE_ELEMENTS = /* @__PURE__ */ new Set([
+	"pre",
+	"html",
+	"body",
+	"iframe"
+]);
+const VALUE_THROUGH = /* @__PURE__ */ new Set([...PASS_THROUGH, "MemberExpression"]);
+const WIDE_INIT_THROUGH = /* @__PURE__ */ new Set([...INIT_THROUGH, "MemberExpression"]);
+const FUNCTIONS = /* @__PURE__ */ new Set(["ArrowFunctionExpression", "FunctionExpression"]);
+const TYPE_WRAPPERS = /* @__PURE__ */ new Set([
+	"ParenthesizedExpression",
+	"TSAsExpression",
+	"TSNonNullExpression",
+	"TSSatisfiesExpression"
+]);
+/**
+* What makes a node a class for this rule: a class attribute, a JSX spread, a class helper's
+* call, a property or a parameter default with a class name. Undefined when it isn't one.
+*
+* One call that isn't a class helper may stand between the node and a class attribute, a class
+* property or a spread (`className={wrap("…")}`, `{...guard("…")}`): its result is the class.
+* Inside a class helper such a call is not read, in an attribute or outside one
+* (`cn("p-2", t("…"))`): what it takes is its own. A spread takes only a call's arguments, and
+* none under a key that isn't a class name or inside a function.
+*/
+function classUse(node) {
+	let child = node;
+	let parent = node.parent;
+	let calls = 0;
+	let underKey = false;
+	let inFunction = false;
+	while (parent) {
+		if (parent.type === "JSXAttribute") {
+			const name = attributeName(parent);
+			return name !== void 0 && CLASS_NAME.test(name) ? parent : void 0;
+		}
+		if (parent.type === "JSXSpreadAttribute") return calls > 0 && !underKey && !inFunction ? parent : void 0;
+		if (parent.type === "CallExpression") {
+			const callee = parent.callee;
+			if (callee === child) {
+				if (child.type !== "MemberExpression") return void 0;
+			} else if (!parent.arguments.includes(child)) return;
+			else if (callee.type === "Identifier" && CLASS_FUNCTIONS.has(callee.name)) return calls === 0 && !inFunction ? parent : void 0;
+			else {
+				if (calls > 0 || underKey || inFunction) return void 0;
+				calls = 1;
+			}
+		} else if (parent.type === "Property") {
+			if (parent.value === child) {
+				const key = propertyKey(parent);
+				if (key !== void 0 && CLASS_NAME.test(key)) return parent;
+				underKey = true;
+			}
+		} else if (parent.type === "AssignmentPattern") {
+			if (parent.right !== child) return void 0;
+			const owner = parent.parent;
+			const left = parent.left;
+			const name = owner?.type === "Property" && owner.value === parent ? propertyKey(owner) : left.type === "Identifier" ? left.name : void 0;
+			return name !== void 0 && CLASS_NAME.test(name) ? parent : void 0;
+		} else if (parent.type === "ArrowFunctionExpression" && parent.body === child) {
+			if (inFunction) return void 0;
+			inFunction = true;
+		} else if (parent.type === "ReturnStatement") {
+			let owner = parent.parent;
+			while (owner && (owner.type === "BlockStatement" || owner.type === "IfStatement")) owner = owner.parent;
+			if (!owner || !FUNCTIONS.has(owner.type) || inFunction) return void 0;
+			inFunction = true;
+			parent = owner;
+		} else if (!VALUE_THROUGH.has(parent.type)) return;
+		child = parent;
+		parent = parent.parent;
+	}
+}
+/**
+* What makes a node a style: a `style` attribute or a `style` property, through objects,
+* spreads, conditionals, members and one call. Undefined when it isn't one.
+*/
+function styleUse(node) {
+	let child = node;
+	let parent = node.parent;
+	let calls = 0;
+	while (parent) {
+		if (parent.type === "JSXAttribute") return attributeName(parent) === "style" ? parent : void 0;
+		if (parent.type === "Property") {
+			if (parent.value !== child) return void 0;
+			if (propertyKey(parent) === "style") return parent;
+		} else if (parent.type === "CallExpression") {
+			if (!parent.arguments.includes(child) || calls > 0) return void 0;
+			calls = 1;
+		} else if (!VALUE_THROUGH.has(parent.type) || parent.type === "TemplateLiteral") return;
+		child = parent;
+		parent = parent.parent;
+	}
+}
+/**
+* The `const` whose initializer holds `node`, and the member it is under when the initializer is
+* an object (`body` for a string in `const cls = { body: "…" }`): undefined for a string that
+* isn't under one member, which then counts whichever member is read.
+*/
+function constHolder(node) {
+	let child = node;
+	let parent = node.parent;
+	let member;
+	let direct = true;
+	while (parent) {
+		if (parent.type === "VariableDeclarator") {
+			if (!(parent.id?.type === "Identifier" && parent.parent?.kind === "const") || parent.init !== child) return void 0;
+			return {
+				declarator: parent,
+				member: direct ? member : void 0
+			};
+		}
+		if (!WIDE_INIT_THROUGH.has(parent.type)) return void 0;
+		if (parent.type === "Property") {
+			member = parent.value === child ? propertyKey(parent) : void 0;
+			direct = true;
+		} else if (parent.type !== "ObjectExpression" && !TYPE_WRAPPERS.has(parent.type)) direct = false;
+		child = parent;
+		parent = parent.parent;
+	}
+}
+/** The member an identifier is read by (`body` in `cls.body`), or undefined for all of it. */
+function memberRead(node) {
+	const parent = node.parent;
+	if (parent?.type !== "MemberExpression" || parent.object !== node) return void 0;
+	const property = parent.property;
+	if (!parent.computed) return property.type === "Identifier" ? property.name : void 0;
+	return stringValue(property);
+}
+function elementName(attribute) {
+	const name = attribute.parent?.name;
+	if (name?.type === "JSXIdentifier") return name.name;
+	return (name?.type === "JSXMemberExpression" ? name.property : void 0)?.name;
+}
+/** What a hit is written on, from what makes it a class or a style: it decides the message. */
+function targetOf(use) {
+	let node = use;
+	if (node.type === "Property") {
+		const key = propertyKey(node);
+		if (key !== void 0 && CONTAINER_CLASS_NAME.test(key)) return "container";
+	}
+	while (node && node.type !== "JSXAttribute") {
+		if (node.type === "JSXSpreadAttribute" || node.type === "JSXElement") return "plain";
+		if (node.type === "JSXFragment" || node.type === "VariableDeclarator") return "plain";
+		node = node.parent;
+	}
+	if (!node) return "plain";
+	const name = attributeName(node);
+	if (name !== void 0 && CONTAINER_CLASS_NAME.test(name)) return "container";
+	if (name !== "className" && name !== "class" && name !== "style") return "plain";
+	const element = elementName(node) ?? "";
+	if (SCROLL_AREAS.has(element)) return "area";
+	if (TEXTAREAS.has(element)) return "textarea";
+	return NATIVE_ELEMENTS.has(element) ? "native" : "plain";
+}
+function messageFor(target, axis) {
+	if (target === "area") return "scrollAreaAlreadyScrolls";
+	if (target === "textarea") return "preferScrollAreaTextarea";
+	if (target === "native") return "nativeScrollElement";
+	if (target === "container") return "preferScrollAreaContainer";
+	if (axis === "both") return "preferScrollAreaBoth";
+	return axis === "horizontal" ? "preferScrollAreaHorizontal" : "preferScrollArea";
+}
+const DOCS = "Docs: https://raft-design.botiverse.build/components/scroll-area.md";
+const OPT_OUT = "Only a region that must scroll natively (see the allowed cases in the docs) takes \"// raft-ui: native-scroll <reason>\" on the line above.";
+const WHERE_CLASSES_GO = "Sizing classes (max-h-*, flex-1, min-h-0) stay on the area; grid/flex/gap/padding go on contentClassName.";
+const AREA_CLASSES = "className=\"…sizing…\" contentClassName=\"…layout, gap, padding…\"";
 const preferScrollArea = {
 	meta: {
 		type: "suggestion",
@@ -112,7 +327,15 @@ const preferScrollArea = {
 			description: "Scrolling regions use ScrollArea from @botiverse/raft-ui, not a native overflow.",
 			url: "https://raft-design.botiverse.build/about/use-raft-ui/#lint-rules"
 		},
-		messages: { preferScrollArea: "Scrolling regions use ScrollArea from @botiverse/raft-ui (or PanelScrollViewport inside a Panel). If this one must scroll natively, say why in an `// raft-ui: native-scroll <reason>` comment on the line above. https://raft-design.botiverse.build/components/scroll-area/" },
+		messages: {
+			preferScrollArea: `Use ScrollArea from @botiverse/raft-ui for a scrolling region: <ScrollArea ${AREA_CLASSES}>…</ScrollArea> (inside a Panel: PanelScrollViewport). ${WHERE_CLASSES_GO} ${OPT_OUT} ${DOCS}`,
+			preferScrollAreaHorizontal: `Use ScrollArea from @botiverse/raft-ui for a region that scrolls sideways: <ScrollArea orientation="horizontal" ${AREA_CLASSES}>…</ScrollArea>. ${WHERE_CLASSES_GO} ${OPT_OUT} ${DOCS}`,
+			preferScrollAreaBoth: `Use ScrollArea from @botiverse/raft-ui for a region that scrolls both ways: <ScrollArea orientation="both" ${AREA_CLASSES}>…</ScrollArea>. Leave orientation out (vertical, the default) only when nothing inside is wider than the area: a vertical area cuts off what is. ${WHERE_CLASSES_GO} ${OPT_OUT} ${DOCS}`,
+			preferScrollAreaTextarea: `Use ScrollAreaTextarea from @botiverse/raft-ui for a textarea that scrolls: <ScrollAreaTextarea wrapperClassName="…border, background, focus ring…" className="…padding…" />. A <textarea> can't hold ScrollArea's scrollbars, so ScrollAreaTextarea draws them over a frame around it. ${OPT_OUT} ${DOCS}`,
+			preferScrollAreaContainer: `These classes go to an element another component renders, so a ScrollArea can't take its place. Bind that element: const { containerProps, guttersProps } = useScrollAreaContainer(); give it containerProps (ref, className, style) and render <ScrollAreaGutters {...guttersProps} /> as its first child, with no overflow class ("Your own container" in the docs). Where the component takes neither, it scrolls natively: say so in "// raft-ui: native-scroll <reason>" on the line above. ${DOCS}`,
+			nativeScrollElement: `A ScrollArea can't take the place of this element (<pre>, <html>, <body>, <iframe>), so there is nothing to write instead. It may scroll natively only as one of the allowed cases in the docs (a <pre> of code is one, since it holds phrasing content only): say which in "// raft-ui: native-scroll <reason>" on the line above. ${DOCS}`,
+			scrollAreaAlreadyScrolls: `ScrollArea already scrolls: remove the overflow class (or style) and set the direction with orientation="vertical" (the default), "horizontal" or "both". ${DOCS}`
+		},
 		schema: []
 	},
 	create(context) {
@@ -121,39 +344,134 @@ const preferScrollArea = {
 		function line(index) {
 			return sourceCode.getLocFromIndex(index).line;
 		}
-		/** The lines an escape comment covers: the one it ends on and the next. */
+		/**
+		* The lines an escape comment covers: the one it ends on, and the next when the comment has
+		* its line to itself (after `{` too: `{/* … *\/}` between JSX children). A comment at the
+		* end of a line of code covers that line only.
+		*/
 		function escaped() {
 			if (escapeLines) return escapeLines;
 			escapeLines = /* @__PURE__ */ new Set();
+			const text = sourceCode?.text;
 			for (const comment of sourceCode?.getAllComments() ?? []) {
 				if (!ESCAPE.test(comment.value)) continue;
 				const end = comment.loc?.end.line ?? line(comment.range[1]);
 				escapeLines.add(end);
-				escapeLines.add(end + 1);
+				let ownLine = true;
+				if (text !== void 0 && comment.range) {
+					const start = comment.range[0];
+					const before = text.slice(text.lastIndexOf("\n", start - 1) + 1, start).trim();
+					ownLine = before === "" || before === "{";
+				}
+				if (ownLine) escapeLines.add(end + 1);
 			}
 			return escapeLines;
 		}
 		function startLine(node) {
 			return node.loc?.start.line ?? line(node.range[0]);
 		}
-		/** Reports `node` unless an escape comment covers the line `anchor` starts on. */
-		function report(node, anchor) {
+		const reported = /* @__PURE__ */ new Set();
+		/** Reports `node`, once, unless an escape comment covers the line `anchor` starts on. */
+		function report(node, anchor, messageId) {
+			if (reported.has(node)) return;
+			reported.add(node);
 			const lines = escaped();
 			if (lines.size > 0 && lines.has(startLine(anchor))) return;
 			context.report({
 				node,
-				messageId: "preferScrollArea"
+				messageId
 			});
 		}
-		const constStrings = /* @__PURE__ */ new Map();
-		const classNames = /* @__PURE__ */ new Set();
+		const classHits = /* @__PURE__ */ new Map();
+		const styleHits = /* @__PURE__ */ new Map();
+		const classUses = [];
+		const styleUses = [];
+		const references = [];
+		function hold(hits, declarator, hit) {
+			const list = hits.get(declarator);
+			if (list) list.push(hit);
+			else hits.set(declarator, [hit]);
+		}
 		function checkClassString(node, value) {
-			if (!hasNativeScrollClass(value)) return;
-			if (classContext(node)) return report(node, node);
-			const declarator = constDeclarator(node);
-			if (!declarator) return;
-			const name = declarator.id.name;
-			constStrings.set(name, [...constStrings.get(name) ?? [], node]);
+			const axis = nativeScrollAxis(value);
+			if (axis === void 0) return;
+			const use = classUse(node);
+			if (use) return report(node, node, messageFor(targetOf(use), axis));
+			const holder = constHolder(node);
+			if (holder) hold(classHits, holder.declarator, {
+				node,
+				anchor: node,
+				axis,
+				member: holder.member
+			});
+		}
+		/** The consts a name refers to: the one its scope resolves it to, or every one of that name. */
+		function resolver() {
+			const byName = /* @__PURE__ */ new Map();
+			const owners = [
+				...classHits.keys(),
+				...styleHits.keys(),
+				...references.map((r) => r.owner)
+			];
+			for (const declarator of new Set(owners)) {
+				const name = declarator.id.name;
+				byName.set(name, [...byName.get(name) ?? [], declarator]);
+			}
+			return (identifier) => {
+				const name = identifier.name;
+				const named = byName.get(name);
+				if (!named) return [];
+				let scope;
+				try {
+					scope = sourceCode?.getScope?.(identifier);
+				} catch {
+					scope = void 0;
+				}
+				if (!scope?.set) return named;
+				for (let current = scope; current; current = current.upper) {
+					const variable = current.set?.get(name);
+					if (!variable) continue;
+					const definition = variable.defs?.[0];
+					return definition?.type === "Variable" && named.includes(definition.node) ? [definition.node] : [];
+				}
+				return [];
+			};
+		}
+		/** Reports what the used consts hold, and what the consts they are built from hold. */
+		function reportUsed(uses, hits, resolve) {
+			if (hits.size === 0 || uses.length === 0) return;
+			const referencesOf = /* @__PURE__ */ new Map();
+			for (const reference of references) referencesOf.set(reference.owner, [...referencesOf.get(reference.owner) ?? [], reference]);
+			const used = /* @__PURE__ */ new Map();
+			for (const use of uses) for (const declarator of resolve(use.identifier)) {
+				const entry = used.get(declarator);
+				if (!entry) {
+					const members = use.member === void 0 ? void 0 : /* @__PURE__ */ new Set([use.member]);
+					used.set(declarator, {
+						members,
+						target: use.target
+					});
+					continue;
+				}
+				if (use.member === void 0) entry.members = void 0;
+				else entry.members?.add(use.member);
+				if (entry.target !== use.target) entry.target = "plain";
+			}
+			const visiting = /* @__PURE__ */ new Set();
+			function visit(declarator, members, target) {
+				if (visiting.has(declarator)) return;
+				visiting.add(declarator);
+				const read = (member) => member === void 0 || members === void 0 || members.has(member);
+				for (const hit of hits.get(declarator) ?? []) if (read(hit.member)) report(hit.node, hit.anchor, messageFor(target, hit.axis));
+				for (const reference of referencesOf.get(declarator) ?? []) {
+					if (!read(reference.ownerMember)) continue;
+					const inner = reference.member === void 0 ? void 0 : /* @__PURE__ */ new Set([reference.member]);
+					for (const next of resolve(reference.identifier)) visit(next, inner, target);
+				}
+				visiting.delete(declarator);
+			}
+			const order = [...used].sort(([, a], [, b]) => Number(a.target !== "plain") - Number(b.target !== "plain"));
+			for (const [declarator, { members, target }] of order) visit(declarator, members, target);
 		}
 		return {
 			Literal(node) {
@@ -165,24 +483,61 @@ const preferScrollArea = {
 			Identifier(node) {
 				const parent = node.parent;
 				if (parent?.type === "Property" && parent.key === node && !parent.computed && !parent.shorthand) return;
-				if (classContext(node)) classNames.add(node.name);
+				if (parent?.type === "MemberExpression" && parent.property === node && !parent.computed) return;
+				if (parent?.type === "VariableDeclarator" && parent.id === node) return;
+				const member = memberRead(node);
+				const style = styleUse(node);
+				if (style) styleUses.push({
+					identifier: node,
+					member,
+					target: targetOf(style)
+				});
+				else {
+					const use = classUse(node);
+					if (use) classUses.push({
+						identifier: node,
+						member,
+						target: targetOf(use)
+					});
+				}
+				const holder = constHolder(node);
+				if (holder) references.push({
+					identifier: node,
+					member,
+					owner: holder.declarator,
+					ownerMember: holder.member
+				});
 			},
-			JSXAttribute(node) {
-				if (attributeName(node) !== "style") return;
-				const value = node.value;
-				const expression = value?.type === "JSXExpressionContainer" ? value.expression : void 0;
-				if (expression?.type !== "ObjectExpression") return;
-				for (const property of expression.properties) {
-					if (property.type !== "Property") continue;
-					const key = propertyKey(property);
-					if (key === void 0 || !NATIVE_SCROLL_STYLE_KEYS.has(key)) continue;
-					for (const literal of styleValueStrings(property.value, [])) if (NATIVE_SCROLL_STYLE_VALUES.has(stringValue(literal).trim())) report(literal, property);
+			Property(node) {
+				const key = propertyKey(node);
+				if (key === void 0 || !(key in STYLE_AXES)) return;
+				let style;
+				let holder;
+				let looked = false;
+				for (const literal of styleValueStrings(node.value, [])) {
+					const axis = nativeScrollStyleAxis(key, stringValue(literal));
+					if (axis === void 0) continue;
+					if (!looked) {
+						looked = true;
+						style = styleUse(node);
+						holder = style ? void 0 : constHolder(node);
+					}
+					if (style) report(literal, node, messageFor(targetOf(style), axis));
+					else if (holder) hold(styleHits, holder.declarator, {
+						node: literal,
+						anchor: node,
+						axis,
+						member: holder.member
+					});
 				}
 			},
 			"Program:exit"() {
-				for (const name of classNames) for (const node of constStrings.get(name) ?? []) report(node, node);
+				if (classHits.size === 0 && styleHits.size === 0) return;
+				const resolve = resolver();
+				reportUsed(classUses, classHits, resolve);
+				reportUsed(styleUses, styleHits, resolve);
 			}
 		};
 	}
 };
-export { attributeName, classContext, constDeclarator, hasNativeScrollClass, preferScrollArea, propertyKey, stringValue };
+export { attributeName, classContext, constDeclarator, nativeScrollAxis, nativeScrollStyleAxis, preferScrollArea, propertyKey, stringValue };

package/dist/wip-exports.d.mts

@@ -53,16 +53,17 @@ import { LIFT_CLASS } from "./components/drag/drag.recipe.mjs";
 import { DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DragLift, DragLiftProps, ORIGIN_OPACITY, cancelDrag, keepGrabInside, useDragSiblingTransition } from "./components/drag/drag-lift.mjs";
 import { DragRefusalHint, DragRefusalHintProps, DropPlaceholder, DropPlaceholderProps } from "./components/drag/drop-placeholder.mjs";
 import { DragListsItems, DragLiveRegion, DraggedSlot, DraggedSlotProps, UseDragListsOptions, dragListStrategy, useDragAnnouncer, useDragLists } from "./components/drag/drag-lists.mjs";
-import "./components/mobile-nav/index.mjs";
+import { SheetPopupBoundary, SheetPopupBoundaryProps } from "./lib/popup-boundary.mjs";
 import { Ellipsis, EllipsisProps, EllipsisState, EllipsisToggle, EllipsisToggleProps } from "./components/ellipsis/ellipsis.mjs";
 import { useTruncated } from "./lib/use-truncated.mjs";
+import "./components/mobile-nav/index.mjs";
 import "./components/preview-card/index.mjs";
 import "./components/app-link-card/index.mjs";
 import { PopoverActions, PopoverActionsProps, PopoverBody, PopoverBodyProps } from "./components/popover/popover.mjs";
-import "./components/pull-to-refresh/index.mjs";
 import { Meter, MeterHeader, MeterHeaderProps, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterProps, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps } from "./components/meter/meter.mjs";
-import "./components/choice-list/index.mjs";
+import "./components/pull-to-refresh/index.mjs";
 import { FilterChip, FilterChipLabel, FilterChipLabelProps, FilterChipProps, FilterChipRemove, FilterChipRemoveProps } from "./components/filter-chip/filter-chip.mjs";
+import "./components/choice-list/index.mjs";
 import "./components/avatar/index.mjs";
 import "./components/panel/index.mjs";
 import { AppLinkCard, AppLinkCardActions, AppLinkCardActionsProps, AppLinkCardBadge, AppLinkCardBadgeProps, AppLinkCardBody, AppLinkCardBodyProps, AppLinkCardEyebrow, AppLinkCardEyebrowProps, AppLinkCardHeader, AppLinkCardHeaderProps, AppLinkCardHost, AppLinkCardHostProps, AppLinkCardIcon, AppLinkCardIconProps, AppLinkCardMeta, AppLinkCardMetaProps, AppLinkCardName, AppLinkCardNameProps, AppLinkCardPlaceholder, AppLinkCardPlaceholderProps, AppLinkCardTitle, AppLinkCardTitleProps } from "./components/app-link-card/app-link-card.mjs";
@@ -81,4 +82,4 @@ import { KbdButton, KbdButtonCaret, KbdButtonCaretProps, KbdButtonPlaceholder, K
 import "./components/kbd-button/index.mjs";
 import { WebTopBarCenter, WebTopBarCenterProps, WebTopBarEnd, WebTopBarEndProps, WebTopBarRoot, WebTopBarRootProps, WebTopBarStart, WebTopBarStartProps } from "./components/web-top-bar/web-top-bar.mjs";
 import "./components/web-top-bar/index.mjs";
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AppLinkCard, AppLinkCardActions, type AppLinkCardActionsProps, AppLinkCardBadge, type AppLinkCardBadgeProps, AppLinkCardBody, type AppLinkCardBodyProps, AppLinkCardEyebrow, type AppLinkCardEyebrowProps, AppLinkCardHeader, type AppLinkCardHeaderProps, AppLinkCardHost, type AppLinkCardHostProps, AppLinkCardIcon, type AppLinkCardIconProps, AppLinkCardMeta, type AppLinkCardMetaProps, AppLinkCardName, type AppLinkCardNameProps, AppLinkCardPlaceholder, type AppLinkCardPlaceholderProps, AppLinkCardTitle, type AppLinkCardTitleProps, AvatarGroupButton, type AvatarGroupButtonProps, ButtonSplit, ButtonSplitMain, type ButtonSplitMainProps, ButtonSplitMenu, type ButtonSplitMenuProps, type ButtonSplitProps, type ButtonSplitSize, type ButtonSplitVariant, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, ComboboxSelect, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, CommentCard, CommentCardMeta, type CommentCardMetaProps, type CommentCardProps, CommentCardQuote, type CommentCardQuoteProps, CommentCardTrigger, type CommentCardTriggerProps, CommentEntry, CommentEntryAuthor, type CommentEntryAuthorProps, CommentEntryBody, type CommentEntryBodyProps, CommentEntryHeader, type CommentEntryHeaderProps, type CommentEntryProps, CommentEntryTime, type CommentEntryTimeProps, CommentMargin, CommentMarginItem, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, CommentMarker, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogFooterNote, type DialogFooterNoteProps, type DragAcrossLists, type DragAnnouncementSource, DragLift, type DragLiftProps, type DragListsItems, DragLiveRegion, type DragMessages, type DragNamed, type DragPlace, DragRefusalHint, type DragRefusalHintProps, DragRemeasure, type DragRemeasureProps, type DragSensorsOptions, DraggedSlot, type DraggedSlotProps, DropPlaceholder, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, Ellipsis, type EllipsisProps, type EllipsisState, EllipsisToggle, type EllipsisToggleProps, FIT_SEARCH_MAX_LEAST, FilterChip, FilterChipLabel, type FilterChipLabelProps, type FilterChipProps, FilterChipRemove, type FilterChipRemoveProps, type FitItemOptions, type FitStep, type FitSteps, FitToolbar, FitToolbarButton, type FitToolbarButtonProps, FitToolbarGroup, type FitToolbarGroupProps, FitToolbarMore, FitToolbarMoreItems, type FitToolbarMoreProps, FitToolbarPicker, type FitToolbarPickerProps, type FitToolbarProps, FitToolbarSearch, type FitToolbarSearchProps, FitToolbarSplitButton, type FitToolbarSplitButtonProps, type HoldThenMoveOptions, HoldThenMoveTouchSensor, InboxItemLeadingBadge, type InboxItemLeadingBadgeProps, InboxItemLine, type InboxItemLineProps, InboxItemListGroup, type InboxItemListGroupProps, InboxItemListHeading, type InboxItemListHeadingProps, InboxItemSkeleton, InboxItemSkeletonList, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, InboxItemStatus, type InboxItemStatusProps, KbdButton, KbdButtonCaret, type KbdButtonCaretProps, KbdButtonPlaceholder, type KbdButtonPlaceholderProps, type KbdButtonProps, type KbdKeyName, KbdShortcut, type KbdShortcutProps, type KeyboardPlatform, LIFT_CLASS, LightboxBody, type LightboxBodyProps, ListRowSkeleton, type ListRowSkeletonProps, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageItemTrailing, type MessageItemTrailingProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, Meter, MeterHeader, type MeterHeaderProps, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, type MeterProps, MeterTrack, type MeterTrackProps, MeterValue, 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, MouseOnlyPointerSensor, ORIGIN_OPACITY, type OverlayLayerKind, OverlayLayerProvider, type OverlayLayerProviderProps, 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, PanelSplitAction, PanelSplitActionMain, type PanelSplitActionMainProps, PanelSplitActionMenu, type PanelSplitActionMenuProps, type PanelSplitActionProps, PanelSplitActionToggle, type PanelSplitActionToggleProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, PullToRefreshIndicator, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, SaveStatus, SaveStatusError, type SaveStatusErrorProps, type SaveStatusProps, SaveStatusSaved, type SaveStatusSavedProps, SelectionToolbar, SelectionToolbarAction, type SelectionToolbarActionProps, SelectionToolbarActions, type SelectionToolbarActionsProps, SelectionToolbarClose, type SelectionToolbarCloseProps, SelectionToolbarCount, type SelectionToolbarCountProps, SelectionToolbarCountValue, type SelectionToolbarCountValueProps, SelectionToolbarDock, type SelectionToolbarDockProps, SelectionToolbarHint, type SelectionToolbarHintProps, SelectionToolbarItem, type SelectionToolbarItemProps, SelectionToolbarMore, SelectionToolbarMoreItems, type SelectionToolbarMoreProps, type SelectionToolbarProps, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, type TableSort, TableSortButton, type TableSortButtonProps, TableSortableHead, type TableSortableHeadProps, TaskCompletionControl, type TaskCompletionControlProps, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, WebTopBarCenter, type WebTopBarCenterProps, WebTopBarEnd, type WebTopBarEndProps, WebTopBarRoot, type WebTopBarRootProps, WebTopBarStart, type WebTopBarStartProps, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useFitItem, useFitMore, useHoldThenMoveTouchSensor, useInFitToolbar, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AppLinkCard, AppLinkCardActions, type AppLinkCardActionsProps, AppLinkCardBadge, type AppLinkCardBadgeProps, AppLinkCardBody, type AppLinkCardBodyProps, AppLinkCardEyebrow, type AppLinkCardEyebrowProps, AppLinkCardHeader, type AppLinkCardHeaderProps, AppLinkCardHost, type AppLinkCardHostProps, AppLinkCardIcon, type AppLinkCardIconProps, AppLinkCardMeta, type AppLinkCardMetaProps, AppLinkCardName, type AppLinkCardNameProps, AppLinkCardPlaceholder, type AppLinkCardPlaceholderProps, AppLinkCardTitle, type AppLinkCardTitleProps, AvatarGroupButton, type AvatarGroupButtonProps, ButtonSplit, ButtonSplitMain, type ButtonSplitMainProps, ButtonSplitMenu, type ButtonSplitMenuProps, type ButtonSplitProps, type ButtonSplitSize, type ButtonSplitVariant, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, ComboboxSelect, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, CommentCard, CommentCardMeta, type CommentCardMetaProps, type CommentCardProps, CommentCardQuote, type CommentCardQuoteProps, CommentCardTrigger, type CommentCardTriggerProps, CommentEntry, CommentEntryAuthor, type CommentEntryAuthorProps, CommentEntryBody, type CommentEntryBodyProps, CommentEntryHeader, type CommentEntryHeaderProps, type CommentEntryProps, CommentEntryTime, type CommentEntryTimeProps, CommentMargin, CommentMarginItem, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, CommentMarker, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogFooterNote, type DialogFooterNoteProps, type DragAcrossLists, type DragAnnouncementSource, DragLift, type DragLiftProps, type DragListsItems, DragLiveRegion, type DragMessages, type DragNamed, type DragPlace, DragRefusalHint, type DragRefusalHintProps, DragRemeasure, type DragRemeasureProps, type DragSensorsOptions, DraggedSlot, type DraggedSlotProps, DropPlaceholder, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, Ellipsis, type EllipsisProps, type EllipsisState, EllipsisToggle, type EllipsisToggleProps, FIT_SEARCH_MAX_LEAST, FilterChip, FilterChipLabel, type FilterChipLabelProps, type FilterChipProps, FilterChipRemove, type FilterChipRemoveProps, type FitItemOptions, type FitStep, type FitSteps, FitToolbar, FitToolbarButton, type FitToolbarButtonProps, FitToolbarGroup, type FitToolbarGroupProps, FitToolbarMore, FitToolbarMoreItems, type FitToolbarMoreProps, FitToolbarPicker, type FitToolbarPickerProps, type FitToolbarProps, FitToolbarSearch, type FitToolbarSearchProps, FitToolbarSplitButton, type FitToolbarSplitButtonProps, type HoldThenMoveOptions, HoldThenMoveTouchSensor, InboxItemLeadingBadge, type InboxItemLeadingBadgeProps, InboxItemLine, type InboxItemLineProps, InboxItemListGroup, type InboxItemListGroupProps, InboxItemListHeading, type InboxItemListHeadingProps, InboxItemSkeleton, InboxItemSkeletonList, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, InboxItemStatus, type InboxItemStatusProps, KbdButton, KbdButtonCaret, type KbdButtonCaretProps, KbdButtonPlaceholder, type KbdButtonPlaceholderProps, type KbdButtonProps, type KbdKeyName, KbdShortcut, type KbdShortcutProps, type KeyboardPlatform, LIFT_CLASS, LightboxBody, type LightboxBodyProps, ListRowSkeleton, type ListRowSkeletonProps, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageItemTrailing, type MessageItemTrailingProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, Meter, MeterHeader, type MeterHeaderProps, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, type MeterProps, MeterTrack, type MeterTrackProps, MeterValue, 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, MouseOnlyPointerSensor, ORIGIN_OPACITY, type OverlayLayerKind, OverlayLayerProvider, type OverlayLayerProviderProps, 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, PanelSplitAction, PanelSplitActionMain, type PanelSplitActionMainProps, PanelSplitActionMenu, type PanelSplitActionMenuProps, type PanelSplitActionProps, PanelSplitActionToggle, type PanelSplitActionToggleProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, PullToRefreshIndicator, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, SaveStatus, SaveStatusError, type SaveStatusErrorProps, type SaveStatusProps, SaveStatusSaved, type SaveStatusSavedProps, SelectionToolbar, SelectionToolbarAction, type SelectionToolbarActionProps, SelectionToolbarActions, type SelectionToolbarActionsProps, SelectionToolbarClose, type SelectionToolbarCloseProps, SelectionToolbarCount, type SelectionToolbarCountProps, SelectionToolbarCountValue, type SelectionToolbarCountValueProps, SelectionToolbarDock, type SelectionToolbarDockProps, SelectionToolbarHint, type SelectionToolbarHintProps, SelectionToolbarItem, type SelectionToolbarItemProps, SelectionToolbarMore, SelectionToolbarMoreItems, type SelectionToolbarMoreProps, type SelectionToolbarProps, SheetPopupBoundary, type SheetPopupBoundaryProps, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, type TableSort, TableSortButton, type TableSortButtonProps, TableSortableHead, type TableSortableHeadProps, TaskCompletionControl, type TaskCompletionControlProps, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, WebTopBarCenter, type WebTopBarCenterProps, WebTopBarEnd, type WebTopBarEndProps, WebTopBarRoot, type WebTopBarRootProps, WebTopBarStart, type WebTopBarStartProps, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useFitItem, useFitMore, useHoldThenMoveTouchSensor, useInFitToolbar, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };

package/dist/wip-exports.mjs

@@ -5,14 +5,15 @@ import { MessageItemTrailing } from "./components/message-item/message-item-cont
 import { LightboxBody } from "./components/lightbox/lightbox.mjs";
 import { MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup } from "./components/message-list/message-list-jump.mjs";
 import { InboxItemLeadingBadge } from "./components/inbox-item/inbox-item-leading-badge.mjs";
-import { HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "./lib/touch-drag.mjs";
 import { InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemStatus } from "./components/inbox-item/inbox-item.mjs";
+import { HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "./lib/touch-drag.mjs";
 import { InboxItemSkeleton, InboxItemSkeletonList } from "./components/inbox-item/inbox-item-skeleton.mjs";
 import { ListRowSkeleton } from "./components/list-row/list-row-skeleton.mjs";
-import { FIT_SEARCH_MAX_LEAST, FitToolbar, FitToolbarButton, FitToolbarGroup, FitToolbarMore, FitToolbarMoreItems, FitToolbarPicker, FitToolbarSearch, FitToolbarSplitButton, useFitItem, useFitMore, useInFitToolbar } from "./components/fit-toolbar/fit-toolbar.mjs";
 import { DropdownMenuLinkItem } from "./components/dropdown-menu/dropdown-menu.mjs";
+import { FIT_SEARCH_MAX_LEAST, FitToolbar, FitToolbarButton, FitToolbarGroup, FitToolbarMore, FitToolbarMoreItems, FitToolbarPicker, FitToolbarSearch, FitToolbarSplitButton, useFitItem, useFitMore, useInFitToolbar } from "./components/fit-toolbar/fit-toolbar.mjs";
 import { Dialog, DialogClose, DialogFooterNote, DialogTrigger } from "./components/dialog/dialog.mjs";
 import { OverlayLayerProvider, useParentOverlayKind } from "./lib/overlay-depth.mjs";
+import { SheetPopupBoundary } from "./lib/popup-boundary.mjs";
 import { MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel } from "./components/mobile-nav/mobile-nav-server.mjs";
 import { MessageReferenceIcon, MessageReferenceReadMark } from "./components/message-item/message-reference.mjs";
 import { PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta } from "./components/preview-card/preview-card.mjs";
@@ -51,4 +52,4 @@ import { SaveStatus, SaveStatusError, SaveStatusSaved } from "./components/save-
 import { TaskCompletionControl } from "./components/task-completion-control/task-completion-control.mjs";
 import { KbdButton, KbdButtonCaret, KbdButtonPlaceholder } from "./components/kbd-button/kbd-button.mjs";
 import { WebTopBarCenter, WebTopBarEnd, WebTopBarRoot, WebTopBarStart } from "./components/web-top-bar/web-top-bar.mjs";
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AppLinkCard, AppLinkCardActions, AppLinkCardBadge, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle, AvatarGroupButton, ButtonSplit, ButtonSplitMain, ButtonSplitMenu, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogFooterNote, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FIT_SEARCH_MAX_LEAST, FilterChip, FilterChipLabel, FilterChipRemove, FitToolbar, FitToolbarButton, FitToolbarGroup, FitToolbarMore, FitToolbarMoreItems, FitToolbarPicker, FitToolbarSearch, FitToolbarSplitButton, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemSkeleton, InboxItemSkeletonList, InboxItemStatus, KbdButton, KbdButtonCaret, KbdButtonPlaceholder, KbdShortcut, LIFT_CLASS, LightboxBody, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageItemTrailing, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, 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, PanelSplitAction, PanelSplitActionMain, PanelSplitActionMenu, PanelSplitActionToggle, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, SaveStatus, SaveStatusError, SaveStatusSaved, SelectionToolbar, SelectionToolbarAction, SelectionToolbarActions, SelectionToolbarClose, SelectionToolbarCount, SelectionToolbarCountValue, SelectionToolbarDock, SelectionToolbarHint, SelectionToolbarItem, SelectionToolbarMore, SelectionToolbarMoreItems, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, TableSortButton, TableSortableHead, TaskCompletionControl, WebTopBarCenter, WebTopBarEnd, WebTopBarRoot, WebTopBarStart, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useFitItem, useFitMore, useHoldThenMoveTouchSensor, useInFitToolbar, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AppLinkCard, AppLinkCardActions, AppLinkCardBadge, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle, AvatarGroupButton, ButtonSplit, ButtonSplitMain, ButtonSplitMenu, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogFooterNote, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FIT_SEARCH_MAX_LEAST, FilterChip, FilterChipLabel, FilterChipRemove, FitToolbar, FitToolbarButton, FitToolbarGroup, FitToolbarMore, FitToolbarMoreItems, FitToolbarPicker, FitToolbarSearch, FitToolbarSplitButton, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemSkeleton, InboxItemSkeletonList, InboxItemStatus, KbdButton, KbdButtonCaret, KbdButtonPlaceholder, KbdShortcut, LIFT_CLASS, LightboxBody, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageItemTrailing, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, MouseOnlyPointerSensor, ORIGIN_OPACITY, 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, PanelSplitAction, PanelSplitActionMain, PanelSplitActionMenu, PanelSplitActionToggle, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, SaveStatus, SaveStatusError, SaveStatusSaved, SelectionToolbar, SelectionToolbarAction, SelectionToolbarActions, SelectionToolbarClose, SelectionToolbarCount, SelectionToolbarCountValue, SelectionToolbarDock, SelectionToolbarHint, SelectionToolbarItem, SelectionToolbarMore, SelectionToolbarMoreItems, SheetPopupBoundary, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, TableSortButton, TableSortableHead, TaskCompletionControl, WebTopBarCenter, WebTopBarEnd, WebTopBarRoot, WebTopBarStart, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useFitItem, useFitMore, useHoldThenMoveTouchSensor, useInFitToolbar, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };