@design-edito/tools 0.5.24 → 0.5.25

package/agnostic/arrays/index.d.ts

@@ -1,6 +1,6 @@
-export * as isArrayOf from './is-array-of/index.js'
+export * as dedupe from './dedupe/index.js'
 export * as findDuplicates from './find-duplicates/index.js'
+export * as isArrayOf from './is-array-of/index.js'
 export * as make from './make/index.js'
-export * as randomPick from './random-pick/index.js'
 export * as shuffle from './shuffle/index.js'
-export * as dedupe from './dedupe/index.js'
+export * as randomPick from './random-pick/index.js'

package/agnostic/arrays/index.js

@@ -1,6 +1,6 @@
-export * as isArrayOf from './is-array-of/index.js'
+export * as dedupe from './dedupe/index.js'
 export * as findDuplicates from './find-duplicates/index.js'
+export * as isArrayOf from './is-array-of/index.js'
 export * as make from './make/index.js'
-export * as randomPick from './random-pick/index.js'
 export * as shuffle from './shuffle/index.js'
-export * as dedupe from './dedupe/index.js'
+export * as randomPick from './random-pick/index.js'

package/agnostic/colors/index.d.ts

@@ -1,12 +1,12 @@
+export * as channels from './channels/index.js'
 export * as contrast from './contrast/index.js'
 export * as convert from './convert/index.js'
-export * as channels from './channels/index.js'
-export * as distance from './distance/index.js'
 export * as grayscale from './grayscale/index.js'
+export * as distance from './distance/index.js'
 export * as invert from './invert/index.js'
+export * as palette from './palette/index.js'
 export * as lerp from './lerp/index.js'
 export * as luminance from './luminance/index.js'
-export * as palette from './palette/index.js'
 export * as rotate from './rotate/index.js'
 export * as tidy from './tidy/index.js'
 export * as typechecks from './typechecks/index.js'

package/agnostic/colors/index.js

@@ -1,12 +1,12 @@
+export * as channels from './channels/index.js'
 export * as contrast from './contrast/index.js'
 export * as convert from './convert/index.js'
-export * as channels from './channels/index.js'
-export * as distance from './distance/index.js'
 export * as grayscale from './grayscale/index.js'
+export * as distance from './distance/index.js'
 export * as invert from './invert/index.js'
+export * as palette from './palette/index.js'
 export * as lerp from './lerp/index.js'
 export * as luminance from './luminance/index.js'
-export * as palette from './palette/index.js'
 export * as rotate from './rotate/index.js'
 export * as tidy from './tidy/index.js'
 export * as typechecks from './typechecks/index.js'

package/agnostic/css/index.d.ts

@@ -1,6 +1,6 @@
 export * as bem from './bem/index.js'
 export * as clss from './clss/index.js'
 export * as generateNiceColor from './generate-nice-color/index.js'
-export * as scale from './scale/index.js'
 export * as isValidCssClassName from './is-valid-css-class-name/index.js'
+export * as scale from './scale/index.js'
 export * as stylesSet from './styles-set/index.js'

package/agnostic/css/index.js

@@ -1,6 +1,6 @@
 export * as bem from './bem/index.js'
 export * as clss from './clss/index.js'
 export * as generateNiceColor from './generate-nice-color/index.js'
-export * as scale from './scale/index.js'
 export * as isValidCssClassName from './is-valid-css-class-name/index.js'
+export * as scale from './scale/index.js'
 export * as stylesSet from './styles-set/index.js'

package/agnostic/html/hyper-json/smart-tags/coalesced/index.d.ts

@@ -6,16 +6,16 @@ export * as at from './at/index.js'
 export * as call from './call/index.js'
 export * as clone from './clone/index.js'
 export * as deleteproperties from './deleteproperties/index.js'
-export * as getattribute from './getattribute/index.js'
+export * as equals from './equals/index.js'
 export * as getproperties from './getproperties/index.js'
+export * as getattribute from './getattribute/index.js'
 export * as getproperty from './getproperty/index.js'
 export * as hjparse from './hjparse/index.js'
-export * as equals from './equals/index.js'
 export * as hjstringify from './hjstringify/index.js'
-export * as if from './if/index.js'
 export * as initialize from './initialize/index.js'
-export * as length from './length/index.js'
+export * as if from './if/index.js'
 export * as join from './join/index.js'
+export * as length from './length/index.js'
 export * as map from './map/index.js'
 export * as negate from './negate/index.js'
 export * as notrailing from './notrailing/index.js'
@@ -23,10 +23,10 @@ export * as or from './or/index.js'
 export * as pickrandom from './pickrandom/index.js'
 export * as populate from './populate/index.js'
 export * as print from './print/index.js'
-export * as push from './push/index.js'
 export * as pusheach from './pusheach/index.js'
-export * as removeattribute from './removeattribute/index.js'
+export * as push from './push/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
+export * as removeattribute from './removeattribute/index.js'
 export * as removeclass from './removeclass/index.js'
 export * as renameproperty from './renameproperty/index.js'
 export * as replace from './replace/index.js'
@@ -35,18 +35,18 @@ export * as set from './set/index.js'
 export * as setattribute from './setattribute/index.js'
 export * as setproperty from './setproperty/index.js'
 export * as sorton from './sorton/index.js'
+export * as spread from './spread/index.js'
 export * as split from './split/index.js'
 export * as toarray from './toarray/index.js'
 export * as toboolean from './toboolean/index.js'
-export * as spread from './spread/index.js'
 export * as toelement from './toelement/index.js'
 export * as toggleclass from './toggleclass/index.js'
 export * as tonodelist from './tonodelist/index.js'
-export * as tonumber from './tonumber/index.js'
 export * as tonull from './tonull/index.js'
+export * as tonumber from './tonumber/index.js'
 export * as torecord from './torecord/index.js'
 export * as toref from './toref/index.js'
+export * as totext from './totext/index.js'
 export * as tostring from './tostring/index.js'
 export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
-export * as totext from './totext/index.js'

package/agnostic/html/hyper-json/smart-tags/coalesced/index.js

@@ -6,16 +6,16 @@ export * as at from './at/index.js'
 export * as call from './call/index.js'
 export * as clone from './clone/index.js'
 export * as deleteproperties from './deleteproperties/index.js'
