@botiverse/raft-ui 0.93.0 → 0.95.0

package/dist/lib/hud-text-action.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/hud-text-action.ts
+// src/lib/hud-text-action.ts
 const hudTextAction = [
 	"font-sans text-callout font-bold text-foreground-on-hud",
 	"decoration-[1.5px] underline-offset-[3px] not-disabled:not-aria-disabled:hover:underline",
@@ -6,5 +6,4 @@ const hudTextAction = [
 	"active:after:bg-foreground-on-hud/15",
 	"outline-1 outline-offset-2 outline-transparent focus-visible:keyboard:outline-2 focus-visible:keyboard:outline-foreground-on-hud"
 ];
-//#endregion
 export { hudTextAction };

package/dist/lib/inline-chip.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/inline-chip.ts
+// src/lib/inline-chip.ts
 /**
 * The one box every chip in message text shares: a reference chip (any
 * variant, loading or unavailable too), the yellow sticker of a mention of the
@@ -26,5 +26,4 @@ const inlineChip = [
 	"[font-size:0.875em] leading-[var(--chip-line-height,calc(var(--text-body--line-height)-2px))] font-semibold",
 	"rounded-sticker"
 ];
-//#endregion
 export { inlineChip };

package/dist/lib/inline-part.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/inline-part.ts
+// src/lib/inline-part.ts
 const INLINE_PART = Symbol.for("@botiverse/raft-ui/inline-part");
 /** Mark a component as an inline part. */
 function markInlinePart(component) {
@@ -9,5 +9,4 @@ function markInlinePart(component) {
 function isInlinePart(type) {
 	return (typeof type === "function" || typeof type === "object" && type !== null) && INLINE_PART in type;
 }
-//#endregion
 export { isInlinePart, markInlinePart };

package/dist/lib/input-modality.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/input-modality.d.ts
 /**
  * Input modality: whether the person last moved through the page with a
  * pointer, with the keyboard, or by a virtual cursor (a screen reader). raft-ui shows a focus indicator only after
@@ -32,5 +31,4 @@ export type InputModality = "pointer" | "keyboard" | "virtual";
  * listeners. Returns a function that undoes this installation; the listeners
  * and the attribute go once every installation is undone.
  */
-export declare function installInputModality(doc?: Document): () => void;
-//#endregion
+export declare function installInputModality(doc?: Document): () => void;

package/dist/lib/input-modality.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/input-modality.ts
+// src/lib/input-modality.ts
 const INPUT_MODALITY_ATTRIBUTE = "data-input-modality";
 /** Keys that move focus wherever focus is. */
 const NAVIGATION_KEYS = /* @__PURE__ */ new Set(["Tab", "F6"]);
@@ -182,5 +182,4 @@ function installInputModality(doc) {
 		}
 	};
 }
-//#endregion
 export { installInputModality };

package/dist/lib/inside-overlay.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/inside-overlay.d.ts
 /**
  * Whether `node` is inside a raft-ui overlay: a popover, menu, select list,
  * tooltip, preview card, dialog, drawer, lightbox or toast, rendered through
@@ -17,4 +16,14 @@
  * (`createPortal`) or `DragLift`'s copy is not an overlay.
  */
 export declare function isInsideOverlay(node: Node | null): boolean;
-//#endregion
+/**
+ * The portal container of the innermost raft-ui overlay `node` is inside, or
+ * `null` when it is in none (and for `null`). For a handler that needs the
+ * overlay itself, not only whether there is one: for example, whether a press
+ * in an overlay is in the same overlay as a region the page draws in it
+ * (`closestOverlay(target)?.contains(region)`). An overlay opened from another
+ * is portaled into that one's container, so for a node in it this is the inner
+ * one's container, which the outer one's contains. A text node counts by its
+ * parent element.
+ */
+export declare function closestOverlay(node: Node | null): Element | null;

package/dist/lib/inside-overlay.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/inside-overlay.ts
+// src/lib/inside-overlay.ts
 /**
 * The attribute on the portal container of every raft-ui overlay: Popover,
 * DropdownMenu, ContextMenu, Select, Combobox, ComboboxSelect, Tooltip,
@@ -26,8 +26,20 @@ const OVERLAY_SELECTOR = `[${OVERLAY_PORTAL_ATTRIBUTE}]`;
 * (`createPortal`) or `DragLift`'s copy is not an overlay.
 */
 function isInsideOverlay(node) {
-	if (!node) return false;
-	return (node.nodeType === 1 ? node : node.parentElement)?.closest(OVERLAY_SELECTOR) != null;
+	return closestOverlay(node) !== null;
 }
-//#endregion
-export { OVERLAY_PORTAL_ATTRIBUTE, isInsideOverlay };
+/**
+* The portal container of the innermost raft-ui overlay `node` is inside, or
+* `null` when it is in none (and for `null`). For a handler that needs the
+* overlay itself, not only whether there is one: for example, whether a press
+* in an overlay is in the same overlay as a region the page draws in it
+* (`closestOverlay(target)?.contains(region)`). An overlay opened from another
+* is portaled into that one's container, so for a node in it this is the inner
+* one's container, which the outer one's contains. A text node counts by its
+* parent element.
+*/
+function closestOverlay(node) {
+	if (!node) return null;
+	return (node.nodeType === 1 ? node : node.parentElement)?.closest(OVERLAY_SELECTOR) ?? null;
+}
+export { OVERLAY_PORTAL_ATTRIBUTE, closestOverlay, isInsideOverlay };

package/dist/lib/label-value-fit.mjs

@@ -1,5 +1,5 @@
 import { useLayoutEffect } from "react";
-//#region src/lib/label-value-fit.ts
+// src/lib/label-value-fit.ts
 /** The narrowest the label column gets: `minmax(88px, max-content)` in both lists. */
 const minLabelColumn = 88;
 /**
@@ -140,5 +140,4 @@ function useLabelValueFit(list, enabled, parts) {
 		value
 	]);
 }
-//#endregion
 export { labelsGoAbove, useLabelValueFit };

package/dist/lib/laid-out-children.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/laid-out-children.ts
+// src/lib/laid-out-children.ts
 /**
 * The boxes a row lays out (design/patterns/responsive.md#switch-on-the-regions-width,
 * "Measure only what is laid out in the row"): its children, looking through
@@ -28,5 +28,4 @@ function laidOutChildren(element) {
 		return width === 0 && height === 0 ? [] : [child];
 	});
 }
-//#endregion
 export { laidOutChildren };

package/dist/lib/list-cell.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/list-cell.ts
+// src/lib/list-cell.ts
 const listCell = [
 	"list-cell relative isolate bg-transparent shadow-none outline-none",
 	"[--cell-inset-x:8px] [--cell-pad-x:12px] [--cell-radius:var(--radius-control)]",
@@ -18,5 +18,4 @@ const listCellStates = [
 	"not-data-active:not-data-selected:has-data-popup-open:before:bg-fill-cell-hover"
 ];
 const listCellFocus = ["focus-visible:keyboard:before:inset-ring-2 focus-visible:keyboard:before:inset-ring-foreground"];
-//#endregion
 export { listCell, listCellFocus, listCellStates };

package/dist/lib/located.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/located.d.ts
 /**
  * How long the located highlight lasts: `info-soft` at once, held 1.2s, faded
  * out by 2s (design/foundations/states.md#located). styles.css runs the
@@ -21,5 +20,4 @@ export declare const LOCATED_MS = 2000;
  * hover comes back. Re-renders with the same request change nothing.
  */
 export type LocatedRequest = string | number | null | undefined;
-export declare function useLocated(request: LocatedRequest): boolean;
-//#endregion
+export declare function useLocated(request: LocatedRequest): boolean;

package/dist/lib/located.mjs

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-//#region src/lib/located.ts
+// src/lib/located.ts
 /**
 * How long the located highlight lasts: `info-soft` at once, held 1.2s, faded
 * out by 2s (design/foundations/states.md#located). styles.css runs the
@@ -24,5 +24,4 @@ function useLocated(request) {
 	}, [request]);
 	return request != null && on === request;
 }
-//#endregion
 export { LOCATED_MS, useLocated };

package/dist/lib/overlay-depth.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/lib/overlay-depth.d.ts
 /**
  * A modal surface: a centred dialog (Dialog, AlertDialog, or an app's own
  * modal) or a sheet (Drawer).
@@ -38,5 +37,4 @@ export declare function OverlayLayerProvider({ kind, modal, children }: OverlayL
  * tree this one is rendered in, portals included; one opened from outside
  * that tree is not stacked on it here.
  */
-export declare function useParentOverlayKind(): OverlayLayerKind | null;
-//#endregion
+export declare function useParentOverlayKind(): OverlayLayerKind | null;

package/dist/lib/overlay-depth.mjs

@@ -1,6 +1,6 @@
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/lib/overlay-depth.tsx
+// src/lib/overlay-depth.tsx
 const OverlayStackContext = createContext([]);
 /**
 * Tells everything under it that a modal surface is open, so a raft-ui
@@ -55,5 +55,4 @@ function withOverlayLayer(kind, modal, children) {
 		children
 	});
 }
-//#endregion
 export { OverlayLayerProvider, useParentOverlayKind, withOverlayLayer };

package/dist/lib/phone-media.mjs

@@ -1,5 +1,5 @@
 import { useSyncExternalStore } from "react";
-//#region src/lib/phone-media.ts
+// src/lib/phone-media.ts
 /**
 * A phone: a touch screen narrower than the desktop layout. The complement, on
 * both axes, of the desktop query `(width >= 48rem) and (pointer: fine)`
@@ -20,5 +20,4 @@ function getSnapshot() {
 function usePhoneMedia() {
 	return useSyncExternalStore(subscribe, getSnapshot, () => false);
 }
-//#endregion
 export { PHONE_MEDIA_QUERY, usePhoneMedia };

package/dist/lib/presence.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/presence.d.ts
 /**
  * The five status lights of the design system. Each colour is a fixed
  * meaning: online green, busy (an agent at work) yellow, error orange,
@@ -12,5 +11,4 @@ export declare const PRESENCE_COLOR: {
   readonly offline: "[--status-color:var(--presence-offline)]";
   readonly external: "[--status-color:var(--presence-external)]";
 };
-export type Presence = keyof typeof PRESENCE_COLOR;
-//#endregion
+export type Presence = keyof typeof PRESENCE_COLOR;

package/dist/lib/presence.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/presence.ts
+// src/lib/presence.ts
 /**
 * The five status lights of the design system. Each colour is a fixed
 * meaning: online green, busy (an agent at work) yellow, error orange,
@@ -12,5 +12,4 @@ const PRESENCE_COLOR = {
 	offline: "[--status-color:var(--presence-offline)]",
 	external: "[--status-color:var(--presence-external)]"
 };
-//#endregion
 export { PRESENCE_COLOR };

package/dist/lib/row-tone.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/row-tone.d.ts
 /**
  * What a place in a list is to you, shared by every row that lists places
  * (ListRow, SidebarItem): something waits for you (`unread`), you muted it
@@ -11,5 +10,4 @@ export type RowTone = "default" | "unread" | "muted" | "away";
  * undone (`danger`: red, Delete channel). The same names and meanings as
  * Button's `warning` and `danger` (design/foundations/color.md#meanings-of-color).
  */
-export type RiskTone = "warning" | "danger";
-//#endregion
+export type RiskTone = "warning" | "danger";

package/dist/lib/search-hit.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/search-hit.ts
+// src/lib/search-hit.ts
 /**
 * The DS search hit: what you looked for sits on a `you` fill, yellow in every
 * theme, with ink type in the surrounding font and weight. No edge and no bold
@@ -14,5 +14,4 @@ const searchHit = [
 	"rounded-sticker bg-you px-[2px] py-px box-decoration-clone",
 	"text-sticker-ink"
 ];
-//#endregion
 export { searchHit };

package/dist/lib/stacked-actions.mjs

@@ -1,6 +1,6 @@
 import { laidOutChildren } from "./laid-out-children.mjs";
 import { useCallback, useLayoutEffect, useState } from "react";
-//#region src/lib/stacked-actions.ts
+// src/lib/stacked-actions.ts
 /**
 * The row of buttons while `data-stacked` is set: a full-width column. A
 * button alone in a wrapper (a tooltip's trigger) fills the width too.
@@ -111,5 +111,4 @@ function useStackedActions(ref, inParent = false) {
 	}, [row, inParent]);
 	return [stacked, callbackRef];
 }
-//#endregion
 export { stackedActions, useStackedActions };

package/dist/lib/styled-props.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-//#region src/lib/styled-props.d.ts
 /**
  * Base UI components type `className` as `string | ((state) => string)`, but our
  * tv() recipes only accept a plain string. `StyledProps` narrows a Base UI
@@ -11,5 +10,4 @@ import { CSSProperties } from "react";
 export type StyledProps<P> = Omit<P, "className" | "style"> & {
   className?: string;
   style?: CSSProperties;
-};
-//#endregion
+};

package/dist/lib/tap-activation.mjs

@@ -129,5 +129,4 @@ function useTapActivation(enabled = true) {
 		detachRef.current = enabled && node ? attachTapActivation(node) : null;
 	}, [enabled]);
 }
-//#endregion
 export { attachTapActivation, useTapActivation };

package/dist/lib/theme/theme-context.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/theme/theme-context.d.ts
 /** Colour mode. Raft is the only visual family; "system" follows the OS. */
 export type ThemeMode = "light" | "dark" | "system";
 export type ResolvedThemeMode = Exclude<ThemeMode, "system">;
@@ -6,5 +5,4 @@ export type ThemeState = {
   mode: ThemeMode;
   resolvedMode: ResolvedThemeMode;
   setMode: (mode: ThemeMode) => void;
-};
-//#endregion
+};

