@adecore/ui 0.39.0 → 0.40.0

package/dist/AccentSwatches.js

@@ -7,9 +7,8 @@ import { Icon } from "./Icon.js";
 import { MenuPopup, MenuRadioGroup, MenuRadioItem, MenuRoot, MenuTrigger } from "./menu/parts.js";
 import { Tooltip } from "./Tooltip.js";
 /*
- * An accent, a few colors at a time. A palette is more than a settings row can carry, so the list
- * behind them holds all of them, the featured ones included; the trigger wears the chosen color
- * itself whenever that color is not one of the few. A value that is no accent at all picks nothing.
+ * The list behind the featured swatches holds every accent, the featured ones included; its trigger
+ * wears the chosen color whenever that is not one of the few. A value that is no accent picks nothing.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function AccentSwatches(t0) {

package/dist/Banner.js

@@ -9,12 +9,7 @@ const TONE = {
   neutral: 'text-text-muted'
 };
 const OVERLAY = 'absolute inset-x-0 top-3 z-20';
-/*
- * The strip over a view: one line and the buttons that answer it. It is where anything that waits
- * for a person goes (a conflict, a failure, a request), because a corner toast is read after the fact
- * and a decision has to be where the eyes already are. One at a time: the slot is one row and the
- * caller picks what stands in it. Inline, it is a notice that belongs to the page it stands in.
- */
+/* Where anything that waits for a person goes: a corner toast is read after the fact, and a decision has to be where the eyes already are. */
 export function Banner(t0) {
   const $ = _c(25);
   const {

package/dist/ChoiceCards.js

@@ -108,11 +108,6 @@ function ChoiceCard(t0) {
   }
   return t12;
 }
-/*
- * One of a few options, each a card that says what it means, for a choice that deserves more than a
- * select: the cards stand side by side at the same width, one under the other or in a set number of
- * columns, and the arrow keys move between them.
- */
 export function ChoiceCards(t0) {
   const $ = _c(27);
   const {

package/dist/ColorSwatch.js

@@ -11,10 +11,7 @@ const PICKED_RING = {
   surface: 'ring-2 ring-accent ring-offset-2 ring-offset-surface',
   popup: 'ring-2 ring-accent ring-offset-1 ring-offset-surface-raised'
 };
-/*
- * One color, drawn as the color itself. Its name belongs in a tooltip, so the circle carries a tick
- * alone when it is picked. Children replace the tick, such as the ellipsis of a "more colors" swatch.
- */
+/* Its name belongs in a tooltip. Children replace the tick, such as the ellipsis of a "more colors" swatch. */
 export function ColorSwatch(t0) {
   const $ = _c(32);
   let children;

package/dist/ColorWheelPicker.js

@@ -12,7 +12,7 @@ const MIN_RADIUS = 97;
 const MIN_GAP = 8;
 /* Room past the outer ring for the ring a picked swatch wears. */
 const EDGE = 7;
-/* Every swatch's top left corner in whole pixels, the rings evenly apart from the outer one to the middle, and the size of the wheel. */
+/* Top left corners in whole pixels, the rings evenly apart from the outer one to the middle. */
 function layout(rings, center) {
   const outer = rings[0]?.length ?? 0;
   const radius = Math.max(MIN_RADIUS, outer > 1 ? Math.ceil((SWATCH_SIZE + MIN_GAP) / (2 * Math.sin(Math.PI / outer))) : 0);
@@ -41,11 +41,8 @@ const STEPS = {
   End: (_, count) => count - 1
 };
 /*
- * A color picked from a wheel behind a trigger that holds the one in use and lines up with a select.
- * While the wheel is open the swatch under the pointer or the focus is reported as a preview, so the
- * caller can show it in place; its name stands under the wheel, which is why a swatch carries no
- * tooltip. The wheel is one tab stop: the arrows walk it in its order and only Enter, Space or a click
- * picks. Every preview ends with null, after a pick as well as on closing without one or on going away while open.
+ * The looked-at swatch's name stands under the wheel, so a swatch carries no tooltip. Only Enter, Space
+ * or a click picks. Every preview ends with null: after a pick, on closing, or on going away while open.
  */
 export function ColorWheelPicker(t0) {
   const $ = _c(37);

package/dist/DockShell.js

@@ -6,11 +6,9 @@ import { Surface } from "./Surface.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const REVEAL_ZONE = 120;
 /*
- * The floating bar at the bottom of a canvas-like view, and the one place that knows how to get out
- * of the way. With `autoHide` it waits below the edge until the pointer comes down to it, an open
- * menu keeps it up (it would take its own popup with it), and a keyboard reaches it by tabbing. The
- * buttons stay in the tab order while it is out of sight, so focus brings it back. Something that
- * moves with the dock marks itself `data-holds-dock`, so reaching for it does not hide the dock.
+ * An open menu keeps a hiding dock up, or it would take its own popup with it. The buttons stay in the
+ * tab order while out of sight, so focus brings it back. Something that moves with the dock marks itself
+ * `data-holds-dock`, so reaching for it does not hide the dock.
  */
 export function DockShell(t0) {
   const $ = _c(28);

package/dist/EmptyState.js

@@ -6,7 +6,6 @@ import { Spinner } from "./Spinner.js";
 // One size in a panel, a card and a dialog alike, so no caller picks its own.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ICON_SIZE = 20;
-/* What a list, a canvas or a thread shows before it holds anything. */
 export function EmptyState(t0) {
   const $ = _c(18);
   const {

package/dist/ErrorBoundary.js

@@ -215,11 +215,7 @@ function ErrorFallback(t0) {
   }
   return t19;
 }
-/*
- * Keeps a render failure to the subtree it happened in. Without one React unmounts the whole tree,
- * and whatever lives in it (an embedded page, a running terminal) goes down with it. Key it so it
- * resets only while it holds an error: `resetKeys` for what the children draw from.
- */
+/* Without one React unmounts the whole tree, and whatever lives in it (an embedded page, a running terminal) goes down with it. */
 function _temp() {
   return window.location.reload();
 }

package/dist/Field.js

@@ -10,7 +10,6 @@ const ERROR = 'text-xs text-status-error';
 // Beside the control the label reads at the size of what is typed, on the middle of the control's first line however tall it grows.
 const LABEL_BESIDE = 'flex h-8 items-center self-start text-sm text-text-muted';
 const isShown = line => line !== undefined && line !== null && line !== '';
-/* The line under a field that says what goes in it. */
 export function FieldHint(t0) {
   const $ = _c(14);
   let className;
@@ -72,7 +71,7 @@ export function FieldHint(t0) {
   }
   return useRender(t3);
 }
-/* What went wrong in a dialog or a form. An alert, so a screen reader hears it arrive. */
+/* An alert, so a screen reader hears it arrive. */
 export function FormError(t0) {
   const $ = _c(14);
   let className;
@@ -185,10 +184,7 @@ function FieldLabel(t0) {
   }
   return t1;
 }
-/*
- * A labelled control, or a labelled group, with an optional hint and error under it, stacked 6px apart.
- * Beside each other the label column is 112px, so the controls of every field in a form line up.
- */
+/* Horizontal, the label column is 112px, so the controls of every field in a form line up. */
 export function Field(t0) {
   const $ = _c(47);
   const {

package/dist/FileIcon.js

@@ -3,10 +3,8 @@ import { useInsertionEffect } from 'react';
 import clsx from 'clsx';
 import { fileIconFor, mountFileIconSprite } from './file-icon.js';
 /*
- * The icon a file gets in a file tree, drawn anywhere else the same file's name shows up. It is the
- * one place the library steps outside Lucide. The glyphs are Seti's, and so are their colors, because
- * a TypeScript blue or a Vue green is the mark of the file type, not a theme choice. Decorative like
- * every other icon here, so the name beside it does the reading.
+ * The one place the library steps outside Lucide. The glyphs are Seti's, and so are their colors: a
+ * TypeScript blue is the mark of the file type, not a theme choice. Decorative like every other icon here.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FileIcon(t0) {

package/dist/Icon.js

@@ -4,8 +4,7 @@ import clsx from 'clsx';
 // text of the same size a hair thinner keeps the glyph from outweighing the words beside it.
 import { jsx as _jsx } from "react/jsx-runtime";
 const STROKE_WIDTH = 1.75;
-/* One Lucide icon, sized in pixels. Icons here are decorative. The name a screen reader reads
-   sits on the button or the label next to it, so the glyph stays hidden. */
+/* Decorative: the name a screen reader reads sits on the button or the label next to it. */
 export function Icon(t0) {
   const $ = _c(7);
   const {

package/dist/IconButton.js

@@ -5,7 +5,7 @@ import { Icon } from "./Icon.js";
 import { Spinner } from "./Spinner.js";
 import { Tooltip } from "./Tooltip.js";
 import { ICON_BUTTON_CLASS, ICON_BUTTON_ICON_SIZE } from './icon-button-size.js';
-/* Every button that is an icon and no word. A square, and the one place the icon inside it is sized. */
+/* The one place the icon inside an icon button is sized. */
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function IconButton(t0) {
   const $ = _c(43);

package/dist/IconPicker.js

@@ -17,7 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ROW_HEIGHT = 32;
 const HEADED_EXTRA = 32;
 const BARE_EXTRA = 10;
-/* A heading is stuck while its group runs past the top of the scroll area, and only then draws a line under it. */
+/* Only a stuck heading draws a line under it. */
 const markStuckHeadings = area => {
   const top = area.scrollTop;
   for (const heading of area.querySelectorAll('[data-icon-heading]')) {
@@ -26,11 +26,7 @@ const markStuckHeadings = area => {
     heading.toggleAttribute('data-stuck', stuck);
   }
 };
-/*
- * The mark a thing wears, one of a set of Lucide icons, behind a trigger drawn like a field. The
- * popover holds a search over the grid. The grid is one tab stop: arrows move the focus and only
- * Enter, Space or a click chooses, since a caller may save every choice at once.
- */
+/* The grid is one tab stop: arrows move the focus and only Enter, Space or a click chooses, since a caller may save every choice at once. */
 export function IconPicker(t0) {
   const $ = _c(76);
   const {
@@ -363,7 +359,7 @@ export function IconPicker(t0) {
   }
   return t32;
 }
-/* What the popover holds. It mounts on every open, so a search and the focus start over each time. */
+/* It mounts on every open, so a search and the focus start over each time. */
 function _temp(section) {
   return section.icons;
 }

package/dist/Input.js

@@ -2,7 +2,6 @@ import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { fieldControlProps, useFieldControl } from './field-context.js';
 import { Icon } from "./Icon.js";
-/* The one text input: one border and one focus ring at the one height or the compact one. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Input(t0) {
   const $ = _c(42);
@@ -169,7 +168,7 @@ export function Input(t0) {
   }
   return t14;
 }
-/* A field of a few lines: a commit message, the body of a pull request, a note. At least 64px tall; `rows` makes it taller. */
+/* At least 64px tall; `rows` makes it taller. */
 export function TextArea(t0) {
   const $ = _c(21);
   let className;

package/dist/Kbd.js

@@ -5,14 +5,13 @@ import { formatShortcut, shortcutParts } from './shortcut.js';
 /* A shortcut chip on the surface it sits on: in a tooltip, in a palette's footer, in a line of help. */
 import { jsx as _jsx } from "react/jsx-runtime";
 const INLINE_KBD = 'rounded-sm bg-surface-sunken px-[5px] py-px font-sans text-xs/[inherit] text-text-muted';
-/* One key, drawn as a cap. A settings page prints a shortcut key by key, so a gesture can stand beside it. */
+/* A settings page prints a shortcut key by key, so a gesture can stand beside it. */
 const KEY_CAP = 'inline-grid place-items-center rounded-md border border-b-2 border-border-strong bg-surface-hover bg-clip-padding font-sans text-text';
 /* `sm` fits inside a small field, as the hint of the key that focuses it. */
 const KEY_CAP_SIZES = {
   md: 'h-6 min-w-6 px-1.5 text-xs',
   sm: 'h-5 min-w-5 px-1 text-2xs'
 };
-/* A shortcut as this platform prints it: `⌘K` on macOS, `Ctrl+K` elsewhere. */
 export function Kbd(t0) {
   const $ = _c(10);
   const {
@@ -93,7 +92,6 @@ export function KeyCap(t0) {
   }
   return t4;
 }
-/* A shortcut as one cap per key, `⌘` and `K`, plus the pointer gesture it goes with. */
 export function Keys(t0) {
   const $ = _c(15);
   const {

package/dist/LazyBoundary.js

@@ -1,9 +1,8 @@
 import { Suspense, useSyncExternalStore } from 'react';
 import { readLandings, subscribeLandings } from './lazy-landings.js';
 /*
- * `Suspense` for what `lazyNamed` loads. React holds content that comes in as a retry back until
- * 300 ms after its fallback showed; this boundary draws again as an ordinary update once a module
- * lands, so a chunk that takes 20 ms shows after 20 ms.
+ * React holds content that comes in as a retry back until 300 ms after its fallback showed; this
+ * boundary draws again as an ordinary update once a module lands, so a 20 ms chunk shows after 20 ms.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LazyBoundary({

package/dist/Meter.js

@@ -1,6 +1,5 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
-/* A level against a scale: how full it is, and where a target or a limit sits on the same scale. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Meter(t0) {
   const $ = _c(25);

package/dist/MiddleTruncate.js

@@ -6,7 +6,7 @@ import { mergeRefs } from './merge-refs.js';
 import { Tooltip } from "./Tooltip.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 let canvas = null;
-/* How wide a text is drawn in the face of `element`, or null where the page cannot tell (no canvas). */
+/* Null where the page has no canvas. */
 function textMeasure(element) {
   const view = element.ownerDocument.defaultView;
   canvas ??= element.ownerDocument.createElement('canvas');
@@ -24,11 +24,7 @@ function textMeasure(element) {
 function sameCut(first, second) {
   return first?.head === second?.head && first?.tail === second?.tail;
 }
-/*
- * A path or a branch name on one line that keeps its start and its end and cuts the middle. It asks
- * for the width of the whole text and measures what it gets. The part it cuts stays in the element
- * at no width, so selecting, copying and finding read the whole text.
- */
+/* The part it cuts stays in the element at no width, so selecting, copying and finding read the whole text. */
 export function MiddleTruncate(t0) {
   const $ = _c(19);
   const {

package/dist/PanelEmpty.js

@@ -1,7 +1,6 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { EmptyState } from "./EmptyState.js";
-/* What a panel or a card shows while it holds nothing: a sentence, one icon, at most one button. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function PanelEmpty(t0) {
   const $ = _c(14);

package/dist/PanelHeader.js

@@ -2,10 +2,7 @@ import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useRender } from '@base-ui/react/use-render';
 import { SectionLabel } from "./SectionLabel.js";
-/*
- * The bar across the top of a side panel, as tall as a 48px toolbar beside it: the panel's name,
- * its own controls, and a close button last.
- */
+/* As tall as a 48px toolbar beside it. */
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function PanelHeader(t0) {
   const $ = _c(22);

package/dist/Pill.js

@@ -1,10 +1,6 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
-/*
- * What the label says about the thing it names, drawn as its ground. Every ground is an alpha over
- * whatever the pill stands on, the way a border is: in the dark theme it lifts a shade off the row
- * under it, in the light theme it sinks one. A solid sunken ground read as a hole on a dark row.
- */
+/* Every ground is an alpha over whatever the pill stands on, the way a border is: a solid sunken ground read as a hole on a dark row. */
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TONES = {
   muted: 'bg-text/7 text-text-muted',
@@ -31,7 +27,6 @@ const PADDING = {
     sm: 'px-1'
   }
 };
-/* The small rounded label in a header, a sidebar row or a settings line: a count, a branch, a status. */
 export function Pill(t0) {
   const $ = _c(26);
   const {

package/dist/ProjectSwitcher.js

@@ -130,7 +130,7 @@ export function ProjectSwitcher(t0) {
   }
   return t10;
 }
-/* The rows of the popup, apart from it so they render without an open menu. */
+/* Apart from the popup, so the rows render without an open menu. */
 export function ProjectSwitcherGroups(t0) {
   const $ = _c(18);
   const {

package/dist/PromptDialog.js

@@ -7,12 +7,7 @@ import { Field, FormError } from "./Field.js";
 import { Icon } from "./Icon.js";
 import { Input, TextArea } from "./Input.js";
 import { useAsyncAction } from './useAsyncAction.js';
-/*
- * The one dialog a question is asked in: a name to type, or a warning to agree with. Every confirm
- * and every rename shares it, so none of them grows a layout of its own. It never closes itself,
- * because what a confirm leads to is the caller's business: an action that asks a second question
- * would be shut out by a close of its own.
- */
+/* It never closes itself: an action that asks a second question would be shut out by a close of its own. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function PromptDialog(t0) {
   const $ = _c(80);
@@ -74,8 +69,10 @@ export function PromptDialog(t0) {
     });
     step.clear();
   }
-  const value = draft.value;
-  const body = draft.body;
+  const {
+    value,
+    body
+  } = draft;
   const working = busy || step.busy;
   let t9;
   if ($[4] !== draft) {

package/dist/RelativeTime.js

@@ -5,7 +5,7 @@ import { useNow } from './useNow.js';
 /* The finest step of an age is a minute, so half of one keeps it at most thirty seconds behind. */
 import { jsx as _jsx } from "react/jsx-runtime";
 const TICK_MS = 30_000;
-/* A moment as its age, `3m ago`, counting on while it is on screen, with the exact time on hover and on keyboard focus. */
+/* Counts on while it is on screen, with the exact time on hover and on keyboard focus. */
 export function RelativeTime({
   at,
   tooltip = true,

package/dist/SegmentBar.js

@@ -4,8 +4,7 @@ import clsx from 'clsx';
 import { mergeRefs } from './merge-refs.js';
 import { Tooltip } from "./Tooltip.js";
 import { useMeasuredWidth } from './useMeasuredWidth.js';
-/* A whole split into parts, each as wide as it lasts, so they compare at a glance. A part starts exactly at its
-   place; the gap between two parts that touch comes out of the one before. */
+/* A part starts exactly at its place; the gap between two parts that touch comes out of the one before. */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function SegmentBar(t0) {
   const $ = _c(38);

package/dist/Segmented.js

@@ -20,10 +20,7 @@ const SIZE = {
     icon: 12
   }
 };
-/*
- * One of a few options side by side in one sunken track, the picked one lifted out of it. A radio
- * group: one tab stop, and the arrows pick and focus the next option, around the ends.
- */
+/* A radio group: one tab stop, and the arrows pick and focus the next option, around the ends. */
 export function Segmented(t0) {
   const $ = _c(38);
   const {
@@ -55,7 +52,7 @@ export function Segmented(t0) {
   const stop = t4;
   let t5;
   if ($[3] !== onValueChange || $[4] !== options) {
-    t5 = function move(event, index) {
+    t5 = (event, index) => {
       const next = segmentedTarget(options, index, event.key);
       if (next === null) {
         return;

package/dist/Select.js

@@ -68,10 +68,7 @@ function Row(t0) {
   }
   return t4;
 }
-/* The one select. A Base UI `Select` in the popup style the menus use, so a settings field and a
-   picker in a toolbar read the same. Base UI brings the keyboard along (arrows,
-   Home and End, typeahead, Enter, Escape), which a hand-rolled listbox would have to repeat.
-   A long list can ask for a search field, which swaps in a combobox with the same trigger and rows. */
+/* A long list can ask for a search field, which swaps in a combobox with the same trigger and rows. */
 export function Select(props) {
   const $ = _c(5);
   const {

package/dist/ShortcutHints.js

@@ -45,9 +45,8 @@ const measureHints = apple => {
   return hints;
 };
 /*
- * Every visible button's shortcut, under the button, for as long as the modifier is held on its own.
- * Mounted once; the listener sits on the window in the capture phase so a terminal that keeps a key to
- * itself still takes the hints down. An embedded page (`<webview>`) has the keyboard to itself and shows none.
+ * The listener sits on the window in the capture phase so a terminal that keeps a key to itself still
+ * takes the hints down. An embedded page (`<webview>`) has the keyboard to itself and shows none.
  */
 export function ShortcutHints() {
   const $ = _c(10);

package/dist/Slider.js

@@ -4,7 +4,6 @@ import clsx from 'clsx';
 import { Slider as BaseSlider } from '@base-ui/react/slider';
 import { formatFixed } from './format/number.js';
 import { placesOf } from './step-places.js';
-/* A number picked along a range: the label and the value on one line, the track under them. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Slider(t0) {
   const $ = _c(41);

package/dist/SlidingColumn.js

@@ -8,10 +8,8 @@ import { useColumnResize } from './useColumnResize.js';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TRANSITION_MS = 200;
 /*
- * A panel that slides in and out along the right edge. The outer column is 0 wide and inert while
- * closed; the contents sit in an inner column of the stored width, so they do not reflow while it
- * moves, and they stay mounted until the slide is over, so a close plays out. The left edge is the
- * drag handle.
+ * The contents sit in an inner column of the stored width, so they do not reflow while the outer one
+ * moves, and stay mounted until the slide is over, so a close plays out.
  */
 export function SlidingColumn(t0) {
   const $ = _c(42);

package/dist/SplitButton.js

@@ -7,11 +7,7 @@ import { Icon } from "./Icon.js";
 import { MenuPopup, MenuRoot, MenuTrigger } from "./menu/parts.js";
 import { mergeRefs } from './merge-refs.js';
 import { Tooltip } from "./Tooltip.js";
-/*
- * A primary action and a chevron that opens a menu of related ones, drawn as one button with a short
- * line between the halves. Each half is a button of its own, so each takes the focus, can be disabled
- * and carries its own hint; the menu hangs under the whole control.
- */
+/* Each half is a button of its own, so each takes the focus, can be disabled and carries its own hint; the menu hangs under the whole control. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SplitButton(t0) {
   const $ = _c(56);

package/dist/TextMenu.js

@@ -10,11 +10,7 @@ import { ContextMenuRoot, ContextMenuTrigger, MenuItem, MenuPopup, MenuSeparator
 import { isApplePlatform } from './platform.js';
 import { selectAllWithin, selectionWithin } from './selection.js';
 import { EDIT_SHORTCUTS, matchesShortcut } from './shortcut.js';
-/*
- * A block of text and the menu that belongs to it: Copy for what is selected inside it, Select all
- * for the whole of it, on Cmd+A as well. Anywhere text can be selected a right-click has to offer
- * to copy it, and an app that draws every menu itself offers nothing at all without one of these.
- */
+/* An app that draws every menu itself offers no Copy on a right-click without one of these. */
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function TextMenu(t0) {
   const $ = _c(40);

package/dist/Tile.js

@@ -1,10 +1,6 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { Kbd } from "./Kbd.js";
-/*
- * One thing to start with, as a card that is a button: a start screen and the empty places of an app
- * use it, so a place to begin looks the same wherever it is offered.
- */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Tile(t0) {
   const $ = _c(35);

package/dist/Toasts.js

@@ -25,10 +25,7 @@ const TONE = {
 };
 /* The box is as tall as the title's own line, so what sits beside the title centers on that line. */
 const TITLE_LINE = 'flex h-(--text-sm--line-height) shrink-0 items-center';
-/*
- * How long the offer in a toast still stands, drawn from the timer that takes the toast away: the
- * ring starts as far along as that timer already is, so both end together. With motion off it stays full.
- */
+/* Starts as far along as the timer that takes the toast away, so both end together. With motion off it stays full. */
 function TimerRing(t0) {
   const $ = _c(13);
   const {
@@ -342,11 +339,6 @@ function ToastCard(t0) {
   }
   return t13;
 }
-/*
- * Bottom right, over everything: what an action is doing while it runs and how it went when it is
- * over, and a deletion that can still be taken back. A success takes itself away after four seconds,
- * a deletion after eight, and a failure waits to be read.
- */
 function _temp(action) {
   return /*#__PURE__*/_jsx(ActionButton, {
     action: action

package/dist/Tooltip.js

@@ -24,7 +24,7 @@ export function TooltipProvider(t0) {
   }
   return t1;
 }
-/* A hint on hover and on keyboard focus. Every hint in an app is one of these, never a `title`. */
+/* Every hint in an app is one of these, never a `title`. */
 export function Tooltip(t0) {
   const $ = _c(26);
   const {

package/dist/UIProvider.js

@@ -5,11 +5,6 @@ import { setFormatSource } from './format/locale.js';
 import { addUiResources } from './locales.js';
 import { startInputModality } from './modality.js';
 import { TooltipProvider } from "./Tooltip.js";
-/*
- * Everything the library needs from an app, once, around the whole tree: its words in the app's
- * i18next, the source of the formatters, the shared tooltip delay and the note of which input device
- * is in use. Mount it above the first component of the library.
- */
 import { jsx as _jsx } from "react/jsx-runtime";
 export function UIProvider(t0) {
   const $ = _c(7);

package/dist/Waveform.js

@@ -36,7 +36,6 @@ const barsOf = (levels, duration, from, to, count) => {
     return Math.min(1, Math.max(SILENCE, level));
   });
 };
-/* The loudness of a piece of audio over time, played up to the playhead, where a press or a drag seeks. */
 export function Waveform(t0) {
   const $ = _c(93);
   const {
@@ -107,7 +106,10 @@ export function Waveform(t0) {
     positionOf = t14;
     let t15;
     if ($[36] !== positionOf) {
-      t15 = time_0 => positionOf(time_0) >= 0 && positionOf(time_0) <= 1;
+      t15 = time_0 => {
+        const position = positionOf(time_0);
+        return position >= 0 && position <= 1;
+      };
       $[36] = positionOf;
       $[37] = t15;
     } else {

package/dist/Wipe.js

@@ -6,12 +6,7 @@ import { Icon } from "./Icon.js";
 import { formatPercent } from './format/number.js';
 import { mergeRefs } from './merge-refs.js';
 import { splitAt, splitForKey } from './wipe-split.js';
-/*
- * Two versions of one picture in one frame: `before` left of the split and `after` right of it, with a
- * handle between them a person drags or moves with the arrow keys. It fills the positioned element it
- * sits in. The handle is a line with a round knob on it, or the plain line, which is dragged anywhere
- * along its height.
- */
+/* It fills the positioned element it sits in. A plain line handle is dragged anywhere along its height. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Wipe(t0) {
   const $ = _c(54);

package/dist/ZoomControls.js

@@ -30,7 +30,6 @@ function MenuIcon(t0) {
   }
   return t1;
 }
-/* The zoom group of a dock: out, the readout with its presets, in, and fit everything. */
 export function ZoomControls(t0) {
   const $ = _c(80);
   const {

package/dist/clipboard.js

@@ -1,8 +1,5 @@
-/*
- * The clipboard, as the app uses it. A browser hands text over only to a document that is focused
- * and allowed, and there is nothing a person can do about a refusal, so both sides stay quiet.
- */
-/* Resolves to whether the text got there, for a caller that tells the person; it never rejects. */
+/* A browser hands text over only to a focused, allowed document, and a person can do nothing about a refusal, so both sides stay quiet. */
+/* Never rejects. */
 export const copyText = async text => {
   try {
     if (!navigator.clipboard) {