-export * as getattribute from './getattribute/index.js'
+export * as equals from './equals/index.js'
 export * as getproperties from './getproperties/index.js'
+export * as getattribute from './getattribute/index.js'
 export * as getproperty from './getproperty/index.js'
 export * as hjparse from './hjparse/index.js'
-export * as equals from './equals/index.js'
 export * as hjstringify from './hjstringify/index.js'
-export * as if from './if/index.js'
 export * as initialize from './initialize/index.js'
-export * as length from './length/index.js'
+export * as if from './if/index.js'
 export * as join from './join/index.js'
+export * as length from './length/index.js'
 export * as map from './map/index.js'
 export * as negate from './negate/index.js'
 export * as notrailing from './notrailing/index.js'
@@ -23,10 +23,10 @@ export * as or from './or/index.js'
 export * as pickrandom from './pickrandom/index.js'
 export * as populate from './populate/index.js'
 export * as print from './print/index.js'
-export * as push from './push/index.js'
 export * as pusheach from './pusheach/index.js'
-export * as removeattribute from './removeattribute/index.js'
+export * as push from './push/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
+export * as removeattribute from './removeattribute/index.js'
 export * as removeclass from './removeclass/index.js'
 export * as renameproperty from './renameproperty/index.js'
 export * as replace from './replace/index.js'
@@ -35,18 +35,18 @@ export * as set from './set/index.js'
 export * as setattribute from './setattribute/index.js'
 export * as setproperty from './setproperty/index.js'
 export * as sorton from './sorton/index.js'
+export * as spread from './spread/index.js'
 export * as split from './split/index.js'
 export * as toarray from './toarray/index.js'
 export * as toboolean from './toboolean/index.js'
-export * as spread from './spread/index.js'
 export * as toelement from './toelement/index.js'
 export * as toggleclass from './toggleclass/index.js'
 export * as tonodelist from './tonodelist/index.js'
-export * as tonumber from './tonumber/index.js'
 export * as tonull from './tonull/index.js'
+export * as tonumber from './tonumber/index.js'
 export * as torecord from './torecord/index.js'
 export * as toref from './toref/index.js'
+export * as totext from './totext/index.js'
 export * as tostring from './tostring/index.js'
 export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
-export * as totext from './totext/index.js'

package/agnostic/html/hyper-json/smart-tags/isolated/index.d.ts

@@ -1,13 +1,13 @@
 export * as any from './any/index.js'
-export * as boolean from './boolean/index.js'
 export * as array from './array/index.js'
+export * as boolean from './boolean/index.js'
 export * as element from './element/index.js'
 export * as get from './get/index.js'
 export * as guess from './guess/index.js'
 export * as nodelist from './nodelist/index.js'
+export * as null from './null/index.js'
 export * as number from './number/index.js'
 export * as record from './record/index.js'
-export * as ref from './ref/index.js'
-export * as text from './text/index.js'
 export * as string from './string/index.js'
-export * as null from './null/index.js'
+export * as text from './text/index.js'
+export * as ref from './ref/index.js'

package/agnostic/html/hyper-json/smart-tags/isolated/index.js

@@ -1,13 +1,13 @@
 export * as any from './any/index.js'
-export * as boolean from './boolean/index.js'
 export * as array from './array/index.js'
+export * as boolean from './boolean/index.js'
 export * as element from './element/index.js'
 export * as get from './get/index.js'
 export * as guess from './guess/index.js'
 export * as nodelist from './nodelist/index.js'
+export * as null from './null/index.js'
 export * as number from './number/index.js'
 export * as record from './record/index.js'
-export * as ref from './ref/index.js'
-export * as text from './text/index.js'
 export * as string from './string/index.js'
-export * as null from './null/index.js'
+export * as text from './text/index.js'
+export * as ref from './ref/index.js'

package/agnostic/index.d.ts

@@ -1,17 +1,17 @@
-export * as arrays from './arrays/index.js'
 export * as booleans from './booleans/index.js'
+export * as arrays from './arrays/index.js'
 export * as css from './css/index.js'
 export * as colors from './colors/index.js'
 export * as html from './html/index.js'
 export * as errors from './errors/index.js'
 export * as misc from './misc/index.js'
 export * as numbers from './numbers/index.js'
-export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
+export * as objects from './objects/index.js'
 export * as regexps from './regexps/index.js'
 export * as random from './random/index.js'
 export * as strings from './strings/index.js'
-export * as sanitization from './sanitization/index.js'
 export * as subtitles from './subtitles/index.js'
 export * as time from './time/index.js'
+export * as sanitization from './sanitization/index.js'
 export * as typescript from './typescript/index.js'

package/agnostic/index.js

@@ -1,17 +1,17 @@
-export * as arrays from './arrays/index.js'
 export * as booleans from './booleans/index.js'
+export * as arrays from './arrays/index.js'
 export * as css from './css/index.js'
 export * as colors from './colors/index.js'
 export * as html from './html/index.js'
 export * as errors from './errors/index.js'
 export * as misc from './misc/index.js'
 export * as numbers from './numbers/index.js'
-export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
+export * as objects from './objects/index.js'
 export * as regexps from './regexps/index.js'
 export * as random from './random/index.js'
 export * as strings from './strings/index.js'
-export * as sanitization from './sanitization/index.js'
 export * as subtitles from './subtitles/index.js'
 export * as time from './time/index.js'
+export * as sanitization from './sanitization/index.js'
 export * as typescript from './typescript/index.js'

package/agnostic/misc/index.d.ts

@@ -1,12 +1,12 @@
 export * as assert from './assert/index.js'
 export * as cast from './cast/index.js'
-export * as connection from './connection/index.js'
 export * as crawler from './crawler/index.js'
+export * as crossenv from './crossenv/index.js'
+export * as connection from './connection/index.js'
 export * as dataSize from './data-size/index.js'
-export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as isNullish from './is-nullish/index.js'
-export * as loremIpsum from './lorem-ipsum/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as logs from './logs/index.js'
+export * as loremIpsum from './lorem-ipsum/index.js'
 export * as normalizeExtension from './normalize-extension/index.js'
-export * as crossenv from './crossenv/index.js'
 export * as outcome from './outcome/index.js'