package/dist/lib/theme/theme-context.mjs

@@ -1,9 +1,8 @@
 import { createContext } from "react";
-//#region src/lib/theme/theme-context.ts
+// src/lib/theme/theme-context.ts
 const ThemeStateContext = createContext({
 	mode: "light",
 	resolvedMode: "light",
 	setMode: () => void 0
 });
-//#endregion
 export { ThemeStateContext };

package/dist/lib/theme/theme-provider.d.mts

@@ -1,6 +1,5 @@
 import { ThemeMode } from "./theme-context.mjs";
 import { ReactNode } from "react";
-//#region src/lib/theme/theme-provider.d.ts
 export interface ThemeProviderProps {
   /** Controlled colour mode. */
   mode?: ThemeMode;
@@ -19,5 +18,4 @@ export interface ThemeProviderProps {
   syncDom?: boolean;
   children: ReactNode;
 }
-export declare function ThemeProvider({ mode, defaultMode, onModeChange, storageKey, syncDom, children }: ThemeProviderProps): import("react").JSX.Element;
-//#endregion
+export declare function ThemeProvider({ mode, defaultMode, onModeChange, storageKey, syncDom, children }: ThemeProviderProps): import("react").JSX.Element;

package/dist/lib/theme/theme-provider.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { ThemeStateContext } from "./theme-context.mjs";
 import { installInputModality } from "../input-modality.mjs";
+import { ThemeStateContext } from "./theme-context.mjs";
 import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/lib/theme/theme-provider.tsx
+// src/lib/theme/theme-provider.tsx
 function readStoredMode(storageKey, fallback) {
 	if (typeof window === "undefined" || !storageKey) return fallback;
 	const stored = window.localStorage.getItem(storageKey);
@@ -57,5 +57,4 @@ function ThemeProvider({ mode, defaultMode = "light", onModeChange, storageKey,
 		children
 	});
 }
-//#endregion
 export { ThemeProvider };

package/dist/lib/theme/theme-scope.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../../cn.mjs";
 import { useTheme } from "./use-theme.mjs";
-//#region src/lib/theme/theme-scope.ts
+// src/lib/theme/theme-scope.ts
 /**
 * Carry the provider's resolved mode (`light` / `dark`) onto content that
 * renders outside its subtree (a portal), so a dark island's popup stays dark.
@@ -15,5 +15,4 @@ function resolveThemeScopeProps({ className, ...props }, { resolvedMode }) {
 function useThemeScopeProps(props) {
 	return resolveThemeScopeProps(props, useTheme());
 }
-//#endregion
 export { resolveThemeScopeProps, useThemeScopeProps };

package/dist/lib/theme/use-theme.d.mts

@@ -1,5 +1,3 @@
 import { ThemeState } from "./theme-context.mjs";
-//#region src/lib/theme/use-theme.d.ts
 /** Read and update the colour mode. */
-export declare function useTheme(): ThemeState;
-//#endregion
+export declare function useTheme(): ThemeState;

package/dist/lib/theme/use-theme.mjs

@@ -1,9 +1,8 @@
 import { ThemeStateContext } from "./theme-context.mjs";
 import { use } from "react";
-//#region src/lib/theme/use-theme.ts
+// src/lib/theme/use-theme.ts
 /** Read and update the colour mode. */
 function useTheme() {
 	return use(ThemeStateContext);
 }
-//#endregion
 export { useTheme };

package/dist/lib/touch-drag.d.mts

@@ -1,5 +1,4 @@
 import { PointerSensor, TouchSensor, TouchSensorOptions } from "@dnd-kit/core";
-//#region src/lib/touch-drag.d.ts
 /**
  * How a finger picks up something that can be dragged
  * (design/foundations/states.md#dragging-on-a-touch-screen):
@@ -51,5 +50,4 @@ export declare function useMouseOnlyPointerSensor(distance: number): import("@dn
   activationConstraint: {
     distance: number;
   };
-}>;
-//#endregion
+}>;

package/dist/lib/touch-drag.mjs

@@ -1,7 +1,7 @@
 import { eventWindow, holdEscape, releaseEscape } from "./drag-escape.mjs";
 import { useMemo } from "react";
 import { PointerSensor, TouchSensor, useSensor } from "@dnd-kit/core";
-//#region src/lib/touch-drag.ts
+// src/lib/touch-drag.ts
 /**
 * How a finger picks up something that can be dragged
 * (design/foundations/states.md#dragging-on-a-touch-screen):
@@ -147,5 +147,4 @@ function useMouseOnlyPointerSensor(distance) {
 	const options = useMemo(() => ({ activationConstraint: { distance } }), [distance]);
 	return useSensor(MouseOnlyPointerSensor, options);
 }
-//#endregion
 export { HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor };

package/dist/lib/truncation.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/truncation.d.ts
 /**
  * Whether a text is cut off, and when to look again: the one way raft-ui
  * measures truncation (Ellipsis, `useTruncated`, and the `title` that
@@ -22,5 +21,4 @@
  *   request made while a frame is handled is queued for the next one.
  */
 /** `undefined`: not known yet, or the element has no box (hidden, not laid out). */
-export type Truncation = boolean | undefined;
-//#endregion
+export type Truncation = boolean | undefined;

package/dist/lib/truncation.mjs

@@ -1,5 +1,5 @@
 import { flushSync } from "react-dom";
-//#region src/lib/truncation.ts
+// src/lib/truncation.ts
 /** Overflow smaller than this is rounding, not a cut. */
 const TOLERANCE = .5;
 function contentBox(element) {
@@ -149,5 +149,4 @@ function observeTruncation(target) {
 		}
 	};
 }
