@stll/ui 0.65.0 → 0.66.0

package/dist/lib/renders-nothing.js

@@ -0,0 +1,14 @@
+// src/lib/renders-nothing.ts
+/**
+* Whether React draws nothing for this node: `null`, `undefined`, a boolean,
+* an empty string, or a list of only such nodes. A slot that sits empty
+* (an `icon=""`, a `{flag && value}` that came out `true`, an empty `.map`)
+* is then treated as absent rather than given a box.
+*/
+function rendersNothing(node) {
+	if (node === null || node === void 0 || typeof node === "boolean") return true;
+	if (typeof node === "string") return node === "";
+	if (Array.isArray(node)) return node.every((child) => rendersNothing(child));
+	return false;
+}
+export { rendersNothing };

package/dist/lib/safe-area.d.ts

@@ -1,4 +1,3 @@
-//#region src/lib/safe-area.d.ts
 /** A centred overlay viewport: the usual 1rem gutter, or the inset when larger. */
 export declare const SAFE_AREA_OVERLAY_GUTTER_CLASS_NAME = "pt-[max(--spacing(4),var(--safe-area-top))] pb-[max(--spacing(4),var(--safe-area-bottom))] ps-[max(--spacing(4),var(--safe-area-inline-start))] pe-[max(--spacing(4),var(--safe-area-inline-end))]";
 /** A surface pinned to the bottom edge keeps its last row above the home indicator. */
@@ -7,5 +6,4 @@ export declare const SAFE_AREA_BOTTOM_EDGE_CLASS_NAME = "pb-(--safe-area-bottom)
 export declare const SAFE_AREA_TOP_EDGE_CLASS_NAME = "pt-(--safe-area-top)";
 /** A surface spanning the full width keeps both sides clear of a landscape notch. */
 export declare const SAFE_AREA_INLINE_CLASS_NAME = "ps-(--safe-area-inline-start) pe-(--safe-area-inline-end)";
-export declare const SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME = "[--toast-safe-width:max(0px,calc(100vw-var(--toast-inset)*2-var(--safe-area-inline-start)-var(--safe-area-inline-end)))] [--toast-offset:0px] md:data-[position*=right]:[--toast-offset:clamp(0px,var(--stella-toast-right-offset,0px),max(0px,calc(var(--toast-safe-width)-10rem)))] w-[max(0px,calc(var(--toast-safe-width)-var(--toast-offset)))] data-[position*=left]:start-[calc(var(--toast-inset)+var(--safe-area-inline-start))] data-[position*=right]:end-[calc(var(--toast-inset)+var(--safe-area-inline-end)+var(--toast-offset))] data-[position*=center]:start-[calc(var(--toast-inset)+var(--safe-area-inline-start)+var(--toast-safe-width)/2)] data-[position*=center]:-translate-x-1/2 rtl:data-[position*=center]:translate-x-1/2";
-//#endregion
+export declare const SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME = "[--toast-safe-width:max(0px,calc(100vw-var(--toast-inset)*2-var(--safe-area-inline-start)-var(--safe-area-inline-end)))] [--toast-offset:0px] md:data-[position*=right]:[--toast-offset:clamp(0px,var(--stella-toast-right-offset,0px),max(0px,calc(var(--toast-safe-width)-10rem)))] w-[max(0px,calc(var(--toast-safe-width)-var(--toast-offset)))] data-[position*=left]:start-[calc(var(--toast-inset)+var(--safe-area-inline-start))] data-[position*=right]:end-[calc(var(--toast-inset)+var(--safe-area-inline-end)+var(--toast-offset))] data-[position*=center]:start-[calc(var(--toast-inset)+var(--safe-area-inline-start)+var(--toast-safe-width)/2)] data-[position*=center]:-translate-x-1/2 rtl:data-[position*=center]:translate-x-1/2";

package/dist/lib/safe-area.js

