@design-edito/tools 0.5.29 → 0.5.31

package/agnostic/arrays/index.d.ts

@@ -1,6 +1,6 @@
 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 make from './make/index.js'

package/agnostic/arrays/index.js

@@ -1,6 +1,6 @@
 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 make from './make/index.js'

package/agnostic/colors/index.d.ts

@@ -6,7 +6,7 @@ export * as grayscale from './grayscale/index.js'
 export * as invert from './invert/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 palette from './palette/index.js'
 export * as tidy from './tidy/index.js'
 export * as typechecks from './typechecks/index.js'

package/agnostic/colors/index.js

@@ -6,7 +6,7 @@ export * as grayscale from './grayscale/index.js'
 export * as invert from './invert/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 palette from './palette/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 bem from './bem/index.js'
 export * as generateNiceColor from './generate-nice-color/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'
+export * as scale from './scale/index.js'
+export * as isValidCssClassName from './is-valid-css-class-name/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 bem from './bem/index.js'
 export * as generateNiceColor from './generate-nice-color/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'
+export * as scale from './scale/index.js'
+export * as isValidCssClassName from './is-valid-css-class-name/index.js'

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

@@ -6,37 +6,38 @@ 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 equals from './equals/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 getproperty from './getproperty/index.js'
 export * as hjparse from './hjparse/index.js'
 export * as hjstringify from './hjstringify/index.js'
-export * as initialize from './initialize/index.js'
 export * as if from './if/index.js'
+export * as initialize from './initialize/index.js'
 export * as join from './join/index.js'
 export * as map from './map/index.js'
+export * as length from './length/index.js'
 export * as negate from './negate/index.js'
 export * as notrailing from './notrailing/index.js'
 export * as or from './or/index.js'
-export * as populate from './populate/index.js'
 export * as pickrandom from './pickrandom/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 length from './length/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
-export * as removeclass from './removeclass/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'
 export * as set from './set/index.js'
 export * as select from './select/index.js'
-export * as setproperty from './setproperty/index.js'
 export * as setattribute from './setattribute/index.js'
-export * as spread from './spread/index.js'
+export * as populate from './populate/index.js'
 export * as sorton from './sorton/index.js'
+export * as setproperty from './setproperty/index.js'
+export * as spread from './spread/index.js'
 export * as toarray from './toarray/index.js'
+export * as split from './split/index.js'
 export * as toboolean from './toboolean/index.js'
 export * as toelement from './toelement/index.js'
 export * as toggleclass from './toggleclass/index.js'
@@ -44,9 +45,8 @@ export * as tonodelist from './tonodelist/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 tostring from './tostring/index.js'
 export * as totext from './totext/index.js'
 export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
-export * as split from './split/index.js'
+export * as toref from './toref/index.js'

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

@@ -6,37 +6,38 @@ 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 equals from './equals/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 getproperty from './getproperty/index.js'
 export * as hjparse from './hjparse/index.js'
 export * as hjstringify from './hjstringify/index.js'
-export * as initialize from './initialize/index.js'
 export * as if from './if/index.js'
+export * as initialize from './initialize/index.js'
 export * as join from './join/index.js'
 export * as map from './map/index.js'
+export * as length from './length/index.js'
 export * as negate from './negate/index.js'
 export * as notrailing from './notrailing/index.js'
 export * as or from './or/index.js'
-export * as populate from './populate/index.js'
 export * as pickrandom from './pickrandom/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 length from './length/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
-export * as removeclass from './removeclass/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'
 export * as set from './set/index.js'
 export * as select from './select/index.js'
-export * as setproperty from './setproperty/index.js'
 export * as setattribute from './setattribute/index.js'
-export * as spread from './spread/index.js'
+export * as populate from './populate/index.js'
 export * as sorton from './sorton/index.js'
+export * as setproperty from './setproperty/index.js'
+export * as spread from './spread/index.js'
 export * as toarray from './toarray/index.js'
+export * as split from './split/index.js'
 export * as toboolean from './toboolean/index.js'
 export * as toelement from './toelement/index.js'
 export * as toggleclass from './toggleclass/index.js'
@@ -44,9 +45,8 @@ export * as tonodelist from './tonodelist/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 tostring from './tostring/index.js'
 export * as totext from './totext/index.js'
 export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
-export * as split from './split/index.js'
+export * as toref from './toref/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 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 guess from './guess/index.js'
 export * as null from './null/index.js'
-export * as ref from './ref/index.js'
 export * as number from './number/index.js'
 export * as record from './record/index.js'
-export * as element from './element/index.js'
+export * as ref from './ref/index.js'
 export * as string from './string/index.js'
 export * as text from './text/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 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 guess from './guess/index.js'
 export * as null from './null/index.js'
-export * as ref from './ref/index.js'
 export * as number from './number/index.js'
 export * as record from './record/index.js'
-export * as element from './element/index.js'
+export * as ref from './ref/index.js'
 export * as string from './string/index.js'
 export * as text from './text/index.js'

package/agnostic/html/index.d.ts

@@ -1,10 +1,10 @@
-export * as deepSelect from './deep-select/index.js'
-export * as getNodeAncestors from './get-node-ancestors/index.js'
 export * as hyperJson from './hyper-json/index.js'
+export * as deepSelect from './deep-select/index.js'
 export * as insertNode from './insert-node/index.js'
 export * as placeholders from './placeholders/index.js'