-//#endregion
 export { TOLERANCE, measureContent, measureElement, observeTruncation, readNow, scheduleMeasure };

package/dist/lib/tv.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../cn.mjs";
 import { tv } from "tailwind-variants/lite";
-//#region src/lib/tv.ts
+// src/lib/tv.ts
 const tv$1 = ((options) => {
 	const recipe = tv(options);
 	const wrappedRecipe = ((props) => {
@@ -10,5 +10,4 @@ const tv$1 = ((options) => {
 	});
 	return Object.assign(wrappedRecipe, recipe);
 });
-//#endregion
 export { tv$1 as tv };

package/dist/lib/use-attach-count.mjs

@@ -1,5 +1,5 @@
 import { useLayoutEffect, useState } from "react";
-//#region src/lib/use-attach-count.ts
+// src/lib/use-attach-count.ts
 /**
 * How many times `element` has been attached to its document after it was
 * committed outside it: 0 for an element that was in the document when it
@@ -37,5 +37,4 @@ function useAttachCount(element) {
 	}, [element]);
 	return count;
 }
-//#endregion
 export { useAttachCount };

package/dist/lib/use-copy-to-clipboard.mjs

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-//#region src/lib/use-copy-to-clipboard.ts
+// src/lib/use-copy-to-clipboard.ts
 function legacyCopy(value) {
 	try {
 		const area = document.createElement("textarea");
@@ -54,5 +54,4 @@ function useCopyToClipboard({ timeout = 1400 } = {}) {
 		reset
 	};
 }
-//#endregion
 export { useCopyToClipboard };

package/dist/lib/use-merged-ref.mjs

@@ -1,5 +1,5 @@
 import { useCallback, useLayoutEffect, useRef } from "react";
-//#region src/lib/use-merged-ref.ts
+// src/lib/use-merged-ref.ts
 function attach(ref, el) {
 	if (typeof ref == "function") {
 		const cleanup = ref(el);
@@ -82,5 +82,4 @@ function useMergedRef(...refs) {
 	});
 	return [setRef, getRef];
 }
-//#endregion
 export { useMergedRef };

package/dist/lib/use-mobile-viewport.mjs

@@ -1,5 +1,5 @@
 import { useSyncExternalStore } from "react";
-//#region src/lib/use-mobile-viewport.ts
+// src/lib/use-mobile-viewport.ts
 const MOBILE_QUERY = "(max-width: 767px)";
 function canMatchMedia() {
 	return typeof window !== "undefined" && typeof window.matchMedia === "function";
@@ -16,5 +16,4 @@ function getMobileViewportSnapshot() {
 function useMobileViewport() {
 	return useSyncExternalStore(subscribeMobileViewport, getMobileViewportSnapshot, () => false);
 }
-//#endregion
 export { useMobileViewport };

package/dist/lib/use-overflow-title.mjs

@@ -1,6 +1,6 @@
 import { measureElement, observeTruncation } from "./truncation.mjs";
 import { useCallback, useRef } from "react";
-//#region src/lib/use-overflow-title.ts
+// src/lib/use-overflow-title.ts
 function cut(element) {
 	return measureElement(element) === true;
 }
@@ -45,5 +45,4 @@ function useOverflowTitle(ref, title) {
 		});
 	}, [own, ref]);
 }
-//#endregion
 export { useOverflowTitle };

package/dist/lib/use-platform.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/use-platform.d.ts
 /**
  * The keyboard a shortcut is written for: `mac` (macOS, iOS and iPadOS, whose
  * keyboards have Command and Option) or `other` (Windows, Linux, ChromeOS,
@@ -9,5 +8,4 @@ export type KeyboardPlatform = "mac" | "other";
  * The platform the page runs on. The server render and hydration use `other`,
  * so the markup matches; the client then renders with the detected platform.
  */
-export declare function useKeyboardPlatform(): KeyboardPlatform;
-//#endregion
+export declare function useKeyboardPlatform(): KeyboardPlatform;

package/dist/lib/use-platform.mjs

@@ -1,5 +1,5 @@
 import { useSyncExternalStore } from "react";
-//#region src/lib/use-platform.ts
+// src/lib/use-platform.ts
 const APPLE = /mac|iphone|ipad|ipod/i;
 /**
 * The platform of a navigator: Client Hints first (`userAgentData.platform`,
@@ -25,5 +25,4 @@ const serverSnapshot = () => "other";
 function useKeyboardPlatform() {
 	return useSyncExternalStore(subscribeNever, clientSnapshot, serverSnapshot);
 }
-//#endregion
 export { detectKeyboardPlatform, useKeyboardPlatform };

package/dist/lib/use-scrollbar-size.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/use-scrollbar-size.d.ts
 /**
  * Publishes a scroller's classic scrollbar width as `--scrollbar-size` on the
  * scroller, for the list cells inside it (lib/list-cell.ts): a cell gives
@@ -15,5 +14,4 @@
  *
  * Returns a ref callback for the scroller.
  */
-export declare function useScrollbarSize<E extends HTMLElement>(): (el: E | null) => void;
-//#endregion
+export declare function useScrollbarSize<E extends HTMLElement>(): (el: E | null) => void;

package/dist/lib/use-scrollbar-size.mjs

@@ -1,5 +1,5 @@
 import { useCallback, useRef } from "react";
-//#region src/lib/use-scrollbar-size.ts
+// src/lib/use-scrollbar-size.ts
 /**
 * Publishes a scroller's classic scrollbar width as `--scrollbar-size` on the
 * scroller, for the list cells inside it (lib/list-cell.ts): a cell gives
@@ -45,5 +45,4 @@ function useScrollbarSize() {
 		};
 	}, []);
 }
-//#endregion
 export { useScrollbarSize };

package/dist/lib/use-soft-keyboard.mjs

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-//#region src/lib/use-soft-keyboard.ts
+// src/lib/use-soft-keyboard.ts
 /** The keyboard takes more than this; a browser's toolbars take less. */
 const KEYBOARD_MIN_PX = 100;
 const NOT_TYPED = /* @__PURE__ */ new Set([
@@ -68,5 +68,4 @@ function useSoftKeyboard(active) {
 	}, [active]);
 	return active ? keyboard : null;
 }
-//#endregion
 export { useSoftKeyboard };

package/dist/lib/use-truncated.d.mts

@@ -1,6 +1,5 @@
 import { Truncation } from "./truncation.mjs";
 import { RefObject } from "react";
-//#region src/lib/use-truncated.d.ts
 /**
  * Whether the text in the element `ref` points at is cut off by its CSS
  * (`truncate`, `line-clamp`, a fixed size with `overflow: hidden`): `true`,
@@ -16,5 +15,4 @@ import { RefObject } from "react";
  * for the component's life, or give the component a `key` that changes with
  * the element.
  */
-export declare function useTruncated(ref: RefObject<Element | null>): Truncation;
-//#endregion
+export declare function useTruncated(ref: RefObject<Element | null>): Truncation;

package/dist/lib/use-truncated.mjs

@@ -1,6 +1,6 @@
 import { measureElement, observeTruncation } from "./truncation.mjs";
 import { useLayoutEffect, useState } from "react";
-//#region src/lib/use-truncated.ts
+// src/lib/use-truncated.ts
 /**
 * Whether the text in the element `ref` points at is cut off by its CSS
 * (`truncate`, `line-clamp`, a fixed size with `overflow: hidden`): `true`,
@@ -30,5 +30,4 @@ function useTruncated(ref) {
 	}, [ref]);
 	return truncated;
 }
-//#endregion
 export { useTruncated };