@@ -1,4 +1,4 @@
-//#region src/lib/safe-area.ts
+// src/lib/safe-area.ts
 /** A centred overlay viewport: the usual 1rem gutter, or the inset when larger. */
 const SAFE_AREA_OVERLAY_GUTTER_CLASS_NAME = "pt-[max(--spacing(4),var(--safe-area-top))] pb-[max(--spacing(4),var(--safe-area-bottom))] ps-[max(--spacing(4),var(--safe-area-inline-start))] pe-[max(--spacing(4),var(--safe-area-inline-end))]";
 /** A surface pinned to the bottom edge keeps its last row above the home indicator. */
@@ -8,5 +8,4 @@ const SAFE_AREA_TOP_EDGE_CLASS_NAME = "pt-(--safe-area-top)";
 /** A surface spanning the full width keeps both sides clear of a landscape notch. */
 const SAFE_AREA_INLINE_CLASS_NAME = "ps-(--safe-area-inline-start) pe-(--safe-area-inline-end)";
 const SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME = "[--toast-safe-width:max(0px,calc(100vw-var(--toast-inset)*2-var(--safe-area-inline-start)-var(--safe-area-inline-end)))] [--toast-offset:0px] md:data-[position*=right]:[--toast-offset:clamp(0px,var(--stella-toast-right-offset,0px),max(0px,calc(var(--toast-safe-width)-10rem)))] w-[max(0px,calc(var(--toast-safe-width)-var(--toast-offset)))] data-[position*=left]:start-[calc(var(--toast-inset)+var(--safe-area-inline-start))] data-[position*=right]:end-[calc(var(--toast-inset)+var(--safe-area-inline-end)+var(--toast-offset))] data-[position*=center]:start-[calc(var(--toast-inset)+var(--safe-area-inline-start)+var(--toast-safe-width)/2)] data-[position*=center]:-translate-x-1/2 rtl:data-[position*=center]:translate-x-1/2";
-//#endregion
 export { SAFE_AREA_BOTTOM_EDGE_CLASS_NAME, SAFE_AREA_INLINE_CLASS_NAME, SAFE_AREA_OVERLAY_GUTTER_CLASS_NAME, SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME, SAFE_AREA_TOP_EDGE_CLASS_NAME };

package/dist/lib/scroll-edge-fade.d.ts

@@ -1,4 +1,3 @@
-//#region src/lib/scroll-edge-fade.d.ts
 /**
  * Fades a horizontal scroller's edges while content continues past them.
  *
@@ -19,5 +18,4 @@ export declare const writeScrollEdgeFade: (node: HTMLElement) => void;
  * item added, removed or relabelled), so mutations re-measure too, once per
  * frame.
  */
-export declare const fadeScrollEdges: (node: HTMLElement | null) => (() => void) | undefined;
-//#endregion
+export declare const fadeScrollEdges: (node: HTMLElement | null) => (() => void) | undefined;

package/dist/lib/scroll-edge-fade.js

@@ -1,4 +1,4 @@
-//#region src/lib/scroll-edge-fade.ts
+// src/lib/scroll-edge-fade.ts
 /**
 * Fades a horizontal scroller's edges while content continues past them.
 *
@@ -58,5 +58,4 @@ const fadeScrollEdges = (node) => {
 		mutations.disconnect();
 	};
 };
-//#endregion
 export { SCROLL_EDGE_FADE_CLASS, fadeScrollEdges, writeScrollEdgeFade };

package/dist/lib/slot.d.ts

@@ -1,4 +1,3 @@
-//#region src/lib/slot.d.ts
 /**
  * Minimal replacement for `@radix-ui/react-slot`.
  *
@@ -24,5 +23,4 @@ type SlotProps = React.HTMLAttributes<HTMLElement> & {
   ref?: React.Ref<HTMLElement> | undefined;
 };
 declare const Slot: ({ ref: parentRef, children, className, style, ...rest }: SlotProps) => React.ReactNode;
-//#endregion
 export { Slot };

package/dist/lib/slot.js

@@ -1,6 +1,6 @@
 import { cn } from "./utils.js";
 import { Children, Fragment, cloneElement, isValidElement } from "react";
-//#region src/lib/slot.tsx
+// src/lib/slot.tsx
 /**
 * Minimal replacement for `@radix-ui/react-slot`.
 *
@@ -60,5 +60,4 @@ const setSlotRef = (ref, node) => {
 	}
 	if (typeof ref === "object" && ref !== null && "current" in ref) ref.current = node;
 };
-//#endregion
 export { Slot };

package/dist/lib/tab-order.d.ts

@@ -1,4 +1,3 @@
-//#region src/lib/tab-order.d.ts
 /**
  * Whether a committed tab list holds different elements, or the same elements
  * in a different order, than the previous commit.
@@ -28,5 +27,4 @@ type TabStrip = {
  */
 export declare const revealActiveTab: (list: TabStrip) => void;
 export declare const hasTabOrderChanged: <T>(previous: readonly T[], next: readonly T[]) => boolean;