+export * as getNodeAncestors from './get-node-ancestors/index.js'
 export * as replaceInElement from './replace-in-element/index.js'
-export * as getPositionInsideParent from './get-position-inside-parent/index.js'
 export * as selectorToElement from './selector-to-element/index.js'
 export * as stringToNodes from './string-to-nodes/index.js'
 export * as watchSelection from './watch-selection/index.js'
+export * as getPositionInsideParent from './get-position-inside-parent/index.js'

package/agnostic/html/index.js

@@ -1,10 +1,10 @@
-export * as deepSelect from './deep-select/index.js'
-export * as getNodeAncestors from './get-node-ancestors/index.js'
 export * as hyperJson from './hyper-json/index.js'
+export * as deepSelect from './deep-select/index.js'
 export * as insertNode from './insert-node/index.js'
 export * as placeholders from './placeholders/index.js'
+export * as getNodeAncestors from './get-node-ancestors/index.js'
 export * as replaceInElement from './replace-in-element/index.js'
-export * as getPositionInsideParent from './get-position-inside-parent/index.js'
 export * as selectorToElement from './selector-to-element/index.js'
 export * as stringToNodes from './string-to-nodes/index.js'
 export * as watchSelection from './watch-selection/index.js'
+export * as getPositionInsideParent from './get-position-inside-parent/index.js'

package/agnostic/index.d.ts

@@ -1,17 +1,17 @@
 export * as arrays from './arrays/index.js'
-export * as colors from './colors/index.js'
 export * as booleans from './booleans/index.js'
+export * as colors from './colors/index.js'
 export * as css from './css/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 html from './html/index.js'
 export * as numbers from './numbers/index.js'
+export * as misc from './misc/index.js'
 export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
 export * as random from './random/index.js'
 export * as regexps from './regexps/index.js'
 export * as sanitization from './sanitization/index.js'
 export * as strings from './strings/index.js'
-export * as subtitles from './subtitles/index.js'
 export * as time from './time/index.js'
+export * as subtitles from './subtitles/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 colors from './colors/index.js'
 export * as booleans from './booleans/index.js'
+export * as colors from './colors/index.js'
 export * as css from './css/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 html from './html/index.js'
 export * as numbers from './numbers/index.js'
+export * as misc from './misc/index.js'
 export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
 export * as random from './random/index.js'
 export * as regexps from './regexps/index.js'
 export * as sanitization from './sanitization/index.js'
 export * as strings from './strings/index.js'
-export * as subtitles from './subtitles/index.js'
 export * as time from './time/index.js'
+export * as subtitles from './subtitles/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 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 logs from './logs/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as loremIpsum from './lorem-ipsum/index.js'
 export * as normalizeExtension from './normalize-extension/index.js'
 export * as outcome from './outcome/index.js'
+export * as connection from './connection/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 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 logs from './logs/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as loremIpsum from './lorem-ipsum/index.js'
 export * as normalizeExtension from './normalize-extension/index.js'
 export * as outcome from './outcome/index.js'
+export * as connection from './connection/index.js'

package/agnostic/numbers/index.d.ts

@@ -1,6 +1,6 @@
 export * as absoluteModulo from './absolute-modulo/index.js'
-export * as approximateRational from './approximate-rational/index.js'
 export * as clamp from './clamp/index.js'
+export * as approximateRational from './approximate-rational/index.js'
 export * as geometricProgressions from './geometric-progressions/index.js'
-export * as interpolate from './interpolate/index.js'
 export * as round from './round/index.js'
+export * as interpolate from './interpolate/index.js'

package/agnostic/numbers/index.js

@@ -1,6 +1,6 @@
 export * as absoluteModulo from './absolute-modulo/index.js'
-export * as approximateRational from './approximate-rational/index.js'
 export * as clamp from './clamp/index.js'
+export * as approximateRational from './approximate-rational/index.js'
 export * as geometricProgressions from './geometric-progressions/index.js'
-export * as interpolate from './interpolate/index.js'
 export * as round from './round/index.js'
+export * as interpolate from './interpolate/index.js'

package/agnostic/objects/index.d.ts

@@ -1,9 +1,9 @@
 export * as deepGetProperty from './deep-get-property/index.js'
 export * as enums from './enums/index.js'
-export * as flattenGetters from './flatten-getters/index.js'
 export * as isObject from './is-object/index.js'
 export * as isRecord from './is-record/index.js'
+export * as flattenGetters from './flatten-getters/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 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 enums from './enums/index.js'
-export * as flattenGetters from './flatten-getters/index.js'
 export * as isObject from './is-object/index.js'
 export * as isRecord from './is-record/index.js'
+export * as flattenGetters from './flatten-getters/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 sortKeys from './sort-keys/index.js'

package/agnostic/random/index.d.ts

@@ -1,3 +1,3 @@
 export * as hexChar from './hex-char/index.js'
-export * as random from './random/index.js'
 export * as uuid from './uuid/index.js'
+export * as random from './random/index.js'

package/agnostic/random/index.js

@@ -1,3 +1,3 @@
 export * as hexChar from './hex-char/index.js'
-export * as random from './random/index.js'
 export * as uuid from './uuid/index.js'
+export * as random from './random/index.js'

package/agnostic/sanitization/index.d.ts

@@ -1,4 +1,4 @@
 export * as fileName from './file-name/index.js'
 export * as html from './html/index.js'
