@adecore/ui 0.39.0 → 0.40.0

package/dist/icon-picker.js

@@ -26,22 +26,13 @@ export const filterSections = (sections, query, keywords = {}) => {
     }] : [];
   });
 };
-/* The one icon the grid's tab stop sits on: the one last focused, else the chosen one, else the first, as long as the search shows it. */
-export const tabStopOf = (visible, focused, value) => {
-  if (focused !== null && visible.includes(focused)) {
-    return focused;
-  }
-  if (value !== null && visible.includes(value)) {
-    return value;
-  }
-  return visible[0] ?? null;
-};
+/* The one last focused, else the chosen one, else the first, as long as the search shows it. */
+export const tabStopOf = (visible, focused, value) => [focused, value].find(name => name !== null && visible.includes(name)) ?? visible[0] ?? null;
 /* Rows lie a few pixels apart at least, so a rounding difference between two cells of one row is no new row. */
 const SAME_ROW = 2;
 /*
- * The cell a key moves the focus to, or null for a key the grid leaves alone. Up and down go by what
- * the eye sees: the nearest cell in the next row drawn, which may belong to another group. At an edge
- * the focus stays, so the key never scrolls the grid instead.
+ * Null for a key the grid leaves alone. Up and down go to the nearest cell in the next row drawn, which
+ * may belong to another group. At an edge the focus stays, so the key never scrolls the grid instead.
  */
 export const cellForKey = (key, boxes, from) => {
   const last = boxes.length - 1;
@@ -85,5 +76,5 @@ export const cellForKey = (key, boxes, from) => {
   });
   return nearest;
 };
-/* Escape empties a search that holds text and goes no further; on an empty one it is left to whatever else hears it, such as a dialog. */
+/* On an empty search Escape is left to whatever else hears it, such as a dialog. */
 export const escapeClearsSearch = (key, query) => key === 'Escape' && query !== '';

package/dist/key-value-list/parts.js