package/agnostic/misc/index.js

@@ -1,12 +1,12 @@
 export * as assert from './assert/index.js'
 export * as cast from './cast/index.js'
-export * as connection from './connection/index.js'
 export * as crawler from './crawler/index.js'
+export * as crossenv from './crossenv/index.js'
+export * as connection from './connection/index.js'
 export * as dataSize from './data-size/index.js'
-export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as isNullish from './is-nullish/index.js'
-export * as loremIpsum from './lorem-ipsum/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as logs from './logs/index.js'
+export * as loremIpsum from './lorem-ipsum/index.js'
 export * as normalizeExtension from './normalize-extension/index.js'
-export * as crossenv from './crossenv/index.js'
 export * as outcome from './outcome/index.js'

package/agnostic/objects/index.d.ts

@@ -1,9 +1,9 @@
 export * as deepGetProperty from './deep-get-property/index.js'
 export * as flattenGetters from './flatten-getters/index.js'
+export * as enums from './enums/index.js'
 export * as isObject from './is-object/index.js'
-export * as recordFormat from './record-format/index.js'
 export * as isRecord from './is-record/index.js'
+export * as recordFormat from './record-format/index.js'
 export * as recordMap from './record-map/index.js'
-export * as sortKeys from './sort-keys/index.js'
 export * as validation from './validation/index.js'
-export * as enums from './enums/index.js'
+export * as sortKeys from './sort-keys/index.js'

package/agnostic/objects/index.js

@@ -1,9 +1,9 @@
 export * as deepGetProperty from './deep-get-property/index.js'
 export * as flattenGetters from './flatten-getters/index.js'
+export * as enums from './enums/index.js'
 export * as isObject from './is-object/index.js'
-export * as recordFormat from './record-format/index.js'
 export * as isRecord from './is-record/index.js'
+export * as recordFormat from './record-format/index.js'
 export * as recordMap from './record-map/index.js'
-export * as sortKeys from './sort-keys/index.js'
 export * as validation from './validation/index.js'
-export * as enums from './enums/index.js'
+export * as sortKeys from './sort-keys/index.js'

package/agnostic/strings/index.d.ts

@@ -1,8 +1,8 @@
 export * as charCodes from './char-codes/index.js'
 export * as matches from './matches/index.js'
-export * as parseTable from './parse-table/index.js'
-export * as replaceAll from './replace-all/index.js'
 export * as normalizeIndent from './normalize-indent/index.js'
+export * as replaceAll from './replace-all/index.js'
 export * as splitTrim from './split-trim/index.js'
-export * as toAlphanum from './to-alphanum/index.js'
 export * as trim from './trim/index.js'
+export * as toAlphanum from './to-alphanum/index.js'
+export * as parseTable from './parse-table/index.js'

package/agnostic/strings/index.js

@@ -1,8 +1,8 @@
 export * as charCodes from './char-codes/index.js'
 export * as matches from './matches/index.js'
-export * as parseTable from './parse-table/index.js'
-export * as replaceAll from './replace-all/index.js'
 export * as normalizeIndent from './normalize-indent/index.js'
+export * as replaceAll from './replace-all/index.js'
 export * as splitTrim from './split-trim/index.js'
-export * as toAlphanum from './to-alphanum/index.js'
 export * as trim from './trim/index.js'
+export * as toAlphanum from './to-alphanum/index.js'
+export * as parseTable from './parse-table/index.js'

package/agnostic/time/dates/index.d.ts

@@ -1,2 +1,2 @@
-export * as toFrenchRepublican from './to-french-republican/index.js'
 export * as formatDate from './format-date/index.js'
+export * as toFrenchRepublican from './to-french-republican/index.js'

package/agnostic/time/dates/index.js

@@ -1,2 +1,2 @@
-export * as toFrenchRepublican from './to-french-republican/index.js'
 export * as formatDate from './format-date/index.js'
+export * as toFrenchRepublican from './to-french-republican/index.js'

package/agnostic/time/index.d.ts

@@ -1,5 +1,5 @@
+export * as dates from './dates/index.js'
 export * as duration from './duration/index.js'
 export * as timeout from './timeout/index.js'
 export * as transitions from './transitions/index.js'
 export * as wait from './wait/index.js'
-export * as dates from './dates/index.js'

package/agnostic/time/index.js

@@ -1,5 +1,5 @@
+export * as dates from './dates/index.js'
 export * as duration from './duration/index.js'
 export * as timeout from './timeout/index.js'
 export * as transitions from './transitions/index.js'
 export * as wait from './wait/index.js'
-export * as dates from './dates/index.js'

package/components/ScrollListener/index.d.ts

@@ -1,43 +1,59 @@
 import { type FunctionComponent, type PropsWithChildren } from 'react';
-import type { WithClassName, WithViewportObservation } from '../utils/types.js';
+import type { WithClassName } from '../utils/types.js';
+import type { ViewportBehaviours } from '../utils/viewport-behaviours/types.js';
 import { type ScrollState } from './utils.js';