-export * as path from './path/index.js'
 export * as userInput from './user-input/index.js'
+export * as path from './path/index.js'

package/agnostic/sanitization/index.js

@@ -1,4 +1,4 @@
 export * as fileName from './file-name/index.js'
 export * as html from './html/index.js'
-export * as path from './path/index.js'
 export * as userInput from './user-input/index.js'
+export * as path from './path/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 normalizeIndent from './normalize-indent/index.js'
-export * as parseTable from './parse-table/index.js'
+export * as charCodes from './char-codes/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 parseTable from './parse-table/index.js'
 export * as trim from './trim/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 normalizeIndent from './normalize-indent/index.js'
-export * as parseTable from './parse-table/index.js'
+export * as charCodes from './char-codes/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 parseTable from './parse-table/index.js'
 export * as trim from './trim/index.js'

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

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

package/agnostic/time/dates/index.js

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

package/components/GalleryAlt/index.d.ts

@@ -0,0 +1,76 @@
+import { type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
+import type { WithClassName } from '../utils/types.js';
+/**
+ * Props for the GalleryAlt component. Same shape as {@link Gallery}, so the two swap.
+ *
+ * @property paddingLeft - Left padding applied to the first slot. A number is pixels.
+ * Falls back to `padding`, then `0px`.
+ * @property paddingRight - Right padding applied to the last slot. Same rules.
+ * @property padding - Shorthand for both ends, used when a side is not set.
+ * @property prevButtonContent - Content of the "previous" control. Defaults to `"prev"`.
+ * @property nextButtonContent - Content of the "next" control. Defaults to `"next"`.
+ * @property paginationContent - Content of each pagination item: a node used for all of
+ * them, a function of the page index, or undefined to show the index.
+ * @property defaultActive - Slot to scroll to at mount, in uncontrolled mode.
+ * @property active - Controlled index. When set, the active slot is this one and hand
+ * scrolling is disabled.
+ * @property noSnap - Frees the scroll from snapping to a slot.
+ * @property onPrevClicked - Fires before the gallery reacts, with the index as it was.
+ * @property onNextClicked - Fires before the gallery reacts, with the index as it was.
+ * @property onPaginationClicked - Fires before the gallery reacts, with the index as it
+ * was and the one aimed at.
+ * @property onActiveSlotChanged - Fires after the active slot changed, with the new index.
+ * @property onCanGoLeftChanged - Fires after the ability to scroll further left changed.
+ * Never on mount.
+ * @property onCanGoRightChanged - Same, to the right.
+ * @property className - Added to the root element.
+ * @property children - One slot per child.
+ */
+export type Props = PropsWithChildren<WithClassName<{
+    paddingLeft?: string | number;
+    paddingRight?: string | number;
+    padding?: string | number;
+    prevButtonContent?: ReactNode;
+    nextButtonContent?: ReactNode;
+    paginationContent?: ReactNode | ((page: number) => ReactNode);
+    defaultActive?: number;
+    active?: number;
+    noSnap?: boolean;
+    onPrevClicked?: (activePos: number) => void;
+    onNextClicked?: (activePos: number) => void;
+    onPaginationClicked?: (activePos: number, targetPos: number) => void;
+    onActiveSlotChanged?: (activePos: number) => void;
+    onCanGoLeftChanged?: (canGoLeft: boolean) => void;
+    onCanGoRightChanged?: (canGoRight: boolean) => void;
+}>>;
+/**
+ * Horizontally scrollable gallery, told apart from {@link Gallery} by how it locates the
+ * active slot.
+ *
+ * Geometry is measured **once per layout change** into a table of scroll positions, one
+ * per slot, and the boundaries between them. A scroll event then only has to place a
+ * number between two others — no element is measured while the reader scrolls.
+ *
+ * The same table is what the controls scroll to, so reading the active slot and moving
+ * to one cannot disagree, with or without snapping.
+ *
+ * ### CSS elements
+ * - `scroller`
+ * - `slot`, `slot--active`
+ * - `actions`, `prev`, `next`
+ * - `pagination`, `page`, `page--active`
+ *
+ * Root modifiers: `controlled`, `no-snap`, `measured`, `at-first`, `at-last`,
+ * `can-go-left`, `can-go-right`.
+ *
+ * @param props - Component properties.
+ * @see {@link Props}
+ * @returns A container wrapping the scroller, the two controls and the pagination.
+ *
+ * @remarks
+ * Nothing is measured while the reader scrolls: the table is rebuilt only when a box
+ * changes size or a slot is added, watched through a `ResizeObserver`. Until the first
+ * measurement lands, the root carries no `measured` modifier and every slot position
+ * reads as `0`.
+ */
+export declare const GalleryAlt: FunctionComponent<Props>;

package/components/GalleryAlt/index.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, useCallback, useEffect, useRef, useState } from 'react';
+import { clss } from '../../agnostic/css/clss/index.js';
+import { mergeClassNames, useChangeDispatch } from '../utils/index.js';
+import { galleryAlt as publicClassName } from '../public-classnames.js';
+import { EMPTY_GEOMETRY, measureGeometry, readActiveIndex, readReach } from './utils.js';
+import cssModule from './styles.module.css';
+/** Resolves one side's padding to a CSS length, falling back to the shorthand then to `0px`. */
+function resolvePadding(side, shorthand) {
+    const value = side ?? shorthand ?? 0;
+    return typeof value === 'number' ? `${value}px` : value;
+}
+/**
+ * Horizontally scrollable gallery, told apart from {@link Gallery} by how it locates the
+ * active slot.
+ *
+ * Geometry is measured **once per layout change** into a table of scroll positions, one
+ * per slot, and the boundaries between them. A scroll event then only has to place a
+ * number between two others — no element is measured while the reader scrolls.
+ *
+ * The same table is what the controls scroll to, so reading the active slot and moving
+ * to one cannot disagree, with or without snapping.
+ *
+ * ### CSS elements
+ * - `scroller`
+ * - `slot`, `slot--active`
+ * - `actions`, `prev`, `next`
+ * - `pagination`, `page`, `page--active`
+ *
+ * Root modifiers: `controlled`, `no-snap`, `measured`, `at-first`, `at-last`,
+ * `can-go-left`, `can-go-right`.
+ *
+ * @param props - Component properties.
+ * @see {@link Props}
+ * @returns A container wrapping the scroller, the two controls and the pagination.
+ *
+ * @remarks
+ * Nothing is measured while the reader scrolls: the table is rebuilt only when a box
+ * changes size or a slot is added, watched through a `ResizeObserver`. Until the first
+ * measurement lands, the root carries no `measured` modifier and every slot position
+ * reads as `0`.
+ */
+export const GalleryAlt = ({ paddingLeft, paddingRight, padding, prevButtonContent, nextButtonContent, paginationContent, defaultActive, active, noSnap, onPrevClicked, onNextClicked, onPaginationClicked, onActiveSlotChanged, onCanGoLeftChanged, onCanGoRightChanged, children, className }) => {
+    // State & refs
+    const scrollerRef = useRef(null);
+    const geometryRef = useRef(EMPTY_GEOMETRY);
+    const [scrolledIndex, setScrolledIndex] = useState(0);
+    const [isMeasured, setIsMeasured] = useState(false);
+    const [canGoLeft, setCanGoLeft] = useState(false);
+    const [canGoRight, setCanGoRight] = useState(false);
+    const childrenCount = Children.count(children);
+    const isControlled = active !== undefined;
+    // Controlled, the prop is the answer: the class names and `data-active` say where the
+    // gallery was told to be, rather than where a smooth scroll has got to so far.
+    const activeIndex = active ?? scrolledIndex;
+    // State dispatch
+    useChangeDispatch(activeIndex, onActiveSlotChanged);
+    useChangeDispatch(canGoLeft, onCanGoLeftChanged);
+    useChangeDispatch(canGoRight, onCanGoRightChanged);
+    const readScroll = useCallback(() => {
+        const scrollerElt = scrollerRef.current;
+        if (scrollerElt === null)
+            return;
+        const { scrollLeft } = scrollerElt;
+        const geometry = geometryRef.current;
+        setScrolledIndex(readActiveIndex(geometry, scrollLeft));
+        const { canGoLeft, canGoRight } = readReach(geometry, scrollLeft);
+        setCanGoLeft(canGoLeft);
+        setCanGoRight(canGoRight);
+    }, []);
+    const measure = useCallback(() => {
+        const scrollerElt = scrollerRef.current;
+        if (scrollerElt === null)
+            return;
+        geometryRef.current = measureGeometry(scrollerElt);
+        setIsMeasured(true);
+        readScroll();
+    }, [readScroll]);
+    const scrollToSlot = useCallback((pos, smooth = true) => {
+        const scrollerElt = scrollerRef.current;
+        const offset = geometryRef.current.offsets[pos];
+        if (scrollerElt === null || offset === undefined)
+            return;
+        scrollerElt.scrollTo({ left: offset, behavior: smooth ? 'smooth' : 'instant' });
+    }, []);
+    // User actions handlers
+    const handlePrevClick = () => {
+        onPrevClicked?.(activeIndex);
+        if (isControlled)
+            return;
+        scrollToSlot(activeIndex - 1);
+    };
+    const handleNextClick = () => {
+        onNextClicked?.(activeIndex);
+        if (isControlled)
+            return;
+        scrollToSlot(activeIndex + 1);
+    };
+    const handlePaginationClick = (pos) => {
+        onPaginationClicked?.(activeIndex, pos);
+        if (isControlled)
+            return;
+        scrollToSlot(pos);
+    };
+    // Fx. dep. childrenCount - Measure, and measure again whenever a box changes size.
+    // Watching the slots and not only the scroller is what makes a late image or font
+    // land correctly, where a delay after mount could only guess.
+    useEffect(() => {
+        const scrollerElt = scrollerRef.current;
+        if (scrollerElt === null)
+            return;
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(scrollerElt);
+        Array.from(scrollerElt.children).forEach(child => observer.observe(child));
+        return () => observer.disconnect();
+    }, [childrenCount, measure]);
+    // Fx. no dep. - One read per frame while scrolling, and it touches no element.
+    useEffect(() => {
+        const scrollerElt = scrollerRef.current;
+        if (scrollerElt === null)
+            return;
+        let animationFrame = null;
+        const onScroll = () => {
+            if (animationFrame !== null)
+                return;
+            animationFrame = requestAnimationFrame(() => {
+                animationFrame = null;
+                readScroll();
+            });
+        };
+        scrollerElt.addEventListener('scroll', onScroll, { passive: true });
+        return () => {
+            scrollerElt.removeEventListener('scroll', onScroll);
+            if (animationFrame !== null)
+                cancelAnimationFrame(animationFrame);
+        };
+    }, [readScroll]);
+    // Fx. no dep. - Place the gallery where it starts, once the table exists.
+    useEffect(() => {
+        const toActivate = active ?? defaultActive;
+        if (toActivate === undefined)
+            return;
+        scrollToSlot(toActivate, false);
+    }, []);
+    // Fx. dep. active - Follow the controlled index.
+    useEffect(() => {
+        if (active === undefined)
+            return;
+        scrollToSlot(active);
+    }, [active]);
+    // Rendering
+    const c = clss(publicClassName, { cssModule });
+    const rootClss = mergeClassNames(c(null, {
+        'controlled': isControlled,
+        'no-snap': noSnap === true,
+        'measured': isMeasured,
+        'at-first': activeIndex === 0,
+        'at-last': activeIndex === childrenCount - 1,
+        'can-go-left': canGoLeft,
+        'can-go-right': canGoRight
+    }), className);
+    const scrollerClss = c('scroller');
+    const actionsClss = c('actions');
+    const prevBtnClss = c('prev');
+    const nextBtnClss = c('next');
+    const paginationClss = c('pagination');
+    const dataAttributes = { 'data-active': `${activeIndex}` };
+    const actualPaddingLeft = resolvePadding(paddingLeft, padding);
+    const actualPaddingRight = resolvePadding(paddingRight, padding);
+    return _jsxs("div", { className: rootClss, ...dataAttributes, children: [_jsx("div", { className: scrollerClss, ref: scrollerRef, children: Children.map(children, (child, pos) => {
+                    const slotClss = c('slot', { active: pos === activeIndex });
+                    const style = {
+                        'margin-left': pos === 0
+                            ? actualPaddingLeft
+                            : undefined,
+                        'margin-right': pos === childrenCount - 1
+                            ? actualPaddingRight
+                            : undefined
+                    };
+                    return _jsx("div", { className: slotClss, style: { ...style }, "data-slot": pos, children: child }, pos);
+                }) }), _jsxs("div", { className: actionsClss, children: [_jsx("div", { className: prevBtnClss, onClick: handlePrevClick, children: prevButtonContent ?? 'prev' }), _jsx("div", { className: nextBtnClss, onClick: handleNextClick, children: nextButtonContent ?? 'next' })] }), _jsx("div", { className: paginationClss, children: Children.map(children, (_, pos) => {
+                    const pageClss = c('page', { active: pos === activeIndex });
+                    return _jsx("div", { className: pageClss, "data-page": pos, onClick: () => handlePaginationClick(pos), children: typeof paginationContent === 'function'
+                            ? paginationContent(pos)
+                            : paginationContent ?? pos });
+                }) })] });
+};