@@ -1,11 +1,7 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useRender } from '@base-ui/react/use-render';
-/*
- * The names take the width of the widest one, up to two fifths of the list, and a longer name wraps
- * there. Every item is a subgrid of the list, so the names line up across rows and a hairline runs
- * under both columns.
- */
+/* Every item is a subgrid of the list, so the names line up across rows and a hairline runs under both columns. */
 export function KeyValueListRoot(t0) {
   const $ = _c(16);
   let className;

package/dist/lazy.js

@@ -2,11 +2,7 @@ import { c as _c } from "react/compiler-runtime";
 import { Suspense, lazy, useState, useSyncExternalStore } from 'react';
 import { noteLanding } from './lazy-landings.js';
 import { prefetcher } from './prefetch.js';
-/*
- * A module's component, loaded once and kept. `React.lazy` suspends for a tick even on a module the
- * prefetcher already has, which shows the fallback and mounts a dialog already open; a component
- * that is here is drawn straight away instead.
- */
+/* `React.lazy` suspends for a tick even on a module the prefetcher already has, which mounts a dialog already open; a component here draws at once. */
 import { jsx as _jsx } from "react/jsx-runtime";
 export class LoadedComponent {
   current = null;
@@ -34,11 +30,7 @@ export class LoadedComponent {
   }
 }
 const openErrorListeners = new Set();
-/*
- * Tells `listener` when a module that `lazyNamed` or `lazyDialog` loads for a render fails to load,
- * which is a load a person waits on. A failed prefetch never reaches it, not even one of the same
- * module at the same moment, so an app can answer the one without being woken by the other.
- */
+/* Only a load for a render, which a person waits on; a failed prefetch never reaches it, not even one of the same module at the same moment. */
 export function onLazyOpenError(listener) {
   openErrorListeners.add(listener);
   return () => {
@@ -58,11 +50,7 @@ async function open(loaded) {
     throw error;
   }
 }
-/*
- * `React.lazy` for a module that exports its component by name, `default` included. Every module
- * loaded through here, or through `lazyDialog`, registers with `prefetcher`, which loads it ahead of
- * its first opening once the app calls `prefetcher.prefetchEverything()`.
- */
+/* Registers with `prefetcher`, like `lazyDialog`, so `prefetcher.prefetchEverything()` loads it ahead of its first opening. */
 export function lazyNamed(load, name) {
   const loaded = new LoadedComponent(async () => (await load())[name]);
   prefetcher.register(() => loaded.load());
@@ -91,10 +79,7 @@ function useOpenedOnce(open) {
   }
   return opened || open;
 }
-/*
- * A dialog that keeps its own open state. Once its module is here, prefetched or opened, it stays
- * mounted closed, so its first opening animates like every other; before that, opening loads it.
- */
+/* Once its module is here it stays mounted closed, so its first opening animates like every other. */
 export function lazyDialog(load, name, useStore, isOpen) {
   const loaded = new LoadedComponent(async () => (await load())[name]);
   prefetcher.register(() => loaded.load());

package/dist/locales.js

@@ -1,17 +1,13 @@
 /* The words are modules, not JSON: Node needs `with { type: 'json' }` on a JSON import, and a browser refuses it on the JavaScript Vite serves. */
 import en from './locales/en.js';
 import nl from './locales/nl.js';
-/* The words of this library live in a namespace of their own, which the app adds to its i18next beside its own namespaces. */
 export const UI_NAMESPACE = 'ui';
-/*
- * Every language the library speaks, by language code. Small enough to ship whole, which is what lets
- * `addUiResources` run synchronously before the first render, so no word ever shows as its key.
- */
+/* Small enough to ship whole, so `addUiResources` runs before the first render and no word shows as its key. */
 export const UI_RESOURCES = {
   en,
   nl
 };
-/* Adds the `ui` namespace in every language to an i18next instance. A language the app already filled keeps its words. */
+/* A language the app already filled keeps its words. */
 export const addUiResources = i18n => {
   for (const [language, words] of Object.entries(UI_RESOURCES)) {
     if (!i18n.hasResourceBundle(language, UI_NAMESPACE)) {

package/dist/menu/parts.js

@@ -11,13 +11,9 @@ import { Icon } from "../Icon.js";
 import { Tooltip } from "../Tooltip.js";
 import { splitPlacement } from '../placement.js';
 import { renderPositioner } from '../popup-layer.js';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const MenuKindContext = createContext('menu');
-/*
- * A menu hangs under its trigger, lined up with its start, unless there is no room. A context menu
- * opens at the pointer, which its positioner already knows. A submenu sits beside its row, pulled
- * up by the popup's own padding so its first row lines up with the row that opened it.
- */
+/* A context menu opens at the pointer, which its positioner already knows. A submenu is pulled up by the popup's padding so its first row lines up with the row that opened it. */
 const PLACEMENT = {
   menu: {
     side: 'bottom',
@@ -30,12 +26,11 @@ const PLACEMENT = {
     alignOffset: -4
   }
 };
-/* The label above a group of rows. It takes the line height of the row it sits in. */
+/* It takes the line height of the row it sits in. */
 export const MENU_LABEL = 'px-2.5 pt-1.5 pb-0.5 text-xs/[inherit] text-text-faint';
 /* A trailing hint in a row: what the item does to something else, never a shortcut. A shortcut stays a `Kbd`, which `.menu-item` already pushes to the right. */
 const MENU_HINT = 'ml-auto pl-3 text-xs/[inherit] text-text-faint';
-/* The hairline between two groups of rows. It runs the whole width of the popup, which is what the
-   negative margin buys back from its 4px of padding, and it is softer than a border a surface ends with. */
+/* The negative margin buys back the popup's 4px of padding, so the line runs its whole width. */
 const MENU_SEPARATOR = '-mx-1 my-1 h-px bg-border-soft';
 export function MenuRoot(props) {
   const $ = _c(2);
@@ -90,11 +85,6 @@ export function MenuSubmenuRoot(props) {
 }
 export const MenuTrigger = BaseMenu.Trigger;
 export const ContextMenuTrigger = BaseContextMenu.Trigger;
-/*
- * The shell every menu is drawn in: the portal, the layer it sits on and the gap to its trigger are
- * decided once. The popup scrolls inside the room the window leaves it; `className` adds a minimum
- * width or a layout of its own, such as a grid of swatches.
- */
 export function MenuPopup(t0) {
   const $ = _c(12);
   const {
@@ -197,11 +187,7 @@ export function MenuItem(t0) {
   }
   return t3;
 }
-/*
- * The slot before the label of a row that can be checked, in a menu or a list that reads as one. It
- * is one line of the row tall, so a row with a second line keeps the tick beside its first. Radio and
- * checkbox items draw it themselves; a plain row that shows a state hands it `checked`.
- */
+/* One line of the row tall, so a row with a second line keeps the tick beside its first. */
 export function MenuCheck(t0) {
   const $ = _c(15);
   const {
@@ -276,9 +262,16 @@ export function MenuCheck(t0) {
   }
   return t6;
 }
-/* A row that is on or off. The box before its label is part of it. */
+const checkRow = (kind, unstyled, indicator, children) => unstyled ? children : /*#__PURE__*/_jsxs(_Fragment, {
+  children: [indicator === 'start' && /*#__PURE__*/_jsx(MenuCheck, {
+    kind: kind
+  }), children, indicator === 'end' && /*#__PURE__*/_jsx(MenuCheck, {
+    kind: kind,
+    className: "ml-auto"
+  })]
+});
 export function MenuCheckboxItem(t0) {
-  const $ = _c(22);
+  const $ = _c(17);
   let children;
   let className;
   let props;
@@ -307,74 +300,44 @@ export function MenuCheckboxItem(t0) {
   }
   const unstyled = t1 === undefined ? false : t1;
   const indicator = t2 === undefined ? "start" : t2;
-  if (unstyled) {
-    let t3;
-    if ($[6] !== children || $[7] !== className || $[8] !== props) {
-      t3 = /*#__PURE__*/_jsx(BaseMenu.CheckboxItem, {
-        className: className,
-        ...props,
-        children: children
-      });
-      $[6] = children;
-      $[7] = className;
-      $[8] = props;
-      $[9] = t3;
-    } else {
-      t3 = $[9];
-    }
-    return t3;
-  }
   let t3;
-  if ($[10] !== className) {
-    t3 = withClass("menu-item", className);
-    $[10] = className;
-    $[11] = t3;
+  if ($[6] !== className || $[7] !== unstyled) {
+    t3 = unstyled ? className : withClass("menu-item", className);
+    $[6] = className;
+    $[7] = unstyled;
+    $[8] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[8];
   }
   let t4;
-  if ($[12] !== indicator) {
-    t4 = indicator === "start" && /*#__PURE__*/_jsx(MenuCheck, {
-      kind: "checkbox"
-    });
-    $[12] = indicator;
-    $[13] = t4;
+  if ($[9] !== children || $[10] !== indicator || $[11] !== unstyled) {
+    t4 = checkRow("checkbox", unstyled, indicator, children);
+    $[9] = children;
+    $[10] = indicator;
+    $[11] = unstyled;
+    $[12] = t4;
   } else {
-    t4 = $[13];
+    t4 = $[12];
   }
   let t5;
-  if ($[14] !== indicator) {
-    t5 = indicator === "end" && /*#__PURE__*/_jsx(MenuCheck, {
-      kind: "checkbox",
-      className: "ml-auto"
-    });
-    $[14] = indicator;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== children || $[17] !== props || $[18] !== t3 || $[19] !== t4 || $[20] !== t5) {
-    t6 = /*#__PURE__*/_jsxs(BaseMenu.CheckboxItem, {
+  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {
+    t5 = /*#__PURE__*/_jsx(BaseMenu.CheckboxItem, {
       className: t3,
       ...props,
-      children: [t4, children, t5]
+      children: t4
     });
-    $[16] = children;
-    $[17] = props;
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
-    $[21] = t6;
+    $[13] = props;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
   } else {
-    t6 = $[21];
+    t5 = $[16];
   }
-  return t6;
+  return t5;
 }
 export const MenuRadioGroup = BaseMenu.RadioGroup;
-/* One of several. The tick before its label is part of it. */
 export function MenuRadioItem(t0) {
-  const $ = _c(22);
+  const $ = _c(17);
   let children;
   let className;
   let props;
@@ -403,69 +366,40 @@ export function MenuRadioItem(t0) {
   }
   const unstyled = t1 === undefined ? false : t1;
   const indicator = t2 === undefined ? "start" : t2;
-  if (unstyled) {
-    let t3;
-    if ($[6] !== children || $[7] !== className || $[8] !== props) {
-      t3 = /*#__PURE__*/_jsx(BaseMenu.RadioItem, {
-        className: className,
-        ...props,
-        children: children
-      });
-      $[6] = children;
-      $[7] = className;
-      $[8] = props;
-      $[9] = t3;
-    } else {
-      t3 = $[9];
-    }
-    return t3;
-  }
   let t3;
-  if ($[10] !== className) {
-    t3 = withClass("menu-item", className);
-    $[10] = className;
-    $[11] = t3;
+  if ($[6] !== className || $[7] !== unstyled) {
+    t3 = unstyled ? className : withClass("menu-item", className);
+    $[6] = className;
+    $[7] = unstyled;
+    $[8] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[8];
   }
   let t4;
-  if ($[12] !== indicator) {
-    t4 = indicator === "start" && /*#__PURE__*/_jsx(MenuCheck, {
-      kind: "radio"
-    });
-    $[12] = indicator;
-    $[13] = t4;
+  if ($[9] !== children || $[10] !== indicator || $[11] !== unstyled) {
+    t4 = checkRow("radio", unstyled, indicator, children);
+    $[9] = children;
+    $[10] = indicator;
+    $[11] = unstyled;
+    $[12] = t4;
   } else {
-    t4 = $[13];
+    t4 = $[12];
   }
   let t5;
-  if ($[14] !== indicator) {
-    t5 = indicator === "end" && /*#__PURE__*/_jsx(MenuCheck, {
-      kind: "radio",
-      className: "ml-auto"
-    });
-    $[14] = indicator;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== children || $[17] !== props || $[18] !== t3 || $[19] !== t4 || $[20] !== t5) {
-    t6 = /*#__PURE__*/_jsxs(BaseMenu.RadioItem, {
+  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {
+    t5 = /*#__PURE__*/_jsx(BaseMenu.RadioItem, {
       className: t3,
       ...props,
-      children: [t4, children, t5]
+      children: t4
     });
-    $[16] = children;
-    $[17] = props;
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
-    $[21] = t6;
+    $[13] = props;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
   } else {
-    t6 = $[21];
+    t5 = $[16];
   }
-  return t6;
+  return t5;
 }
 export function MenuSubmenuTrigger(t0) {
   const $ = _c(14);
@@ -529,10 +463,7 @@ export function MenuSubmenuTrigger(t0) {
   }
   return t4;
 }
-/*
- * A row with buttons at its end that reads as one row. Its first item is the row, every `RowAction`
- * and `RowSubmenuTrigger` after it an item of its own, so the arrow keys reach each.
- */
+/* Its first item is the row, every `RowAction` and `RowSubmenuTrigger` after it an item of its own, so the arrow keys reach each. */
 export function MenuRow(t0) {
   const $ = _c(14);
   let className;
@@ -674,10 +605,7 @@ export function MenuRowAction(t0) {
   }
   return t4;
 }
-/*
- * A button in a `Menu.Row` that opens a submenu, inside a `Menu.SubmenuRoot`. It has no tooltip: the
- * submenu opens on the same hover and says what the button holds.
- */
+/* No tooltip: the submenu opens on the same hover and says what the button holds. */
 export function MenuRowSubmenuTrigger(t0) {
   const $ = _c(16);
   let className;

package/dist/middle-truncate.js

@@ -1,8 +1,7 @@
 export const MIDDLE_ELLIPSIS = '…';
 /*
- * The head and tail of `text` that keep the most of it around an ellipsis within `width`, or null
- * when the whole text fits. The tail gets the odd character, since the end of a path or a branch is
- * what tells two of them apart. Code points, never UTF-16 units, so a cut never halves a character.
+ * Null when the whole text fits. The tail gets the odd character, since the end of a path is what tells
+ * two of them apart. Code points, never UTF-16 units, so a cut never halves a character.
  */
 export function fitMiddle(text, width, measure) {
   if (measure(text) <= width) {

package/dist/placement.js

@@ -1,6 +1,5 @@
 /* The positioner props a popup part takes beside its own, so a caller places a popup on the one element it renders. */
 const PLACEMENT_KEYS = ['side', 'align', 'sideOffset', 'alignOffset', 'collisionPadding', 'collisionBoundary', 'collisionAvoidance', 'anchor', 'sticky', 'positionMethod'];
-/* Splits a popup part's props into what goes to the positioner and what goes to the popup. */
 export function splitPlacement(props) {
   const placement = {};
   const rest = {

package/dist/popover/parts.js

@@ -4,10 +4,7 @@ import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
 import { withClass } from '../class-name.js';
 import { splitPlacement } from '../placement.js';
 import { renderPositioner } from '../popup-layer.js';
-/*
- * The surface a popup is drawn on. `menu` is the padded card menus use, `picker` a card whose
- * content runs to its edges (a search field on top of a list), and `plain` leaves the surface to the caller.
- */
+/* `picker` is a card whose content runs to its edges, `plain` leaves the surface to the caller. */
 import { jsx as _jsx } from "react/jsx-runtime";
 const POPUP_VARIANT = {
   menu: 'menu-popup',
@@ -19,7 +16,6 @@ export const PopoverTrigger = BasePopover.Trigger;
 export const PopoverClose = BasePopover.Close;
 export const PopoverTitle = BasePopover.Title;
 export const PopoverDescription = BasePopover.Description;
-/* The portal, the positioner and the popup of a popover: under its trigger and lined up with its start unless it says otherwise. */
 export function PopoverPopup(t0) {
   const $ = _c(19);
   let align;

package/dist/popup-layer.js

@@ -3,9 +3,8 @@ import { createElement, useLayoutEffect } from 'react';
 // One attribute serves every open popup, so it stays until the last one closes.
 const open = new Set();
 /*
- * Marks the root with `data-popup-open` while a popup is open, which the theme reads to turn the
- * window's drag regions off. An attribute on the root instead of `:root:has(...)`, which made the
- * browser restyle the whole page on every DOM insertion.
+ * The theme reads `data-popup-open` to turn the window's drag regions off. An attribute instead of
+ * `:root:has(...)`, which made the browser restyle the whole page on every DOM insertion.
  */
 function usePopupLayer(isOpen) {
   const $ = _c(3);
@@ -44,7 +43,6 @@ function LayerPositioner(t0) {
   usePopupLayer(isOpen);
   return createElement("div", props);
 }
-/* The `render` of a popup's positioner, which knows whether the popup is open and so marks the root for as long as it is. */
 export const renderPositioner = (props, state) => createElement(LayerPositioner, {
   ...props,
   open: state.open

package/dist/prefetch.js

@@ -1,7 +1,6 @@
 /*
- * Loads lazy modules ahead of their first opening, one per idle moment and never two at once, so
- * the first open resolves from the module cache. A loader registered while everything is on
- * joins the end, which is how a lazy surface inside another lazy one gets its turn.
+ * One module per idle moment and never two at once. A loader registered while everything is on joins
+ * the end, which is how a lazy surface inside another lazy one gets its turn.
  */
 export class Prefetcher {
   registered = [];
@@ -27,7 +26,6 @@ export class Prefetcher {
       this.enqueue(load);
     }
   }
-  /* Loads this one module, ahead of whatever is registered. */
   prefetch(load) {
     if (!this.allowed()) {
       return Promise.resolve();
@@ -99,5 +97,4 @@ const whenIdle = run => {
 };
 /* Not in every DOM typing yet, and only Chromium reports it. */
 const savesData = () => navigator.connection?.saveData === true;
-/* The one every `lazyNamed` and `lazyDialog` registers with. */
 export const prefetcher = /* @__PURE__ */new Prefetcher(whenIdle, () => !savesData());

package/dist/selection.js

@@ -1,8 +1,4 @@
-/*
- * The text selection, as a context menu has to read it. The app has one selection at a time and a
- * menu belongs to the surface the click landed on, so both of these are scoped to an element.
- * A selection somewhere else is no selection this menu can copy.
- */
+/* A menu belongs to the surface the click landed on, so both of these are scoped to an element: a selection elsewhere is none this menu can copy. */
 export const selectionWithin = element => {
   const selection = window.getSelection();
   if (!element || !selection || selection.isCollapsed || selection.rangeCount === 0) {

package/dist/settings/MasterDetail.js

@@ -6,12 +6,7 @@ const LIST_WIDTHS = {
   320: 'w-80',
   340: 'w-85'
 };
-/*
- * A list beside the detail of what is picked in it, for a pane of many things of one kind (accounts,
- * devices, shortcut categories). Each side scrolls on its own, and the detail takes the rest of the
- * width, like a single-column pane. Its section must be `split`, so the dialog hands the pane its whole height
- * instead of a padded scrolling column.
- */
+/* Its section must be `split`, so the dialog hands the pane its whole height instead of a padded scrolling column. */
 export function MasterDetail(t0) {
   const $ = _c(15);
   const {
@@ -84,7 +79,6 @@ export function MasterDetail(t0) {
   }
   return t6;
 }
-/* One row of the list. The picked one is lifted a shade. */
 export function MasterItem(t0) {
   const $ = _c(9);
   const {

package/dist/settings/SettingsDialog.js

@@ -295,7 +295,6 @@ function SearchField(t0) {
   }
   return t10;
 }
-/* In place of the navigation while a query is typed: the panes and rows that match, each a jump to where it lives. */
 function SearchResults({
   search,
   query,
@@ -336,7 +335,7 @@ function SearchResults({
     }, `${result.section}:${result.id ?? ''}`))
   });
 }
-/* Sections on the left, one pane on the right. A pane mounts only while its section is open. */
+/* A pane mounts only while its section is open. */
 export function SettingsDialog(t0) {
   const $ = _c(110);
   const {

package/dist/settings/SettingsRow.js

@@ -7,7 +7,7 @@ import { useSettingsTarget } from './target.js';
 /* How long a row a search result jumped to stays lit. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TARGET_MS = 1600;
-/* An icon beside text that may wrap: the box is one line of `text-sm` high, so the icon sits on the first line. */
+/* The box is one line of `text-sm` high, so the icon sits on the first line of text that may wrap. */
 export function TopIcon(t0) {
   const $ = _c(7);
   const {
@@ -46,10 +46,7 @@ export function TopIcon(t0) {
   }
   return t3;
 }
-/*
- * One setting: what it is on the left, the control on the right. Where the two do not fit side by
- * side (a tablet, a narrow window) the control wraps under the label instead of widening the dialog.
- */
+/* Where label and control do not fit side by side, the control wraps under the label instead of widening the dialog. */
 export function SettingsRow(t0) {
   const $ = _c(35);
   const {

package/dist/settings/SettingsSection.js

@@ -1,7 +1,7 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { Icon } from "../Icon.js";
-/* A titled group of rows in one card; rows divide themselves with a hairline. Without a title it is the card alone. */
+/* Rows divide themselves with a hairline. Without a title it is the card alone. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SettingsSection(t0) {
   const $ = _c(20);

package/dist/shortcut-hints.js

@@ -14,11 +14,7 @@ export const registerShortcutHint = (element, shortcut) => {
   };
 };
 export const shortcutHintTargets = () => targets;
-/*
- * Whether the hints are up: the platform's modifier (Cmd on macOS, Ctrl elsewhere) held on its own for
- * `HINT_DELAY_MS`. Any other key, the modifier coming up or the caller cancelling takes them down, so
- * a shortcut pressed in passing never flashes them.
- */
+/* The platform's modifier held on its own for `HINT_DELAY_MS`; any other key takes the hints down, so a shortcut pressed in passing never flashes them. */
 export class ModifierHold {
   apple;
   onChange;

package/dist/shortcut.js

@@ -120,7 +120,7 @@ const KEY_LABELS = {
     other: '↓'
   }
 };
-/* The modifiers and the key as separate caps, in the order the platform prints them. */
+/* In the order the platform prints them. */
 export const shortcutParts = (target, apple) => {
   const parts = [];
   if (apple) {
@@ -174,5 +174,4 @@ export const KEY_SHORTCUTS = {
   shift: /* @__PURE__ */shortcut('Shift'),
   rename: /* @__PURE__ */shortcut('F2')
 };
-/* Whether the platform's own modifier is down during a pointer gesture: Cmd on macOS, Ctrl elsewhere. */
 export const isModHeld = (event, apple) => apple ? event.metaKey : event.ctrlKey;

package/dist/tabs/overflow.js

@@ -1,9 +1,4 @@
-/*
- * The tabs a strip shows, by index, given the width of every tab, the room the strip has, the gap
- * between two tabs and the width of the button that opens the rest. Everything fits, or the tabs fit
- * from the start up to the button. The kept tabs (the picked one, the pinned ones) are never left to
- * the menu: they take the place of the last ones that no longer fit beside them.
- */
+/* The kept tabs (the picked one, the pinned ones) never go to the menu: they take the place of the last ones that no longer fit beside them. */
 export const shownTabs = (widths, room, gap, more, kept) => {
   const span = indices => indices.reduce((sum, index) => sum + widths[index], 0) + gap * Math.max(0, indices.length - 1);
   const all = widths.map((_, index) => index);