-//#endregion
 export {};

package/dist/lib/tab-order.js

@@ -1,4 +1,4 @@
-//#region src/lib/tab-order.ts
+// src/lib/tab-order.ts
 /**
 * Brings the active tab back inside a horizontal strip that scrolled it out of
 * view. Moves the strip only, never an ancestor, and works from rendered edges
@@ -13,5 +13,4 @@ const revealActiveTab = (list) => {
 	else if (tab.right > strip.right) list.scrollLeft += tab.right - strip.right;
 };
 const hasTabOrderChanged = (previous, next) => previous.length !== next.length || next.some((tab, index) => tab !== previous[index]);
-//#endregion
 export { hasTabOrderChanged, revealActiveTab };

package/dist/lib/tooltip-content.d.ts

@@ -1,5 +1,4 @@
 import * as React$1 from "react";
-//#region src/lib/tooltip-content.d.ts
 /**
  * Whether a tooltip value would actually render a popup.
  *
@@ -8,5 +7,4 @@ import * as React$1 from "react";
  * a disabled button has to stay hoverable so that popup can open. Two copies of
  * this predicate would drift into a button that suppresses its own tooltip.
  */
-export declare const hasTooltipContent: (content: React$1.ReactNode) => boolean;
-//#endregion
+export declare const hasTooltipContent: (content: React$1.ReactNode) => boolean;

package/dist/lib/tooltip-content.js

@@ -1,4 +1,4 @@
-//#region src/lib/tooltip-content.ts
+// src/lib/tooltip-content.ts
 /**
 * Whether a tooltip value would actually render a popup.
 *
@@ -8,5 +8,4 @@
 * this predicate would drift into a button that suppresses its own tooltip.
 */
 const hasTooltipContent = (content) => content !== void 0 && content !== null && content !== "" && content !== false;
-//#endregion
 export { hasTooltipContent };

package/dist/lib/typed-character.d.ts

@@ -1,4 +1,3 @@
-//#region src/lib/typed-character.d.ts
 /** The keyboard event fields {@link typedCharacter} reads. */
 export type TypedCharacterEvent = Pick<KeyboardEvent, "altKey" | "ctrlKey" | "getModifierState" | "isComposing" | "key" | "metaKey">;
 /**
@@ -12,5 +11,4 @@ export type TypedCharacterEvent = Pick<KeyboardEvent, "altKey" | "ctrlKey" | "ge
  * usually but not always with the AltGraph state. Only Cmd/Win, or Ctrl
  * without Alt or AltGraph, is a command chord.
  */
-export declare const typedCharacter: (event: TypedCharacterEvent) => string | null;
-//#endregion
+export declare const typedCharacter: (event: TypedCharacterEvent) => string | null;

package/dist/lib/typed-character.js