package/components/GalleryAlt/styles.module.css

@@ -0,0 +1,33 @@
+.scroller {
+  display: flex;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  scrollbar-color: transparent transparent;
+}
+
+.scroller::-webkit-scrollbar {
+  display: none;
+  height: 0;
+}
+
+.scroller::-webkit-scrollbar-track,
+.scroller::-webkit-scrollbar-thumb {
+  background: transparent;
+}
+
+.root.root--controlled .scroller {
+  overflow-x: hidden;
+}
+
+.root.root--no-snap .scroller {
+  scroll-snap-type: unset;
+  scroll-behavior: unset;
+}
+
+.slot {
+  scroll-snap-align: center;
+}

package/components/GalleryAlt/utils.d.ts

@@ -0,0 +1,36 @@
+/** The layout, measured once, so that reading the active slot touches no element. */
+export type Geometry = {
+    /** Scroll positions that bring each slot to the middle, clamped to the track. */
+    offsets: number[];
+    /** Midpoints between consecutive slot centres, in content coordinates. */
+    boundaries: number[];
+    /** Half the viewport, kept here rather than read again on every scroll. */
+    halfViewport: number;
+    /** The far end of the track. */
+    maxScroll: number;
+};
+export declare const EMPTY_GEOMETRY: Geometry;
+/**
+ * Everything the gallery needs to know about its own layout.
+ *
+ * Positions are taken against the scroller's own box rather than `offsetLeft`, which is
+ * relative to whichever ancestor happens to be positioned — so a gallery nested anywhere
+ * measures the same.
+ *
+ * **Boundaries come from slot centres, and scroll positions are clamped.** Keeping them
+ * apart is what avoids ties: two slots at the same end of the track share a scroll
+ * position, but never a centre, so every slot owns a range of its own.
+ */
+export declare function measureGeometry(scroller: HTMLElement): Geometry;
+/**
+ * Which slot the middle of the viewport is nearest — numbers only, whatever the count.
+ *
+ * Same answer as walking the slots and keeping the closest centre, which is what the
+ * table was built from.
+ */
+export declare function readActiveIndex(geometry: Geometry, scrollLeft: number): number;
+/** Whether there is track left on each side, within {@link EDGE_TOLERANCE}. */
+export declare function readReach(geometry: Geometry, scrollLeft: number): {
+    canGoLeft: boolean;
+    canGoRight: boolean;
+};