+import type { ScrollListenerAction } from './types.js';
 /**
  * Props for the {@link ScrollListener} component.
  *
- * @property startOnVisible - When `true`, scroll tracking only starts once the
- * component enters the viewport, instead of on mount.
- * @property stopOnHidden - When `true`, scroll tracking stops when the component
- * leaves the viewport.
+ * @property tracking - Whether the component is measuring, taken over by the consumer.
+ * Provided, it is the whole answer and the instructions no longer reach it.
+ * @property defaultTracking - Whether it starts measuring on mount. `true` by default,
+ * which is what this component has always done — a starting point and not a setting,
+ * hence `default…`. `defaultTracking={false}` with `whenVisible='track'` is the old
+ * `startOnVisible`, written in the shared grammar.
+ * @property behavioursSuspended - Holds back the instructions that **start** something,
+ * and lets through those that stop it. A gate reaches `'track'`: measuring a subtree
+ * nobody is being shown is work done for no one.
+ * @property onIsTrackingChanged - Called once the effective tracking state changed.
  * @property onScrollStateChanged - Called after the measured {@link ScrollState}
  * changed. Receives `undefined` until the first measurement lands.
- * @property onVisibilityChanged - Called on every intersection change, with
- * `true` when the component intersects the viewport.
+ * @property onVisibilityChanged - Called when the component enters or leaves the
+ * viewport, on the **settled** state — the `visibility…` delays included, so a consumer
+ * watching visibility and a consumer running instructions are told the same story.
  * @property onScrollProgressChanged - Called after the element's vertical outer
  * scroll progress changed: `0` when it is about to enter the viewport, `1` once
  * it has fully left it. Never on mount.
  * @property onScrollDirectionChanged - Called after the document scroll
  * direction changed, with `'up'` or `'down'`. Never on mount.
- * @property threshold - How much of the component has to be in view before it
- * counts as visible, forwarded to the internal {@link IntersectionObserver}.
- * @property root - The observer's root. Defaults to the viewport.
- * @property rootMargin - Grows or shrinks that root before measuring.
+ * @property visibilityThreshold - How much of the component has to be in view before it
+ * counts as visible. See `VisibilityOptions` for this and the four that follow it.
+ * @property visibilityRoot - The box visibility is measured against.
+ * @property visibilityRootMargin - Grows or shrinks that box before measuring.
+ * @property visibilityOnAfterMs - How long it must stay visible to count as visible.
+ * @property visibilityOffAfterMs - The same, on the way out.
  * @property className - Optional additional class name(s) applied to the root element.
  * @property children - React nodes rendered inside the scroll listener container.
  */
-export type Props = PropsWithChildren<WithClassName<WithViewportObservation<{
-    startOnVisible?: boolean;
-    stopOnHidden?: boolean;
+export type Props = PropsWithChildren<WithClassName<{
+    tracking?: boolean;
+    defaultTracking?: boolean;
+    onIsTrackingChanged?: (isTracking: boolean) => void;
     onScrollStateChanged?: (scrollState?: ScrollState) => void;
-    onVisibilityChanged?: (isVisible: boolean) => void;
     onScrollProgressChanged?: (progress: number) => void;
     onScrollDirectionChanged?: (direction: 'up' | 'down') => void;
-}>>>;
+}>> & ViewportBehaviours<ScrollListenerAction> & {
+    behavioursSuspended?: boolean;
+};
 /**
  * Exposes scroll metrics — both the document's and its own — as CSS custom
  * properties on its root element, so scroll-driven styling needs no JavaScript
  * of its own.
  *
  * ### Root element modifiers
+ * - `--tracking` — the component is measuring. The state, where `--measured` is its
+ *   consequence: a listener that has stopped keeps its last values, so it can be
+ *   measured and no longer tracking.
  * - `--measured` — a first measurement landed, so the properties below are set.
  * - `--scrolling-up` / `--scrolling-down` — the document's last known direction.
  *   Neither is present before the first scroll.
@@ -66,10 +82,21 @@ export type Props = PropsWithChildren<WithClassName<WithViewportObservation<{
  *
  * @param props - Component properties.
  * @see {@link Props}
- * @returns A container exposing the metrics, wrapping its children inside an
- * {@link IntersectionObserverComponent}.
+ * @returns A container exposing the metrics, with the children as its own.
  *
  * @remarks
+ * **Viewport-driven behaviour is declared, not named by a prop.** `whenVisible` and
+ * `whenHidden` take `'track'`, `'untrack'`, or a list, each optionally suffixed by
+ * `':once'` and `':force'`. The old `startOnVisible` is `defaultTracking={false}` plus
+ * `whenVisible='track'`, and `stopOnHidden` is `whenHidden='untrack'`. See
+ * `components/utils/viewport-behaviours` for the grammar, and the `visibility…` props for
+ * what « visible » means and how long it has to have been true.
+ *
+ * **The observer runs on the root itself.** There is no inner box between this element
+ * and the children any more, and that matters here more than anywhere else in the
+ * library: the whole point is a stylesheet animating on the properties this element
+ * carries, which it cannot do if what it wants to move sits one level below.
+ *
  * All mounted instances share a single pair of `scroll` / `resize` listeners and
  * a single measurement pass per animation frame — the document is measured once
  * for everyone, each element only for itself. The listeners exist only while at

package/components/ScrollListener/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { clss } from '../../agnostic/css/clss/index.js';
 import { randomHash } from '../../agnostic/random/uuid/index.js';
-import { IntersectionObserverComponent } from '../IntersectionObserver/index.js';
 import { mergeClassNames, useChangeDispatch } from '../utils/index.js';
+import { useViewportBehaviours } from '../utils/viewport-behaviours/index.js';
 import { scrollListener as publicClassName } from '../public-classnames.js';
 import { getScrollProgress, subscribe, toScrollCssProps, unsubscribe } from './utils.js';
 import cssModule from './styles.module.css';
@@ -13,6 +13,9 @@ import cssModule from './styles.module.css';
  * of its own.
  *
  * ### Root element modifiers
+ * - `--tracking` — the component is measuring. The state, where `--measured` is its
+ *   consequence: a listener that has stopped keeps its last values, so it can be
+ *   measured and no longer tracking.
  * - `--measured` — a first measurement landed, so the properties below are set.
  * - `--scrolling-up` / `--scrolling-down` — the document's last known direction.
  *   Neither is present before the first scroll.
@@ -41,26 +44,63 @@ import cssModule from './styles.module.css';
  *
  * @param props - Component properties.
  * @see {@link Props}
- * @returns A container exposing the metrics, wrapping its children inside an
- * {@link IntersectionObserverComponent}.
+ * @returns A container exposing the metrics, with the children as its own.
  *
  * @remarks
+ * **Viewport-driven behaviour is declared, not named by a prop.** `whenVisible` and
+ * `whenHidden` take `'track'`, `'untrack'`, or a list, each optionally suffixed by
+ * `':once'` and `':force'`. The old `startOnVisible` is `defaultTracking={false}` plus
+ * `whenVisible='track'`, and `stopOnHidden` is `whenHidden='untrack'`. See
+ * `components/utils/viewport-behaviours` for the grammar, and the `visibility…` props for
+ * what « visible » means and how long it has to have been true.
+ *
+ * **The observer runs on the root itself.** There is no inner box between this element
+ * and the children any more, and that matters here more than anywhere else in the
+ * library: the whole point is a stylesheet animating on the properties this element
+ * carries, which it cannot do if what it wants to move sits one level below.
+ *
  * All mounted instances share a single pair of `scroll` / `resize` listeners and
  * a single measurement pass per animation frame — the document is measured once
  * for everyone, each element only for itself. The listeners exist only while at
  * least one instance is tracking.
  */