@@ -1,4 +1,4 @@
-//#region src/lib/typed-character.ts
+// src/lib/typed-character.ts
 const graphemes = new Intl.Segmenter(void 0, { granularity: "grapheme" });
 const isSingleGrapheme = (text) => {
 	const first = graphemes.segment(text)[Symbol.iterator]().next();
@@ -21,5 +21,4 @@ const typedCharacter = (event) => {
 	if (event.ctrlKey && !isAltGraph) return null;
 	return isSingleGrapheme(event.key) ? event.key : null;
 };
-//#endregion
 export { typedCharacter };

package/dist/lib/utils.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { ClassValue } from "clsx";
-//#region src/lib/utils.d.ts
 export declare function cn(...inputs: ClassValue[]): string;
 /**
  * Compose multiple refs into a single ref callback.
@@ -15,5 +14,4 @@ export declare function cn(...inputs: ClassValue[]): string;
  * their callback happened to return as a cleanup, and warn
  * when it is neither a function nor `undefined`.
  */
-export declare const composeRefs: <T>(...refs: (React$1.Ref<T> | undefined)[]) => ((node: T | null) => (() => void) | undefined);
-//#endregion
+export declare const composeRefs: <T>(...refs: (React$1.Ref<T> | undefined)[]) => ((node: T | null) => (() => void) | undefined);

package/dist/lib/utils.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-//#region src/lib/utils.ts
+// src/lib/utils.ts
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
@@ -37,5 +37,4 @@ const composeRefs = (...refs) => (node) => {
 		for (const cleanup of cleanups) cleanup();
 	};
 };
-//#endregion
 export { cn, composeRefs };

package/dist/lib/week.d.ts

@@ -1,4 +1,3 @@
-//#region src/lib/week.d.ts
 /**
  * Locale week data (first weekday, weekend) derived from CLDR via Intl.
  * Shared so the app shell and the date picker resolve week starts identically.
@@ -20,5 +19,4 @@ export declare const getFirstWeekday: (locale: string) => number;
  * Saturday/Sunday across the West, Friday/Saturday across much of the Gulf.
  * Falls back to Saturday/Sunday when the runtime lacks week info.
  */
-export declare const getWeekendDays: (locale: string) => ReadonlySet<number>;
-//#endregion
+export declare const getWeekendDays: (locale: string) => ReadonlySet<number>;

package/dist/lib/week.js

@@ -1,4 +1,4 @@
-//#region src/lib/week.ts
+// src/lib/week.ts
 /**
 * Locale week data (first weekday, weekend) derived from CLDR via Intl.
 * Shared so the app shell and the date picker resolve week starts identically.
@@ -38,5 +38,4 @@ const getWeekendDays = (locale) => {
 	if (weekend && weekend.length > 0) return new Set(weekend.map((day) => day % 7));
 	return /* @__PURE__ */ new Set([0, 6]);
 };
-//#endregion
 export { getFirstWeekday, getLocaleWeekInfo, getWeekendDays };

package/dist/review/review-author-avatar.d.ts

@@ -1,6 +1,5 @@
 import { Avatar } from "../components/avatar.js";
 import { ComponentProps } from "react";
-//#region src/review/review-author-avatar.d.ts
 /**
  * Shown when an author has neither a name nor anything to fall back on. This
  * package carries no catalogs, so a localized host passes `fallbackLabel`;
@@ -19,5 +18,4 @@ type ReviewAuthorAvatarProps = Omit<ComponentProps<typeof Avatar>, "children" |
 /** The author's face on any review surface: image when there is one, initials
  *  otherwise, dimmed once the account is gone. */
 export declare const ReviewAuthorAvatar: ({ deleted, image, name, fallbackLabel, className, fallbackClassName, ...avatarProps }: ReviewAuthorAvatarProps) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/review/review-author-avatar.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { Avatar, AvatarFallback, AvatarImage } from "../components/avatar.js";
 import { getInitials } from "../lib/initials.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/review/review-author-avatar.tsx
+// src/review/review-author-avatar.tsx
 /**
 * Shown when an author has neither a name nor anything to fall back on. This
 * package carries no catalogs, so a localized host passes `fallbackLabel`;
@@ -26,5 +26,4 @@ const ReviewAuthorAvatar = ({ deleted = false, image, name, fallbackLabel = UNKN
 		})]
 	});
 };
-//#endregion
 export { ReviewAuthorAvatar, UNKNOWN_AUTHOR_LABEL };

package/dist/review/review-comment-card.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/review/review-comment-card.d.ts
 export type ReviewCommentAuthor = {
   name: string | null;
   image?: string | null | undefined;
@@ -29,5 +28,4 @@ type ReviewCommentCardProps = {
 /** One comment on a reviewed surface: who wrote it, when, what it says, what
  *  it points at, and the two things a reader can do to it. */
 export declare const ReviewCommentCard: ({ author, timestamp, formattedTime, body, anchorText, isStale, staleLabel, resolved, onToggleResolved, resolveLabel, reopenLabel, canDelete, onDelete, deleteLabel, className }: ReviewCommentCardProps) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/review/review-comment-card.js