package/components/GalleryAlt/utils.js

@@ -0,0 +1,58 @@
+/** A tolerance in px, so a sub-pixel scroll position does not read as « can still go ». */
+const EDGE_TOLERANCE = 1;
+export const EMPTY_GEOMETRY = {
+    offsets: [],
+    boundaries: [],
+    halfViewport: 0,
+    maxScroll: 0
+};
+/**
+ * Everything the gallery needs to know about its own layout.
+ *
+ * Positions are taken against the scroller's own box rather than `offsetLeft`, which is
+ * relative to whichever ancestor happens to be positioned — so a gallery nested anywhere
+ * measures the same.
+ *
+ * **Boundaries come from slot centres, and scroll positions are clamped.** Keeping them
+ * apart is what avoids ties: two slots at the same end of the track share a scroll
+ * position, but never a centre, so every slot owns a range of its own.
+ */
+export function measureGeometry(scroller) {
+    const { clientWidth, scrollWidth, scrollLeft } = scroller;
+    const halfViewport = clientWidth / 2;
+    const maxScroll = Math.max(0, scrollWidth - clientWidth);
+    const scrollerLeft = scroller.getBoundingClientRect().left;
+    const centers = Array.from(scroller.children).map(child => {
+        const rect = child.getBoundingClientRect();
+        return rect.left - scrollerLeft + scrollLeft + rect.width / 2;
+    });
+    return {
+        offsets: centers.map(center => Math.min(Math.max(center - halfViewport, 0), maxScroll)),
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- i is in range by construction, centers[i] sits before the one being mapped
+        boundaries: centers.slice(1).map((center, i) => (centers[i] + center) / 2),
+        halfViewport,
+        maxScroll
+    };
+}
+/**
+ * Which slot the middle of the viewport is nearest — numbers only, whatever the count.
+ *
+ * Same answer as walking the slots and keeping the closest centre, which is what the
+ * table was built from.
+ */
+export function readActiveIndex(geometry, scrollLeft) {
+    const { boundaries, halfViewport } = geometry;
+    const viewportCenter = scrollLeft + halfViewport;
+    let index = 0;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- index is bounded by the loop condition
+    while (index < boundaries.length && viewportCenter > boundaries[index])
+        index += 1;
+    return index;
+}
+/** Whether there is track left on each side, within {@link EDGE_TOLERANCE}. */
+export function readReach(geometry, scrollLeft) {
+    return {
+        canGoLeft: scrollLeft > EDGE_TOLERANCE,
+        canGoRight: scrollLeft < geometry.maxScroll - EDGE_TOLERANCE
+    };
+}