-export const ScrollListener = ({ startOnVisible, stopOnHidden, threshold, root, rootMargin, onScrollStateChanged, onVisibilityChanged, onScrollProgressChanged, onScrollDirectionChanged, className, children }) => {
+export const ScrollListener = ({ tracking, defaultTracking, behavioursSuspended, visibilityThreshold, visibilityRoot, visibilityRootMargin, visibilityOnAfterMs, visibilityOffAfterMs, whenVisible, whenHidden, onIsTrackingChanged, onScrollStateChanged, onVisibilityChanged, onScrollProgressChanged, onScrollDirectionChanged, className, children }) => {
     // State & refs
     const [subscriberId] = useState(() => randomHash(6));
+    const [internalTracking, setInternalTracking] = useState(defaultTracking ?? true);
     const [scrollState, setScrollState] = useState();
     const [scrollDirection, setScrollDirection] = useState(null);
     const rootRef = useRef(null);
     const previousScrollYRef = useRef(null);
+    const isTracking = tracking ?? internalTracking;
     const scrollProgress = scrollState === undefined
         ? undefined
         : getScrollProgress(scrollState).y;
+    // Viewport behaviours
+    // Measuring is the only thing this component does, so starting and stopping it is the
+    // whole vocabulary. `track` and `untrack` need no guard against a controlled
+    // `tracking`: the effective state reads the prop first, so the internal one they write
+    // is simply never consulted.
+    const actions = {
+        track: { kind: 'start', domain: 'tracking', run: () => setInternalTracking(true) },
+        untrack: { kind: 'stop', domain: 'tracking', run: () => setInternalTracking(false) }
+    };
+    // The surrender half of the result is dropped: this component has no control a reader
+    // could take over. The observer runs on the root itself — there is no inner box any
+    // more, and that matters more here than anywhere: a stylesheet reads the measurements
+    // off this element, so its children have to be its children.
+    useViewportBehaviours(rootRef, {
+        visibilityThreshold,
+        visibilityRoot,
+        visibilityRootMargin,
+        visibilityOnAfterMs,
+        visibilityOffAfterMs,
+        whenVisible,
+        whenHidden,
+        onVisibilityChanged
+    }, actions, behavioursSuspended === true);
     // State dispatch
+    useChangeDispatch(isTracking, onIsTrackingChanged);
     useChangeDispatch(scrollState, onScrollStateChanged);
     useChangeDispatch(scrollProgress, progress => { if (progress !== undefined)
         onScrollProgressChanged?.(progress); });
@@ -77,27 +117,20 @@ export const ScrollListener = ({ startOnVisible, stopOnHidden, threshold, root,
             return;
         setScrollDirection(y > previous ? 'down' : 'up');
     }, [scrollState]);
-    // Fx. no dep. - track from mount, unless waiting for the component to show up.
-    // The cleanup runs whichever way the subscription was opened.
+    // Fx. dep. `isTracking` - the subscription follows the state, and nothing else opens
+    // or closes it. The measurements are left on their last values when it closes: a
+    // stylesheet reading `--lm-scroll-listener-scroll-y` must not see it drop to zero
+    // because the element went off screen.
     useEffect(() => {
-        if (startOnVisible !== true) {
-            subscribe(subscriberId, { rootRef, onScrollStateChange: setScrollState });
-        }
+        if (!isTracking)
+            return;
+        subscribe(subscriberId, { rootRef, onScrollStateChange: setScrollState });
         return () => unsubscribe(subscriberId);
-    }, []);
-    // User action handlers
-    const handleIntersection = useCallback(({ ioEntry }) => {
-        const isVisible = ioEntry?.isIntersecting ?? false;
-        onVisibilityChanged?.(isVisible);
-        if (isVisible && startOnVisible === true) {
-            subscribe(subscriberId, { rootRef, onScrollStateChange: setScrollState });
-        }
-        if (!isVisible && stopOnHidden === true)
-            unsubscribe(subscriberId);
-    }, [startOnVisible, stopOnHidden, onVisibilityChanged]);
+    }, [isTracking]);
     // Rendering
     const c = clss(publicClassName, { cssModule });
     const rootClss = mergeClassNames(c(null, {
+        tracking: isTracking,
         measured: scrollState !== undefined,
         'scrolling-up': scrollDirection === 'up',
         'scrolling-down': scrollDirection === 'down'
@@ -105,5 +138,5 @@ export const ScrollListener = ({ startOnVisible, stopOnHidden, threshold, root,
     const customProps = scrollState === undefined
         ? {}
         : toScrollCssProps(scrollState);
-    return _jsx("div", { className: rootClss, ref: rootRef, style: { ...customProps }, children: _jsx(IntersectionObserverComponent, { threshold: threshold, root: root, rootMargin: rootMargin, onIntersected: handleIntersection, children: children }) });
+    return _jsx("div", { className: rootClss, ref: rootRef, style: { ...customProps }, children: children });
 };

package/components/ScrollListener/types.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The verbs a scroll listener answers to.
+ *
+ * Two, and there could not be more: measuring is the only thing this component does, so
+ * starting and stopping it is the whole of what a trigger can act on. `track` is the old
+ * `startOnVisible` and `untrack` the old `stopOnHidden`, said in the grammar the library
+ * shares rather than in two props of its own.
+ *
+ * Neither takes an argument.
+ */
+export declare const SCROLL_LISTENER_VERBS: readonly ["track", "untrack"];
+export type ScrollListenerVerb = typeof SCROLL_LISTENER_VERBS[number];
+/**
+ * The instructions a consumer writes in `whenVisible` / `whenHidden`.
+ *
+ * No verb takes an argument here, so an action *is* a verb. Both take the `':once'` and
+ * `':force'` suffixes, which are the generic layer's and are not restated here.
+ */
+export type ScrollListenerAction = ScrollListenerVerb;
+/**
+ * What a verb competes with — one domain, and it is a formality.
+ *
+ * **This component has no controls**: nothing to click, so nothing a reader can take over
+ * and nothing that ever surrenders. The field is part of `ActionSpec` and is declared
+ * honestly rather than split into domains no hand could ever tell apart. The consequence
+ * is that `':force'` has no trigger here.
+ *
+ * A gate is the other brake, and it does reach `track`: measuring a subtree nobody is
+ * being shown is work done for no one.
+ */
+export type ScrollListenerDomain = 'tracking';

package/components/ScrollListener/types.js

@@ -0,0 +1,14 @@
+/**
+ * The verbs a scroll listener answers to.
+ *
+ * Two, and there could not be more: measuring is the only thing this component does, so
+ * starting and stopping it is the whole of what a trigger can act on. `track` is the old
+ * `startOnVisible` and `untrack` the old `stopOnHidden`, said in the grammar the library
+ * shares rather than in two props of its own.
+ *
+ * Neither takes an argument.
+ */
+export const SCROLL_LISTENER_VERBS = [
+    'track',
+    'untrack'
+];

package/components/Sequencer/index.d.ts

@@ -3,10 +3,11 @@ import type { WithClassName } from '../utils/types.js';
 import type { ViewportBehaviours } from '../utils/viewport-behaviours/types.js';
 import type { SequencerAction } from './types.js';
 /**
- * @property totalSteps - How many steps the sequence has. Falls back to the number of
- * **element** children: text and whitespace never count, which matters more than it
- * looks — an article writes its children across several lines, and a text node counting
- * as a step would put every index out by one.
+ * @property totalSteps - How many steps the sequence has. Falls back to the first child
+ * marked `data-last-step`, which sets the count to its own position plus one, and then
+ * to the number of **element** children: text and whitespace never count, which matters
+ * more than it looks — an article writes its children across several lines, and a text
+ * node counting as a step would put every index out by one.
  * @property stepMap - Rewrites what a position means, **by position and nothing else**:
  * at position `i` the active step is `stepMap[i]` when there is one, and `i` otherwise.
  * `[2, 6, 7]` over seven steps plays `2, 6, 7, 3, 4, 5, 6` — a step may be skipped, may
@@ -77,6 +78,20 @@ export type Props = PropsWithChildren<WithClassName<{
  * opened rather than counted**: it groups without rendering an element of its own, so
  * there would be nothing to class and nothing to show for the step it would consume.
  *
+ * ### Where the sequence ends
+ * A child marked `data-last-step` ends it, and what follows still takes part — through
+ * `data-steps` alone. That is what lets an article write the steps in reading order and
+ * put the children belonging to several of them at once **after**, where they read as
+ * what they are, rather than having their position counted as a step of its own:
+ *
+ * ```html
+ * <div>1</div><div>2</div><div data-last-step>3</div>
+ * <div data-steps="0, 1">both of the first two</div>
+ * ```
+ *
+ * Three steps, four children. A trailing child that names no step never lights up, which
+ * is the honest reading of « it is not part of the sequence ».
+ *
  * @remarks
  * **Viewport-driven behaviour is declared, not named by a prop.** `whenVisible` and
  * `whenHidden` take a verb or a list of them, out of {@link SequencerAction} — `'play'`,

package/components/Sequencer/index.js

@@ -20,6 +20,23 @@ import cssModule from './styles.module.css';
  * and a stylesheet can select on it.
  */
 const STEPS_ATTRIBUTE = 'data-steps';
+/**
+ * The attribute a child uses to say that the sequence ends on it.
+ *
+ * It answers a shape the positional fallback could not: an article writes the steps in
+ * reading order, then — **after** the sequence proper — the children that belong to
+ * several steps at once and name them with {@link STEPS_ATTRIBUTE}. Those trailing
+ * children would each claim a step of their own in the count, and the sequence would run
+ * on into steps where nothing but them is lit.
+ *
+ * Marking the last step is what separates the two halves, and it is written where the
+ * separation is rather than recounted in a prop — the same reason `data-steps` lives on
+ * the child. A child after the mark that names no step therefore never lights up, which
+ * is the honest reading of « it is not part of the sequence ».
+ *
+ * Valueless, as an HTML boolean attribute: what matters is that it is there.
+ */
+const LAST_STEP_ATTRIBUTE = 'data-last-step';
 /**
  * `data-steps="2, 6"` into the steps it names.
  *
@@ -61,6 +78,20 @@ function flattenChildren(nodes) {
         return flattenChildren(children);
     });
 }
+/**
+ * Whether a child carries {@link LAST_STEP_ATTRIBUTE}.
+ *
+ * Present is enough — `data-last-step` alone gives `''` through lm-html, and `true`
+ * written in JSX. Only an explicit denial is read as one, so that a consumer computing
+ * the attribute can write `false` without having to leave it out.
+ */
+function isLastStep(child) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- a React element's props are a record, whatever else they are
+    const raw = child.props[LAST_STEP_ATTRIBUTE];
+    if (raw === undefined || raw === null)
+        return false;
+    return raw !== false && raw !== 'false';
+}
 /** The steps a child answers to: what it declares, or where it sits. */
 function stepsOf(child, elementIndex) {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- a React element's props are a record, whatever else they are
@@ -83,6 +114,20 @@ function stepsOf(child, elementIndex) {
  * opened rather than counted**: it groups without rendering an element of its own, so
  * there would be nothing to class and nothing to show for the step it would consume.
  *
+ * ### Where the sequence ends
+ * A child marked `data-last-step` ends it, and what follows still takes part — through
+ * `data-steps` alone. That is what lets an article write the steps in reading order and
+ * put the children belonging to several of them at once **after**, where they read as
+ * what they are, rather than having their position counted as a step of its own:
+ *
+ * ```html
+ * <div>1</div><div>2</div><div data-last-step>3</div>
+ * <div data-steps="0, 1">both of the first two</div>
+ * ```
+ *
+ * Three steps, four children. A trailing child that names no step never lights up, which
+ * is the honest reading of « it is not part of the sequence ».
+ *
  * @remarks
  * **Viewport-driven behaviour is declared, not named by a prop.** `whenVisible` and
  * `whenHidden` take a verb or a list of them, out of {@link SequencerAction} — `'play'`,
@@ -122,7 +167,13 @@ export const Sequencer = ({ totalSteps, stepMap, step, defaultStep, play, defaul
     // Children, split once: what takes part and what merely renders.
     const childrenArr = flattenChildren(children);
     const elements = childrenArr.filter(isValidElement);
-    const stepsCount = Math.max(totalSteps ?? elements.length, 0);
+    // Three answers to « how long is the sequence », in decreasing order of explicitness:
+    // the prop, then the child that says the sequence ends on it, then the count of
+    // element children. The prop wins because it is the one a consumer writes knowing the
+    // whole, where the mark only knows where it sits.
+    const markedLast = elements.findIndex(isLastStep);
+    const impliedSteps = markedLast === -1 ? elements.length : markedLast + 1;
+    const stepsCount = Math.max(totalSteps ?? impliedSteps, 0);
     // The two numbers
     const rawStep = step ?? internalStep;
     const position = stepsCount > 0

package/components/index.d.ts

@@ -3,9 +3,9 @@ export * as button from './Button/index.js'
 export * as clippable from './Clippable/index.js'
 export * as disclaimer from './Disclaimer/index.js'
 export * as drawer from './Drawer/index.js'
+export * as eventListener from './EventListener/index.js'
 export * as gallery from './Gallery/index.js'
 export * as iframe from './Iframe/index.js'
-export * as eventListener from './EventListener/index.js'
 export * as image from './Image/index.js'
 export * as input from './Input/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
@@ -15,15 +15,15 @@ export * as listLoader from './ListLoader/index.js'
 export * as overlayer from './Overlayer/index.js'
 export * as paginator from './Paginator/index.js'
 export * as resizeObserver from './ResizeObserver/index.js'
-export * as scrollListener from './ScrollListener/index.js'
 export * as scrllgngn from './Scrllgngn/index.js'
+export * as scrollListener from './ScrollListener/index.js'
 export * as select from './Select/index.js'
 export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'
 export * as textarea from './Textarea/index.js'
-export * as uiModule from './UIModule/index.js'
 export * as video from './Video/index.js'
+export * as uiModule from './UIModule/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'
 export * as wipIcon from './_WIP_Icon/index.js'
 export * as utils from './utils/index.js'

package/components/index.js

@@ -3,9 +3,9 @@ export * as button from './Button/index.js'
 export * as clippable from './Clippable/index.js'
 export * as disclaimer from './Disclaimer/index.js'
 export * as drawer from './Drawer/index.js'
+export * as eventListener from './EventListener/index.js'
 export * as gallery from './Gallery/index.js'
 export * as iframe from './Iframe/index.js'
-export * as eventListener from './EventListener/index.js'
 export * as image from './Image/index.js'
 export * as input from './Input/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
@@ -15,15 +15,15 @@ export * as listLoader from './ListLoader/index.js'
 export * as overlayer from './Overlayer/index.js'
 export * as paginator from './Paginator/index.js'
 export * as resizeObserver from './ResizeObserver/index.js'
-export * as scrollListener from './ScrollListener/index.js'
 export * as scrllgngn from './Scrllgngn/index.js'
+export * as scrollListener from './ScrollListener/index.js'
 export * as select from './Select/index.js'
 export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'
 export * as textarea from './Textarea/index.js'
-export * as uiModule from './UIModule/index.js'
 export * as video from './Video/index.js'
+export * as uiModule from './UIModule/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'
 export * as wipIcon from './_WIP_Icon/index.js'
 export * as utils from './utils/index.js'

package/components/utils/types.d.ts

@@ -17,24 +17,14 @@ export type WithClassName<T extends Record<string, unknown>> = T & {
  * They mirror `ObserverOptions` of the `IntersectionObserver` component, where they
  * end up. Restated here rather than imported from it: that component reads
  * {@link WithClassName} from this very file, and the two shouldn't import each other.
+ *
+ * **`ListLoader` is the last consumer**, and that is the shape of things: a component
+ * that watches itself to *do* something now takes `ViewportBehaviours` instead, which
+ * carries its own `visibility…` dial. What is left here is for the one that watches a
+ * sentinel to load more — no vocabulary, no instructions, just an observer.
  */
 export type ViewportObserverOptions = {
     threshold?: number | number[];
     root?: HTMLElement;
     rootMargin?: string;
 };
-/**
- * Extends a type with an internal observer's settings and with what it sees.
- *
- * For a component observing **one** element — itself, usually. A component with
- * several observers takes {@link ViewportObserverOptions} alone, since a single
- * visibility handler couldn't say which of them crossed.
- *
- * `Scrllgngn` deliberately stays out of both: its observers take a `rootMargin`
- * derived from its `viewportOffset*` props, which are its own version of the dial.
- *
- * @template T - The base type to extend.
- */
-export type WithViewportObservation<T extends Record<string, unknown>> = T & ViewportObserverOptions & {
-    onVisibilityChanged?: (isVisible: boolean) => void;
-};

package/node/@aws-s3/storage/file/index.d.ts

@@ -1,7 +1,7 @@
-export * as download from './download/index.js'
 export * as copy from './copy/index.js'
+export * as download from './download/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
-export * as stat from './stat/index.js'
 export * as remove from './remove/index.js'
+export * as stat from './stat/index.js'
 export * as upload from './upload/index.js'

package/node/@aws-s3/storage/file/index.js

@@ -1,7 +1,7 @@
-export * as download from './download/index.js'
 export * as copy from './copy/index.js'
+export * as download from './download/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
-export * as stat from './stat/index.js'
 export * as remove from './remove/index.js'
+export * as stat from './stat/index.js'
 export * as upload from './upload/index.js'

package/node/@google-cloud/storage/file/index.d.ts

@@ -1,12 +1,12 @@
 export * as copy from './copy/index.js'
+export * as exists from './exists/index.js'
 export * as download from './download/index.js'
 export * as generateSignedUrl from './generate-signed-url/index.js'
-export * as exists from './exists/index.js'
 export * as getMetadata from './get-metadata/index.js'
 export * as getPermissions from './get-permissions/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'
-export * as stat from './stat/index.js'
 export * as revokeSignedUrls from './revoke-signed-urls/index.js'
-export * as upload from './upload/index.js'
+export * as stat from './stat/index.js'
 export * as updateMetadata from './update-metadata/index.js'
+export * as upload from './upload/index.js'

package/node/@google-cloud/storage/file/index.js

@@ -1,12 +1,12 @@
 export * as copy from './copy/index.js'
+export * as exists from './exists/index.js'
 export * as download from './download/index.js'
 export * as generateSignedUrl from './generate-signed-url/index.js'
-export * as exists from './exists/index.js'
 export * as getMetadata from './get-metadata/index.js'
 export * as getPermissions from './get-permissions/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'
-export * as stat from './stat/index.js'
 export * as revokeSignedUrls from './revoke-signed-urls/index.js'
-export * as upload from './upload/index.js'
+export * as stat from './stat/index.js'
 export * as updateMetadata from './update-metadata/index.js'
+export * as upload from './upload/index.js'

package/node/@google-cloud/storage/index.d.ts

@@ -1,3 +1,3 @@
 export * as bucket from './bucket/index.js'
-export * as directory from './directory/index.js'
 export * as file from './file/index.js'
+export * as directory from './directory/index.js'

package/node/@google-cloud/storage/index.js

@@ -1,3 +1,3 @@
 export * as bucket from './bucket/index.js'
-export * as directory from './directory/index.js'
 export * as file from './file/index.js'
+export * as directory from './directory/index.js'

package/node/cloud-storage/operations/index.d.ts

@@ -5,7 +5,7 @@ export * as existsFile from './exists-file/index.js'
 export * as listDir from './list-dir/index.js'
 export * as moveDir from './move-dir/index.js'
 export * as moveFile from './move-file/index.js'
-export * as removeFile from './remove-file/index.js'
 export * as removeDir from './remove-dir/index.js'
+export * as removeFile from './remove-file/index.js'
 export * as statFile from './stat-file/index.js'
 export * as uploadFile from './upload-file/index.js'

package/node/cloud-storage/operations/index.js

@@ -5,7 +5,7 @@ export * as existsFile from './exists-file/index.js'
 export * as listDir from './list-dir/index.js'
 export * as moveDir from './move-dir/index.js'
 export * as moveFile from './move-file/index.js'
-export * as removeFile from './remove-file/index.js'
 export * as removeDir from './remove-dir/index.js'
+export * as removeFile from './remove-file/index.js'
 export * as statFile from './stat-file/index.js'
 export * as uploadFile from './upload-file/index.js'

package/node/ftps/file/index.d.ts

@@ -1,6 +1,6 @@
 export * as copy from './copy/index.js'
-export * as exists from './exists/index.js'
 export * as download from './download/index.js'
+export * as exists from './exists/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'

package/node/ftps/file/index.js

@@ -1,6 +1,6 @@
 export * as copy from './copy/index.js'
-export * as exists from './exists/index.js'
 export * as download from './download/index.js'
+export * as exists from './exists/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'

package/node/index.d.ts

@@ -1,11 +1,11 @@
 export * as awsS3 from './@aws-s3/index.js'
 export * as designEdito from './@design-edito/index.js'
 export * as express from './@express/index.js'
-export * as googleCloud from './@google-cloud/index.js'
 export * as cloudStorage from './cloud-storage/index.js'
+export * as googleCloud from './@google-cloud/index.js'
 export * as encryption from './encryption/index.js'
 export * as files from './files/index.js'
+export * as ftps from './ftps/index.js'
 export * as images from './images/index.js'
 export * as process from './process/index.js'
-export * as ftps from './ftps/index.js'
 export * as sftp from './sftp/index.js'

package/node/index.js

@@ -1,11 +1,11 @@
 export * as awsS3 from './@aws-s3/index.js'
 export * as designEdito from './@design-edito/index.js'
 export * as express from './@express/index.js'
-export * as googleCloud from './@google-cloud/index.js'
 export * as cloudStorage from './cloud-storage/index.js'
+export * as googleCloud from './@google-cloud/index.js'
 export * as encryption from './encryption/index.js'
 export * as files from './files/index.js'
+export * as ftps from './ftps/index.js'
 export * as images from './images/index.js'
 export * as process from './process/index.js'
-export * as ftps from './ftps/index.js'
 export * as sftp from './sftp/index.js'

package/node/process/index.d.ts

@@ -1,3 +1,3 @@
 export * as onExit from './on-exit/index.js'
-export * as promptContinue from './prompt-continue/index.js'
 export * as spawner from './spawner/index.js'
+export * as promptContinue from './prompt-continue/index.js'

package/node/process/index.js

@@ -1,3 +1,3 @@
 export * as onExit from './on-exit/index.js'
-export * as promptContinue from './prompt-continue/index.js'
 export * as spawner from './spawner/index.js'
+export * as promptContinue from './prompt-continue/index.js'

package/node/sftp/file/index.d.ts

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
-export * as exists from './exists/index.js'
-export * as move from './move/index.js'
 export * as remove from './remove/index.js'
+export * as move from './move/index.js'
+export * as exists from './exists/index.js'
 export * as stat from './stat/index.js'
 export * as upload from './upload/index.js'

package/node/sftp/file/index.js

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
-export * as exists from './exists/index.js'
-export * as move from './move/index.js'
 export * as remove from './remove/index.js'
+export * as move from './move/index.js'
+export * as exists from './exists/index.js'
 export * as stat from './stat/index.js'
 export * as upload from './upload/index.js'

package/node/sftp/index.d.ts

@@ -1,2 +1,2 @@
-export * as file from './file/index.js'
 export * as directory from './directory/index.js'
+export * as file from './file/index.js'

package/node/sftp/index.js

@@ -1,2 +1,2 @@
-export * as file from './file/index.js'
 export * as directory from './directory/index.js'
+export * as file from './file/index.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-edito/tools",
-  "version": "0.5.24",
+  "version": "0.5.25",
   "description": "",
   "author": "Maxime Fabas",
   "license": "ISC",
@@ -1544,6 +1544,10 @@
     "./components/ScrollListener/index.js": {
       "import": "./components/ScrollListener/index.js"
     },
+    "./components/ScrollListener/types.js": {
+      "import": "./components/ScrollListener/types.js",
+      "types": "./components/ScrollListener/types.d.ts"
+    },
     "./components/Select": {
       "import": "./components/Select/index.js",
       "types": "./components/Select/index.d.ts"