@@ -5,7 +5,7 @@ import { Button } from "../components/button.js";
 import { ReviewAuthorAvatar } from "./review-author-avatar.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Temporal } from "temporal-polyfill/full";
-//#region src/review/review-comment-card.tsx
+// src/review/review-comment-card.tsx
 /** One comment on a reviewed surface: who wrote it, when, what it says, what
 *  it points at, and the two things a reader can do to it. */
 const ReviewCommentCard = ({ author, timestamp, formattedTime, body, anchorText, isStale = false, staleLabel, resolved = false, onToggleResolved, resolveLabel, reopenLabel, canDelete = false, onDelete, deleteLabel, className }) => /* @__PURE__ */ jsxs("article", {
@@ -73,5 +73,4 @@ const toIsoInstant = (timestamp) => {
 	if (typeof timestamp === "string") return timestamp;
 	return Number.isNaN(timestamp.getTime()) ? void 0 : Temporal.Instant.fromEpochMilliseconds(timestamp.getTime()).toString({ fractionalSecondDigits: 3 });
 };
-//#endregion
 export { ReviewCommentCard };

package/dist/review/review-decision-actions.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/review/review-decision-actions.d.ts
 /**
  * Where a reviewable item stands. Undecided items offer accept/reject;
  * decided ones offer the way back (revert the applied change, or reopen the
@@ -28,5 +27,4 @@ type ReviewDecisionActionsProps = {
 };
 /** Accept / reject / revert / reopen, in one shape, for every review surface. */
 export declare const ReviewDecisionActions: ({ state, onAccept, onReject, onRevert, onReopen, size, acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled, className }: ReviewDecisionActionsProps) => import("react").JSX.Element | null;
-//#endregion
 export {};

package/dist/review/review-decision-actions.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 import { Button } from "../components/button.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { panic } from "better-result";
-//#region src/review/review-decision-actions.tsx
+// src/review/review-decision-actions.tsx
 /** Accept / reject / revert / reopen, in one shape, for every review surface. */
 const ReviewDecisionActions = ({ state, onAccept, onReject, onRevert, onReopen, size = "sm", acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled = false, className }) => {
 	const controls = renderControls({
@@ -70,5 +70,4 @@ const renderControls = ({ acceptLabel, acceptTooltip, disabled, onAccept, onReje
 		default: return panic(`Unhandled state: ${String(state)}`);
 	}
 };
-//#endregion
 export { ReviewDecisionActions };

package/dist/review/review-diff-text.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties, ReactNode } from "react";
-//#region src/review/review-diff-text.d.ts
 export declare const TRACKED_DELETION_STYLE: CSSProperties;
 export declare const TRACKED_INSERTION_STYLE: CSSProperties;
 export type ReviewDiffSegmentType = "equal" | "insert" | "delete";
@@ -29,5 +28,4 @@ export declare const ReviewDiffText: ({ segments, className }: ReviewDiffTextPro
  * never falls back to the array index.
  */
 export declare const reviewDiffSegmentKeys: (segments: readonly ReviewDiffSegment[]) => string[];
-//#endregion
 export {};

package/dist/review/review-diff-text.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
 import { panic } from "better-result";
-//#region src/review/review-diff-text.tsx
+// src/review/review-diff-text.tsx
 const TRACKED_DELETION_STYLE = {
 	color: "color-mix(in oklch, var(--destructive) 35%, var(--muted-foreground))",
 	textDecorationLine: "line-through",
@@ -64,5 +64,4 @@ const ReviewDiffSegmentSpan = ({ segment }) => {
 			return panic(`Unhandled type: ${String(segment.type)}`);
 	}
 };
-//#endregion
 export { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffText, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, reviewDiffSegmentKeys };

package/dist/review/review-out-of-date-notice.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/review/review-out-of-date-notice.d.ts
 export type ReviewOutOfDateTone = "warning" | "muted";
 /**
  * One reason a review has fallen behind. Carries its own key so the list is
@@ -24,5 +23,4 @@ type ReviewOutOfDateNoticeProps = {
  * through findings should see each one rather than the first.
  */
 export declare const ReviewOutOfDateNotice: ({ reasons, actionLabel, onAction, tone, className }: ReviewOutOfDateNoticeProps) => import("react").JSX.Element | null;
-//#endregion
 export {};

package/dist/review/review-out-of-date-notice.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { Button } from "../components/button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/review/review-out-of-date-notice.tsx
+// src/review/review-out-of-date-notice.tsx
 /**
 * What a review no longer reflects. Every applicable reason is listed
 * together: they are different reasons to run again, and a reviewer working
@@ -28,5 +28,4 @@ const TONE_CLASS = {
 	warning: "border-warning/30 bg-warning/10 text-warning-foreground",
 	muted: "border-border bg-muted/50 text-muted-foreground"
 };
-//#endregion
 export { ReviewOutOfDateNotice };

package/dist/review/review-severity-dot.d.ts

@@ -1,5 +1,4 @@
 import { ReviewStatusTone } from "./review-status-badge.js";
-//#region src/review/review-severity-dot.d.ts
 /**
  * How bad a finding is, on the one scale every review surface reports against.
  * Vocabularies that stop short of five levels (a playbook's blocker/high/
@@ -23,5 +22,4 @@ type ReviewStatusDotProps = {
 export declare const ReviewStatusDot: ({ tone, className }: ReviewStatusDotProps) => import("react").JSX.Element;
 /** The tone a severity level carries, so a badge and its dot cannot disagree. */
 export declare const reviewSeverityTone: (level: ReviewSeverityLevel) => ReviewStatusTone;
-//#endregion
 export {};

package/dist/review/review-severity-dot.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/review/review-severity-dot.tsx
+// src/review/review-severity-dot.tsx
 /** The dot that precedes a severity label, and the one place a severity level
 *  turns into a colour. */
 const ReviewSeverityDot = ({ level, className }) => /* @__PURE__ */ jsx(ReviewStatusDot, {
@@ -31,5 +31,4 @@ const TONE_DOT_CLASS = {
 	destructive: "bg-destructive",
 	highlight: "bg-highlight-foreground"
 };
-//#endregion
 export { ReviewSeverityDot, ReviewStatusDot, reviewSeverityTone };

package/dist/review/review-status-badge.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/review/review-status-badge.d.ts
 /**
  * The semantic weight of a review status, independent of the words a surface
  * uses for it. Playbook verdicts, overall risk, proposal states, suggestion
@@ -26,5 +25,4 @@ type ReviewStatusBadgeProps = {
 /** One status pill for every review surface: one radius, one padding scale,
  *  one tone vocabulary. */
 export declare const ReviewStatusBadge: ({ tone, variant, size, icon, className, children }: ReviewStatusBadgeProps) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/review/review-status-badge.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { jsxs } from "react/jsx-runtime";
-//#region src/review/review-status-badge.tsx
+// src/review/review-status-badge.tsx
 /** One status pill for every review surface: one radius, one padding scale,
 *  one tone vocabulary. */
 const ReviewStatusBadge = ({ tone, variant = "outline", size = "xs", icon, className, children }) => /* @__PURE__ */ jsxs("span", {
@@ -41,5 +41,4 @@ const VARIANT_CLASS = {
 	solid: "",
 	strong: "[&_[data-slot=review-status-dot]]:bg-current"
 };
-//#endregion
 export { ReviewStatusBadge };

package/dist/review/review-word-diff.d.ts

@@ -1,4 +1,3 @@
-//#region src/review/review-word-diff.d.ts
 /**
  * Tiny word-level LCS differ for the aligned-pair language view. Tokens are
  * words and whitespace runs, so equal spacing collapses into "equal" ops and
@@ -9,5 +8,4 @@ export type WordDiffOp = {
   token: string;
 };
 /** Diffs `before` (standard wording) against `after` (target wording). */
-export declare const diffWords: (before: string, after: string) => WordDiffOp[];
-//#endregion
+export declare const diffWords: (before: string, after: string) => WordDiffOp[];

package/dist/review/review-word-diff.js

@@ -1,4 +1,4 @@
-//#region src/review/review-word-diff.ts
+// src/review/review-word-diff.ts
 const tokenize = (text) => text.split(/(\s+)/u).filter((token) => token.length > 0);
 const MAX_LCS_CELLS = 25e4;
 /** Diffs `before` (standard wording) against `after` (target wording). */
@@ -74,5 +74,4 @@ const backtrack = (a, b, lengths) => {
 	});
 	return ops;
 };
-//#endregion
 export { diffWords };

package/dist/review/text-mark.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-//#region src/review/text-mark.d.ts
 /**
  * One mark for words in running text: a search or find hit, a reader's own
  * highlight, a verdict under a claim. Every surface that points at words
@@ -83,5 +82,4 @@ type TextMarkHighlightRuleOptions = {
  * wash alone.
  */
 export declare const textMarkHighlightRule: ({ name, variant, tone, state }: TextMarkHighlightRuleOptions) => string;
-//#endregion
 export {};

package/dist/review/text-mark.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/review/text-mark.tsx
+// src/review/text-mark.tsx
 /**
 * One mark for words in running text: a search or find hit, a reader's own
 * highlight, a verdict under a claim. Every surface that points at words
@@ -180,5 +180,4 @@ const WEIGHT_CLASS = {
 	inherit: "",
 	medium: "font-medium"
 };
-//#endregion
 export { SEARCH_HIT_DESCENDANT_MARK_CLASS, SEARCH_HIT_MARK, TEXT_MARK_TONE_COLOR, TextMark, textMarkBoxClass, textMarkClass, textMarkHighlightRule };

package/dist/styles/theme.css

@@ -15,6 +15,7 @@
  * is already in scope (the palettes derive from `--color-*-500`).
  */
 @import "./inline-rename.css";
+@import "../components/animated-preview.css";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -1393,3 +1394,29 @@
     display: none;
   }
 }
+
+/* ---- Screen and elevation accents, the same in every palette ----
+ * The tint the sign-in and error screens fade into, and a cool near-black for
+ * the shadows of cards floating over light surfaces. */
+:root {
+  --auth-gradient-end: #cbe1fc;
+  --error-gradient-end: #fbe9e4;
+  --shadow-tint: rgb(23 28 38);
+}
+
+.dark {
+  --auth-gradient-end: #1a3a5c;
+  --error-gradient-end: #261815;
+}
+
+/* A category's tile takes its hue from the category (`--cat-hue`, set inline);
+ * the lightness and chroma are fixed per colour scheme. */
+@utility category-tile {
+  background-color: oklch(0.94 0.045 var(--cat-hue));
+  color: oklch(0.45 0.13 var(--cat-hue));
+
+  @variant dark {
+    background-color: oklch(0.32 0.05 var(--cat-hue));
+    color: oklch(0.85 0.11 var(--cat-hue));
+  }
+}

package/dist/testing/browser-clock.d.ts

@@ -1,7 +1,5 @@
 import { Page } from "@playwright/test";
-//#region src/testing/browser-clock.d.ts
 /** Keep native and polyfilled Temporal on Playwright's controlled page clock. */
 export declare const setFixedBrowserTime: (page: Page, time: Date | number | string) => Promise<void>;
 /** Install advancing time and keep native Temporal on the same clock. */
-export declare const installBrowserClock: (page: Page, time: Date | number | string) => Promise<void>;
-//#endregion
+export declare const installBrowserClock: (page: Page, time: Date | number | string) => Promise<void>;

package/dist/testing/browser-clock.js

@@ -1,4 +1,4 @@
-//#region src/testing/browser-clock.ts
+// src/testing/browser-clock.ts
 const TEMPORAL_CLOCK_INIT = `
 {
   const temporal = globalThis.Temporal;
@@ -37,5 +37,4 @@ const installBrowserClock = async (page, time) => {
 	await page.clock.install({ time });
 	await page.addInitScript({ content: TEMPORAL_CLOCK_INIT });
 };
-//#endregion
 export { installBrowserClock, setFixedBrowserTime };