package/components/Sequencer/index.d.ts

@@ -109,7 +109,19 @@ export type Props = PropsWithChildren<WithClassName<{
  *
  * ### On the root
  * `--playing`, `--at-start`, `--at-end`, `--ended`, plus `data-step`, `data-active-step`,
- * `data-total-steps` and `data-tempo`.
+ * `data-total-steps`, `data-tempo` and `data-lap`.
+ *
+ * The same five numbers are also published as custom properties —
+ * `--lm-sequencer-step`, `--lm-sequencer-active-step`, `--lm-sequencer-total-steps`,
+ * `--lm-sequencer-tempo`, `--lm-sequencer-lap` — plus `--lm-sequencer-raw-step`, the
+ * counter that keeps growing across laps (`lap × total + step`). **A data attribute
+ * selects, a custom property computes**: `attr()` cannot feed a `calc()`, so a rule that
+ * wants to turn something by a degree per step needs the property, and gets it on every
+ * descendant since custom properties inherit —
+ * `transform: rotate(calc(var(--lm-sequencer-raw-step) * 5deg))`.
+ *
+ * No `-raw` twin as `ResizeObserver` has: every one of these is a bare number, and none
+ * of them would mean anything with a unit attached.
  *
  * ### On each element child
  * The `__child` element class, then three pairs, one of each always present:

package/components/Sequencer/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement, Fragment, isValidElement, useEffect, useRef, useState } from 'react';
+import { Children, cloneElement, isValidElement, useEffect, useRef, useState } from 'react';
 import { absoluteModulo } from '../../agnostic/numbers/absolute-modulo/index.js';
 import { clamp } from '../../agnostic/numbers/clamp/index.js';
 import { clss } from '../../agnostic/css/clss/index.js';
@@ -55,29 +55,6 @@ function parseSteps(raw) {
         return null;
     return steps;
 }
-/**
- * The children, with fragments opened.
- *
- * **`Children.toArray` does not go through a `<>…</>`**: a fragment is one element to it,
- * and one that cannot be classed either — `cloneElement` on it would hand `className` to
- * `React.Fragment`, which warns and drops it. So a consumer whose children arrive wrapped
- * in one gets a sequence of exactly one step, stuck on position `0`.
- *
- * That consumer is not hypothetical: lm-link renders an article's `<nodelist>` through
- * `lm-html`, which returns `<>{children}</>` — every sequence written in hyper-json
- * therefore arrives wrapped. Opening them here rather than asking each consumer to
- * flatten is the only place the fix belongs: a fragment is a grouping with no rendered
- * element of its own, so it has no business consuming a step.
- */
-function flattenChildren(nodes) {
-    return Children.toArray(nodes).flatMap((child) => {
-        if (!isValidElement(child) || child.type !== Fragment)
-            return [child];
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- a fragment's props are its children and its key, whatever else they are
-        const { children } = child.props;
-        return flattenChildren(children);
-    });
-}
 /**
  * Whether a child carries {@link LAST_STEP_ATTRIBUTE}.
  *
@@ -145,7 +122,19 @@ function stepsOf(child, elementIndex) {
  *
  * ### On the root
  * `--playing`, `--at-start`, `--at-end`, `--ended`, plus `data-step`, `data-active-step`,
- * `data-total-steps` and `data-tempo`.
+ * `data-total-steps`, `data-tempo` and `data-lap`.
+ *
+ * The same five numbers are also published as custom properties —
+ * `--lm-sequencer-step`, `--lm-sequencer-active-step`, `--lm-sequencer-total-steps`,
+ * `--lm-sequencer-tempo`, `--lm-sequencer-lap` — plus `--lm-sequencer-raw-step`, the
+ * counter that keeps growing across laps (`lap × total + step`). **A data attribute
+ * selects, a custom property computes**: `attr()` cannot feed a `calc()`, so a rule that
+ * wants to turn something by a degree per step needs the property, and gets it on every
+ * descendant since custom properties inherit —
+ * `transform: rotate(calc(var(--lm-sequencer-raw-step) * 5deg))`.
+ *
+ * No `-raw` twin as `ResizeObserver` has: every one of these is a bare number, and none
+ * of them would mean anything with a unit attached.
  *
  * ### On each element child
  * The `__child` element class, then three pairs, one of each always present:
@@ -165,7 +154,7 @@ export const Sequencer = ({ totalSteps, stepMap, step, defaultStep, play, defaul
     const [hasLapped, setHasLapped] = useState(0);
     const rootRef = useRef(null);
     // Children, split once: what takes part and what merely renders.
-    const childrenArr = flattenChildren(children);
+    const childrenArr = Children.toArray(children);
     const elements = childrenArr.filter(isValidElement);
     // 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
@@ -212,6 +201,14 @@ export const Sequencer = ({ totalSteps, stepMap, step, defaultStep, play, defaul
     // absolute, so setting it to a bare position on a looping sequence would count as a
     // wrap backwards and fire `onLooped` for a move nobody made. `jump-by` is left alone
     // on purpose — stepping past the last position really is a wrap, and says so.
+    //
+    // **The lap offset is for looping sequences only, and adding it elsewhere was a bug.**
+    // A sequence that does not loop runs its counter one past the end and leaves it there,
+    // so `lap` reads `1` from that moment on — and `jump-start` landed on `1 * stepsCount`,
+    // which is precisely the ended position it was asked to leave. The symptom: a sequence
+    // with `whenVisible='jump-start'` played once, stopped on its last step, and stayed
+    // there however many times it was scrolled past. Nothing is lost by dropping the
+    // offset here: without `loop`, there is no wrap to misread and `onLooped` never fires.
     const jumpToPosition = (target) => {
         if (step !== undefined || stepsCount <= 0)
             return;
@@ -219,7 +216,7 @@ export const Sequencer = ({ totalSteps, stepMap, step, defaultStep, play, defaul
         const bounded = loop === true
             ? absoluteModulo(resolved, stepsCount)
             : clamp(resolved, 0, stepsCount - 1);
-        setInternalStep(lap * stepsCount + bounded);
+        setInternalStep(loop === true ? lap * stepsCount + bounded : bounded);
     };
     const jumpBy = (offset) => {
         if (step !== undefined || stepsCount <= 0)
@@ -297,8 +294,25 @@ export const Sequencer = ({ totalSteps, stepMap, step, defaultStep, play, defaul
         }
         return positions;
     };
+    // **The lap count is the wraps, so it is zero without `loop`.** The internal counter
+    // runs one past the end and stays there, which makes `lap` read `1` on a sequence that
+    // never wrapped at all — true of the division, false of the thing it is named after,
+    // and `onLooped` says the same by never firing without `loop`.
+    const publishedLap = loop === true ? lap : 0;
+    // Rebuilt from the published lap rather than read off `rawStep`, for that same reason:
+    // at the end of a non-looping sequence the internal counter sits one step past the last
+    // position, and a number meant to drive a transform must not overshoot the picture.
+    const rawStepProp = publishedLap * stepsCount + position;
+    const cssCustomProps = {
+        '--lm-sequencer-step': `${position}`,
+        '--lm-sequencer-active-step': `${activeStep}`,
+        '--lm-sequencer-total-steps': `${stepsCount}`,
+        '--lm-sequencer-tempo': `${tempo}`,
+        '--lm-sequencer-lap': `${publishedLap}`,
+        '--lm-sequencer-raw-step': `${rawStepProp}`
+    };
     let elementIndex = -1;
-    return _jsx("div", { ref: rootRef, className: rootClss, "data-step": position, "data-active-step": activeStep, "data-total-steps": stepsCount, "data-tempo": tempo, children: childrenArr.map((child, childPos) => {
+    return _jsx("div", { ref: rootRef, className: rootClss, "data-step": position, "data-active-step": activeStep, "data-total-steps": stepsCount, "data-tempo": tempo, "data-lap": publishedLap, style: { ...cssCustomProps }, children: childrenArr.map((child, childPos) => {
             if (!isValidElement(child))
                 return child;
             elementIndex += 1;

package/components/index.d.ts

@@ -3,8 +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 eventListener from './EventListener/index.js'
+export * as galleryAlt from './GalleryAlt/index.js'
 export * as iframe from './Iframe/index.js'
 export * as image from './Image/index.js'
 export * as input from './Input/index.js'
@@ -18,8 +19,8 @@ export * as resizeObserver from './ResizeObserver/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 shadowRoot from './ShadowRoot/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'

package/components/index.js

@@ -3,8 +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 eventListener from './EventListener/index.js'
+export * as galleryAlt from './GalleryAlt/index.js'
 export * as iframe from './Iframe/index.js'
 export * as image from './Image/index.js'
 export * as input from './Input/index.js'
@@ -18,8 +19,8 @@ export * as resizeObserver from './ResizeObserver/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 shadowRoot from './ShadowRoot/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'

package/components/public-classnames.d.ts

@@ -5,6 +5,7 @@ export declare const disclaimer = "lm-disclaimer";
 export declare const drawer = "lm-drawer";
 export declare const eventListener = "lm-event-listener";
 export declare const gallery = "lm-gallery";
+export declare const galleryAlt = "lm-gallery-alt";
 export declare const iframe = "lm-iframe";
 export declare const image = "lm-image";
 export declare const input = "lm-input";

package/components/public-classnames.js

@@ -5,6 +5,7 @@ export const disclaimer = 'lm-disclaimer';
 export const drawer = 'lm-drawer';
 export const eventListener = 'lm-event-listener';
 export const gallery = 'lm-gallery';
+export const galleryAlt = 'lm-gallery-alt';
 export const iframe = 'lm-iframe';
 export const image = 'lm-image';
 export const input = 'lm-input';

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

@@ -1,5 +1,5 @@
-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 remove from './remove/index.js'

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

@@ -1,5 +1,5 @@
-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 remove from './remove/index.js'

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

@@ -1,4 +1,4 @@
 export * as copyDir from './copy-dir/index.js'
-export * as moveDir from './move-dir/index.js'
 export * as list from './list/index.js'
+export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'

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

@@ -1,4 +1,4 @@
 export * as copyDir from './copy-dir/index.js'
-export * as moveDir from './move-dir/index.js'
 export * as list from './list/index.js'
+export * as moveDir from './move-dir/index.js'
 export * as removeDir from './remove-dir/index.js'

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

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

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

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

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

@@ -1,7 +1,7 @@
+export * as download from './download/index.js'
 export * as copy from './copy/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
-export * as download from './download/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/ftps/file/index.js

@@ -1,7 +1,7 @@
+export * as download from './download/index.js'
 export * as copy from './copy/index.js'
 export * as exists from './exists/index.js'
 export * as move from './move/index.js'
-export * as download from './download/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/images/index.d.ts

@@ -1,5 +1,5 @@
 export * as create from './create/index.js'
-export * as format from './format/index.js'
 export * as metadata from './metadata/index.js'
+export * as format from './format/index.js'
 export * as transform from './transform/index.js'
 export * as utils from './utils/index.js'

package/node/images/index.js

@@ -1,5 +1,5 @@
 export * as create from './create/index.js'
-export * as format from './format/index.js'
 export * as metadata from './metadata/index.js'
+export * as format from './format/index.js'
 export * as transform from './transform/index.js'
 export * as utils from './utils/index.js'

package/node/images/transform/operations/index.d.ts

@@ -7,9 +7,9 @@ export * as flip from './flip/index.js'
 export * as flop from './flop/index.js'
 export * as hue from './hue/index.js'
 export * as level from './level/index.js'
-export * as lighten from './lighten/index.js'
 export * as normalize from './normalize/index.js'
 export * as overlay from './overlay/index.js'
+export * as lighten from './lighten/index.js'
 export * as resize from './resize/index.js'
 export * as rotate from './rotate/index.js'
 export * as saturate from './saturate/index.js'

package/node/images/transform/operations/index.js

@@ -7,9 +7,9 @@ export * as flip from './flip/index.js'
 export * as flop from './flop/index.js'
 export * as hue from './hue/index.js'
 export * as level from './level/index.js'
-export * as lighten from './lighten/index.js'
 export * as normalize from './normalize/index.js'
 export * as overlay from './overlay/index.js'
+export * as lighten from './lighten/index.js'
 export * as resize from './resize/index.js'
 export * as rotate from './rotate/index.js'
 export * as saturate from './saturate/index.js'

package/node/process/index.d.ts

@@ -1,3 +1,3 @@
-export * as promptContinue from './prompt-continue/index.js'
 export * as onExit from './on-exit/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 promptContinue from './prompt-continue/index.js'
 export * as onExit from './on-exit/index.js'
 export * as spawner from './spawner/index.js'
+export * as promptContinue from './prompt-continue/index.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-edito/tools",
-  "version": "0.5.29",
+  "version": "0.5.31",
   "description": "",
   "author": "Maxime Fabas",
   "license": "ISC",
@@ -1453,6 +1453,13 @@
     "./components/Gallery/index.js": {
       "import": "./components/Gallery/index.js"
     },
+    "./components/GalleryAlt": {
+      "import": "./components/GalleryAlt/index.js",
+      "types": "./components/GalleryAlt/index.d.ts"
+    },
+    "./components/GalleryAlt/index.js": {
+      "import": "./components/GalleryAlt/index.js"
+    },
     "./components/Iframe": {
       "import": "./components/Iframe/index.js",
       "types": "./components/Iframe/index.d.ts"