@charcuterie/ui 3.33.0 → 4.0.0

package/dist/Main/useScrollMemory.d.ts

@@ -1,29 +1,31 @@
+import { type ScrollEntry } from "./scrollMemory.ts";
 /**
- * Remember where this history entry was scrolled to, and put it
- * back when the reader returns to it.
+ * Remember where this history entry was scrolled to, and put it back
+ * when the reader returns to it.
  *
- * `scrollMemory.ts` says why the browser will not. This is the
- * part that has to survive the two things a real page does:
+ * `scrollMemory.ts` says why the browser will not, and what an entry
+ * that has never been seen should do. This is the part that has to
+ * survive the two things a real page does:
  *
  *  1. **The content arrives late.** An offset applied against a
- *     600px skeleton clamps to `0` and looks like it did nothing.
- *     A `ResizeObserver` on the scrollport and on its content
- *     column re-applies the offset every time either grows, until
- *     the offset lands or the window closes.
- *  2. **The reader scrolls during all that.** Any wheel, touch,
- *     key or pointer press ends the restore immediately. The
- *     alternative is a page that jumps out from under somebody who
- *     has already started reading.
+ *     600px skeleton clamps to `0` and looks like it did nothing. A
+ *     `ResizeObserver` on the scrollport and on its content column
+ *     re-applies the offset every time either grows, until the
+ *     offset lands or the window closes.
+ *  2. **The reader scrolls during all that.** Any wheel, touch, key
+ *     or pointer press ends the restore immediately. The alternative
+ *     is a page that jumps out from under somebody who has already
+ *     started reading.
  *
  * The save is a passive `scroll` listener, suppressed while a
  * restore is in flight. Without that suppression the feature eats
  * itself: writing `scrollTop` on a still-short page clamps to `0`
- * and fires a `scroll` event reading `0`, which would be saved
- * over the very offset being restored.
+ * and fires a `scroll` event reading `0`, which would be saved over
+ * the very offset being restored.
  *
- * @param scrollKey Identifies the history entry — react-router's
- *   `useLocation().key`. `undefined` turns the memory off, which is
- *   what an app with no router gets.
+ * @param entry The history entry and the page it belongs to.
+ *   `null` turns the memory off, which is what an app that renders
+ *   no `ScrollMemoryProvider` gets.
  */
-export declare const useScrollMemory: (scrollKey: string | undefined) => (node: unknown) => void;
+export declare const useScrollMemory: (entry: ScrollEntry | null | undefined) => (node: unknown) => void;
 //# sourceMappingURL=useScrollMemory.d.ts.map

package/dist/Main/useScrollMemory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollMemory.d.ts","sourceRoot":"","sources":["../../src/Main/useScrollMemory.ts"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,MAAM,GAAG,SAAS,YAaS,OAAO,SA6F9C,CAAA"}
+{"version":3,"file":"useScrollMemory.d.ts","sourceRoot":"","sources":["../../src/Main/useScrollMemory.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAwB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,WAAW,GAAG,IAAI,GAAG,SAAS,YAaC,OAAO,SAkI9C,CAAA"}

package/dist/Main/useScrollMemory.js

@@ -1,16 +1,16 @@
 import { useCallback, useLayoutEffect, useRef } from "react";
-import { recallScrollOffset, rememberScrollOffset, } from "./scrollMemory.js";
+import { enterScrollEntry, rememberScrollOffset, resolveScrollOffset, } from "./scrollMemory.js";
 /**
  * How long a restore keeps trying while the content is still
  * arriving.
  *
  * The offset cannot be applied until the scrollport is tall enough
  * to hold it, and on a client-rendered page it is not: the commit
- * that changes the route draws a skeleton, and the rows land a
- * fetch later. So the restore re-applies as the content grows, and
- * gives up after this. A page that takes longer than three seconds
- * to fill has already been read from the top, and moving it then
- * is a worse answer than leaving it where the reader put it.
+ * that changes the route draws a skeleton, and the rows land a fetch
+ * later. So the restore re-applies as the content grows, and gives
+ * up after this. A page that takes longer than three seconds to fill
+ * has already been read from the top, and moving it then is a worse
+ * answer than leaving it where the reader put it.
  */
 const RESTORE_WINDOW_MS = 3000;
 /** A scroll the reader asked for. It ends the restore at once. */
@@ -21,38 +21,39 @@ const READER_INTENT_EVENTS = [
     "wheel",
 ];
 /**
- * Remember where this history entry was scrolled to, and put it
- * back when the reader returns to it.
+ * Remember where this history entry was scrolled to, and put it back
+ * when the reader returns to it.
  *
- * `scrollMemory.ts` says why the browser will not. This is the
- * part that has to survive the two things a real page does:
+ * `scrollMemory.ts` says why the browser will not, and what an entry
+ * that has never been seen should do. This is the part that has to
+ * survive the two things a real page does:
  *
  *  1. **The content arrives late.** An offset applied against a
- *     600px skeleton clamps to `0` and looks like it did nothing.
- *     A `ResizeObserver` on the scrollport and on its content
- *     column re-applies the offset every time either grows, until
- *     the offset lands or the window closes.
- *  2. **The reader scrolls during all that.** Any wheel, touch,
- *     key or pointer press ends the restore immediately. The
- *     alternative is a page that jumps out from under somebody who
- *     has already started reading.
+ *     600px skeleton clamps to `0` and looks like it did nothing. A
+ *     `ResizeObserver` on the scrollport and on its content column
+ *     re-applies the offset every time either grows, until the
+ *     offset lands or the window closes.
+ *  2. **The reader scrolls during all that.** Any wheel, touch, key
+ *     or pointer press ends the restore immediately. The alternative
+ *     is a page that jumps out from under somebody who has already
+ *     started reading.
  *
  * The save is a passive `scroll` listener, suppressed while a
  * restore is in flight. Without that suppression the feature eats
  * itself: writing `scrollTop` on a still-short page clamps to `0`
- * and fires a `scroll` event reading `0`, which would be saved
- * over the very offset being restored.
+ * and fires a `scroll` event reading `0`, which would be saved over
+ * the very offset being restored.
  *
- * @param scrollKey Identifies the history entry — react-router's
- *   `useLocation().key`. `undefined` turns the memory off, which is
- *   what an app with no router gets.
+ * @param entry The history entry and the page it belongs to.
+ *   `null` turns the memory off, which is what an app that renders
+ *   no `ScrollMemoryProvider` gets.
  */
-export const useScrollMemory = (scrollKey) => {
+export const useScrollMemory = (entry) => {
     const elementRef = useRef(null);
     const isRestoringRef = useRef(false);
-    // A ref rather than a query for the `<main>` id: the effect
-    // below runs in the same commit that mounts the node, and only a
-    // ref can say which node that was.
+    // A ref rather than a query for the `<main>` id: the effect below
+    // runs in the same commit that mounts the node, and only a ref can
+    // say which node that was.
     //
     // `unknown` in, narrowed here, so the returned function is both a
     // `RefCallback<HTMLElement>` and something `mergeRefs` accepts —
@@ -62,34 +63,55 @@ export const useScrollMemory = (scrollKey) => {
         elementRef.current =
             node instanceof HTMLElement ? node : null;
     }, []);
+    const key = entry?.key;
+    const path = entry?.path;
     useLayoutEffect(() => {
         const element = elementRef.current;
-        if (!element || scrollKey === undefined) {
+        if (!element ||
+            key === undefined ||
+            path === undefined) {
             return undefined;
         }
-        const offset = recallScrollOffset(scrollKey);
-        // The arrow defers the read of `applyOffset`, so the three
-        // pieces can be declared in the order they depend on each
-        // other rather than in the order they are used.
+        const currentEntry = { key, path };
+        // `null` means leave the scrollport alone: a search param
+        // changed and the reader did not go anywhere. It is read BEFORE
+        // this entry becomes the current one, because the answer depends
+        // on the page the reader is arriving from.
+        const offset = resolveScrollOffset(currentEntry);
+        enterScrollEntry(currentEntry);
+        // Seed the entry now rather than waiting for a `scroll` event.
+        // A reader who opens a group and then follows a link never
+        // scrolls in between, so without this the entry they came from
+        // is one the memory has never seen — and Back would send them to
+        // the top of a list they were half-way down.
+        rememberScrollOffset(currentEntry, offset ?? element.scrollTop);
+        // The arrow defers the read of `applyOffset`, so the pieces can
+        // be declared in the order they depend on each other rather than
+        // in the order they are used.
         const observer = new ResizeObserver(() => {
             applyOffset();
         });
         const deadline = globalThis.setTimeout(() => {
             stopRestoring();
         }, RESTORE_WINDOW_MS);
-        const stopRestoring = () => {
-            if (!isRestoringRef.current) {
-                return;
-            }
-            isRestoringRef.current = false;
+        let isRestoring = offset !== null;
+        const teardown = () => {
             observer.disconnect();
             globalThis.clearTimeout(deadline);
             for (const eventName of READER_INTENT_EVENTS) {
                 element.removeEventListener(eventName, stopRestoring);
             }
         };
+        const stopRestoring = () => {
+            if (!isRestoring) {
+                return;
+            }
+            isRestoring = false;
+            isRestoringRef.current = false;
+            teardown();
+        };
         const applyOffset = () => {
-            if (!isRestoringRef.current) {
+            if (!isRestoring || offset === null) {
                 return;
             }
             element.scrollTop = offset;
@@ -102,9 +124,9 @@ export const useScrollMemory = (scrollKey) => {
             if (isRestoringRef.current) {
                 return;
             }
-            rememberScrollOffset(scrollKey, element.scrollTop);
+            rememberScrollOffset(currentEntry, element.scrollTop);
         };
-        isRestoringRef.current = true;
+        isRestoringRef.current = isRestoring;
         for (const eventName of READER_INTENT_EVENTS) {
             element.addEventListener(eventName, stopRestoring, {
                 passive: true,
@@ -122,10 +144,15 @@ export const useScrollMemory = (scrollKey) => {
         });
         applyOffset();
         return () => {
-            stopRestoring();
+            // Unconditional, unlike `stopRestoring` — a restore that
+            // already landed still has an observer and four listeners on
+            // an element the next entry is about to use, and a stale
+            // observer that survives its effect applies a stale offset.
+            isRestoring = false;
+            teardown();
             element.removeEventListener("scroll", onScroll);
         };
-    }, [scrollKey]);
+    }, [key, path]);
     return setElement;
 };
 //# sourceMappingURL=useScrollMemory.js.map

package/dist/Main/useScrollMemory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollMemory.js","sourceRoot":"","sources":["../../src/Main/useScrollMemory.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useScrollMemory.js","sourceRoot":"","sources":["../../src/Main/useScrollMemory.ts"],"names":[],"mappings":"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"}

package/dist/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,117 @@
+import type { IntentName } from "@charcuterie/tokens";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { SliderSize } from "../sliderStyles.ts";
+import type { RangeSliderValue } from "./rangeSliderValue.ts";
+/**
+ * A position along the range, drawn as a mark on the bar.
+ *
+ * Prop-driven and nothing more: a chapter list, a scene index, a set
+ * of preset prices. The component holds no model of what a tick
+ * means, and `label` is optional because a mark that needs no words
+ * is the common case.
+ */
+export type RangeSliderTick = {
+    label?: string;
+    value: number;
+};
+export type RangeSliderProps = Omit<ComponentPropsWithRef<"div">, "children" | "defaultValue" | "onChange"> & {
+    intent?: IntentName;
+    isDisabled?: boolean;
+    isLabelVisible?: boolean;
+    /**
+     * Read-only in the `aria-readonly` sense: focusable, full contrast,
+     * announced as unchangeable — the same distinction `Slider` draws.
+     * A clip already sent to a renderer is this, not `isDisabled`: the
+     * span is still worth reading.
+     */
+    isReadOnly?: boolean;
+    isValueShown?: boolean;
+    /** Required. Each thumb's own name is built from it. */
+    label: string;
+    /** PageUp / PageDown. Defaults to a tenth of the range, as `Slider`'s does. */
+    largeStep?: number;
+    max?: number;
+    min?: number;
+    /**
+     * Fires on every movement — each arrow key, and each pointer sample
+     * while dragging. Use it to paint. See `onChangeEnd` for committing.
+     */
+    onChange?: (value: RangeSliderValue) => void;
+    /**
+     * Fires once, when the interaction ends: pointer release, or key up.
+     *
+     * The same split `Slider` settled, for the same reason. A clip
+     * preview that re-seeks a player from `onChange` issues one seek per
+     * pointer sample and arrives at the right frame **last**, behind a
+     * queue of stale ones.
+     */
+    onChangeEnd?: (value: RangeSliderValue) => void;
+    size?: SliderSize;
+    step?: number;
+    /**
+     * Marks along the bar. Positions in the same units as `value`, so a
+     * film's chapters are the offsets the app already has.
+     *
+     * A `label` is centred on its own mark and clamped inside the bar at
+     * both ends. Two marks closer together than a label box will overlap:
+     * the component draws what it is given, and a caller with dense marks
+     * passes the words only where there is room for them.
+     */
+    ticks?: readonly RangeSliderTick[];
+    /**
+     * Seeds the range; it does not control it. A drag paints from the
+     * component's own value, so a caller that commits on `onChangeEnd`
+     * alone still sees the thumbs follow the pointer.
+     */
+    value?: RangeSliderValue;
+    /**
+     * How each end reads aloud and, when `isValueShown`, on screen.
+     * This is what keeps timecodes out of the library: the component
+     * knows a number, the app knows it is 21:14.
+     */
+    valueFormat?: (value: number) => string;
+};
+/**
+ * A two-thumb range control: a span picked out along a bar, with an
+ * independently focusable handle at each end.
+ *
+ * It exists because QueuePilot lets a user play **only a section** of
+ * a video, and a clip's start and end are a shape `Slider` states it
+ * is not: *"a two-thumb range is a different widget with its own
+ * focus model"*
+ * ([decision](../../../../docs/decisions/2026-09-01-a-two-thumb-range-is-its-own-component-and-shares-the-bar.md)).
+ *
+ * ## Why this is a component and not `Slider isRange`
+ *
+ * `Combobox`'s `isMultiple` and `DatePicker`'s `isRange` are modes
+ * because neither changes the widget's role and both share nearly
+ * everything. Both halves of that test fail here.
+ *
+ * `Slider` puts `role="slider"`, the tab stop and the pointer target
+ * **on the track**, because one track reports one value. Two values
+ * cannot live on one accessible object, so here the role moves to the
+ * thumbs, the track becomes a `role="group"` carrying the label, and
+ * the tab stops go from one to two. A mode that rewrote its own role
+ * would break `getByRole("slider", { name })` in every consumer that
+ * had ever used the single-value one.
+ *
+ * What the two genuinely share is the arithmetic
+ * (`Slider/sliderValue.ts`, called rather than copied) and the bar
+ * (`../sliderStyles.ts`) — so a range slider snaps on the same grid
+ * and paints as the same control.
+ *
+ * ## The thumbs clamp, they do not swap
+ *
+ * A thumb dragged past its partner stops on it and the range collapses
+ * to zero width. The thumbs never trade identities mid-drag: the
+ * handle under the pointer is the one the user grabbed, and the
+ * focused handle is the one an arrow key moves. Each thumb reports the
+ * other as its own `aria-valuemin` / `aria-valuemax`, which is how a
+ * screen reader is told where this handle stops.
+ *
+ * A press on the bar moves the **nearer** thumb. When the two sit on
+ * the same value, the press's side decides — which is what lets a
+ * collapsed range be pulled open again in either direction.
+ */
+export declare const RangeSlider: ({ className, intent, isDisabled, isLabelVisible, isReadOnly, isValueShown, label, largeStep, max, min, onChange, onChangeEnd, size, step, ticks, value, valueFormat, ...divProps }: RangeSliderProps) => ReactNode;
+//# sourceMappingURL=RangeSlider.d.ts.map

package/dist/RangeSlider/RangeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EACV,qBAAqB,EAGrB,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAWpD,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAQ9B;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,cAAc,GAAG,UAAU,CACzC,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC/C,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACxC,CAAA;AAOD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,WAAW,GAAI,oLAmBzB,gBAAgB,KAAG,SA8ZrB,CAAA"}

package/dist/RangeSlider/RangeSlider.js

@@ -0,0 +1,242 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqueId } from "@charcuterie/logic";
+import { useRef, useState } from "react";
+import { FOCUS_RING_CLASS, INTENT_SOLID_FILL_CLASS, } from "../intentStyles.js";
+import { fromFraction, toPercent, } from "../Slider/sliderValue.js";
+import { SLIDER_ROW_CLASS, SLIDER_THUMB_CLASS, SLIDER_THUMB_OFFSET, SLIDER_THUMB_SIZE_CLASS, SLIDER_TRACK_CLASS, SLIDER_TRACK_SIZE_CLASS, } from "../sliderStyles.js";
+import { toClassName } from "../toClassName.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { getNearerThumb, getThumbBounds, moveThumb, snapRange, } from "./rangeSliderValue.js";
+/** Half the tick-label box, which is what centres it on its mark. */
+const TICK_LABEL_INLINE_SIZE = "4.5rem";
+const TICK_LABEL_HALF = "2.25rem";
+/**
+ * A two-thumb range control: a span picked out along a bar, with an
+ * independently focusable handle at each end.
+ *
+ * It exists because QueuePilot lets a user play **only a section** of
+ * a video, and a clip's start and end are a shape `Slider` states it
+ * is not: *"a two-thumb range is a different widget with its own
+ * focus model"*
+ * ([decision](../../../../docs/decisions/2026-09-01-a-two-thumb-range-is-its-own-component-and-shares-the-bar.md)).
+ *
+ * ## Why this is a component and not `Slider isRange`
+ *
+ * `Combobox`'s `isMultiple` and `DatePicker`'s `isRange` are modes
+ * because neither changes the widget's role and both share nearly
+ * everything. Both halves of that test fail here.
+ *
+ * `Slider` puts `role="slider"`, the tab stop and the pointer target
+ * **on the track**, because one track reports one value. Two values
+ * cannot live on one accessible object, so here the role moves to the
+ * thumbs, the track becomes a `role="group"` carrying the label, and
+ * the tab stops go from one to two. A mode that rewrote its own role
+ * would break `getByRole("slider", { name })` in every consumer that
+ * had ever used the single-value one.
+ *
+ * What the two genuinely share is the arithmetic
+ * (`Slider/sliderValue.ts`, called rather than copied) and the bar
+ * (`../sliderStyles.ts`) — so a range slider snaps on the same grid
+ * and paints as the same control.
+ *
+ * ## The thumbs clamp, they do not swap
+ *
+ * A thumb dragged past its partner stops on it and the range collapses
+ * to zero width. The thumbs never trade identities mid-drag: the
+ * handle under the pointer is the one the user grabbed, and the
+ * focused handle is the one an arrow key moves. Each thumb reports the
+ * other as its own `aria-valuemin` / `aria-valuemax`, which is how a
+ * screen reader is told where this handle stops.
+ *
+ * A press on the bar moves the **nearer** thumb. When the two sit on
+ * the same value, the press's side decides — which is what lets a
+ * collapsed range be pulled open again in either direction.
+ */
+export const RangeSlider = ({ className, intent = "accent", isDisabled = false, isLabelVisible = false, isReadOnly = false, isValueShown = false, label, largeStep, max = 100, min = 0, onChange, onChangeEnd, size = "md", step = 1, ticks, value = { end: max, start: min }, valueFormat, ...divProps }) => {
+    const labelId = useUniqueId();
+    const trackRef = useRef(null);
+    const startThumbRef = useRef(null);
+    const endThumbRef = useRef(null);
+    // Null means "not dragging". The thumb rides along with the value
+    // because a drag has to keep moving the handle it picked up, even
+    // once the pointer has travelled past the other one and the "nearer"
+    // answer has changed.
+    const [drag, setDrag] = useState(null);
+    const isInert = isDisabled || isReadOnly;
+    const bounds = { max, min, step };
+    const committed = snapRange(value, bounds);
+    const shown = drag?.range ?? committed;
+    const bigStep = largeStep == null
+        ? (Math.max(min, max) - Math.min(min, max)) / 10
+        : largeStep;
+    const startPercent = toPercent(shown.start, min, max);
+    const endPercent = toPercent(shown.end, min, max);
+    const emit = (next, thumb, isEnd) => {
+        if (next.start !== shown.start ||
+            next.end !== shown.end) {
+            onChange?.(next);
+        }
+        if (isEnd) {
+            setDrag(null);
+            onChangeEnd?.(next);
+            return;
+        }
+        setDrag({ range: next, thumb });
+    };
+    /** The value the pointer at `clientX` is pointing at. */
+    const valueAt = (clientX) => {
+        const track = trackRef.current;
+        if (!track)
+            return shown.start;
+        const box = track.getBoundingClientRect();
+        if (box.width <= 0)
+            return shown.start;
+        // `left`/`width` are physical, from the layout box, and stay
+        // physical on purpose — `isRtl` is what turns them into a value.
+        // The logical-properties rule is about `className`, not geometry.
+        const fraction = (clientX - box.left) / box.width;
+        const isRtl = getComputedStyle(track).direction === "rtl";
+        return fromFraction(fraction, min, max, step, isRtl);
+    };
+    const onPointerDown = (event) => {
+        if (isInert || event.button !== 0)
+            return;
+        // The press is ours, and the default is what would undo it: a
+        // mousedown on a non-focusable element moves focus to the body,
+        // so the handle this handler just focused would lose it again a
+        // tick later. `Slider` never needed this because its pointer
+        // target IS its focusable element; here the bar is the target and
+        // the thumb is the tab stop.
+        event.preventDefault();
+        const at = valueAt(event.clientX);
+        const thumb = getNearerThumb({ at, range: shown });
+        // Capture on the GROUP rather than on the thumb, so a drag that
+        // leaves the bar vertically keeps reporting — and so a fast drag
+        // that outruns the thumb it is moving does not hand the pointer to
+        // the element underneath.
+        event.currentTarget.setPointerCapture(event.pointerId);
+        // Focus follows the grab. A pointer user who then reaches for the
+        // arrow keys is moving the handle they were just dragging, which
+        // is the only answer that does not need looking at.
+        //
+        // The handle wears its focus ring for the length of the drag,
+        // which is a script `focus()` matching `:focus-visible`. On a
+        // one-thumb control that would be the ring-after-a-click the house
+        // style rejects; here it is the answer to "which of the two am I
+        // holding", and it is the same mark the keyboard path leaves.
+        const thumbElement = thumb === "start"
+            ? startThumbRef.current
+            : endThumbRef.current;
+        thumbElement?.focus();
+        emit(moveThumb({ bounds, next: at, range: shown, thumb }), thumb, false);
+    };
+    const onPointerMove = (event) => {
+        if (isInert || drag == null)
+            return;
+        emit(moveThumb({
+            bounds,
+            next: valueAt(event.clientX),
+            range: shown,
+            thumb: drag.thumb,
+        }), drag.thumb, false);
+    };
+    const onPointerUp = (event) => {
+        if (isInert || drag == null)
+            return;
+        event.currentTarget.releasePointerCapture(event.pointerId);
+        emit(moveThumb({
+            bounds,
+            next: valueAt(event.clientX),
+            range: shown,
+            thumb: drag.thumb,
+        }), drag.thumb, true);
+    };
+    /**
+     * `Slider`'s key handling, per thumb. Home and End are absolute and
+     * are clamped at the other thumb like any other movement, so End on
+     * the start handle means "as far right as this handle goes".
+     */
+    const getKeyedValue = (event, current) => {
+        switch (event.key) {
+            case "ArrowDown":
+            case "ArrowLeft":
+                return current - step;
+            case "ArrowRight":
+            case "ArrowUp":
+                return current + step;
+            case "End":
+                return Math.max(min, max);
+            case "Home":
+                return Math.min(min, max);
+            case "PageDown":
+                return current - bigStep;
+            case "PageUp":
+                return current + bigStep;
+            default:
+                return null;
+        }
+    };
+    const onThumbKeyDown = (thumb) => (event) => {
+        if (isInert)
+            return;
+        const next = getKeyedValue(event, shown[thumb]);
+        if (next == null)
+            return;
+        event.preventDefault();
+        // Keys commit immediately, as `Slider`'s do: a key press is a
+        // discrete interaction with no release to wait for.
+        emit(moveThumb({ bounds, next, range: shown, thumb }), thumb, true);
+    };
+    const renderThumb = (thumb) => {
+        const thumbBounds = getThumbBounds({
+            bounds,
+            range: shown,
+            thumb,
+        });
+        const percent = thumb === "start" ? startPercent : endPercent;
+        return (_jsx("span", { "aria-disabled": isDisabled || undefined, "aria-label": `${label} ${thumb}`, "aria-orientation": "horizontal", "aria-readonly": isReadOnly || undefined, "aria-valuemax": thumbBounds.max, "aria-valuemin": thumbBounds.min, "aria-valuenow": shown[thumb], "aria-valuetext": valueFormat?.(shown[thumb]), className: toClassName(SLIDER_THUMB_CLASS, SLIDER_THUMB_SIZE_CLASS[size], INTENT_SOLID_FILL_CLASS[intent], FOCUS_RING_CLASS, isReadOnly ? "cursor-default" : ""), onKeyDown: onThumbKeyDown(thumb), ref: thumb === "start" ? startThumbRef : endThumbRef, role: "slider", 
+            // Pulled back by half its own width so it sits ON the value
+            // rather than starting at it. `margin-inline-start`, not
+            // `translate: -50%`: `translate` is physical, so in RTL it
+            // would shift the thumb the wrong way and 0% would hang off
+            // the start edge.
+            style: {
+                insetInlineStart: `${percent}%`,
+                marginInlineStart: SLIDER_THUMB_OFFSET[size],
+            }, tabIndex: isDisabled ? -1 : 0 }, thumb));
+    };
+    const shownText = valueFormat == null
+        ? `${shown.start} to ${shown.end}`
+        : `${valueFormat(shown.start)} to ${valueFormat(shown.end)}`;
+    return (_jsxs("div", { ...divProps, className: toClassName("flex flex-col gap-1", 
+        // A definite floor, for `Slider`'s reason: the root has no
+        // intrinsic width of its own, so in a shrink-to-fit parent it
+        // would collapse to the width of a thumb with every gate
+        // still green.
+        "min-w-40", className), children: [isLabelVisible || isValueShown ? (_jsxs("div", { className: "flex items-baseline justify-between gap-2 text-sm", children: [isLabelVisible ? (_jsx("span", { className: "text-content-secondary", id: labelId, children: label })) : (_jsx(VisuallyHidden, { id: labelId, children: label })), isValueShown ? (_jsx("span", { className: "text-content-muted tabular-nums", children: shownText })) : null] })) : (_jsx(VisuallyHidden, { id: labelId, children: label })), _jsxs("div", { "aria-labelledby": labelId, className: toClassName(SLIDER_ROW_CLASS, 
+                // NOT `ARIA_DISABLED_CLASS`, for the reason `Slider` gives:
+                // that constant paints a box-shaped control, and this
+                // control's body is a 2px bar inside a 40px row.
+                //
+                // `pointer-events-none` is load-bearing rather than
+                // cosmetic — without a real `:disabled` the hover rules
+                // still match.
+                isDisabled
+                    ? "pointer-events-none opacity-55"
+                    : "", isReadOnly ? "cursor-default" : ""), onPointerCancel: onPointerUp, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, ref: trackRef, role: "group", children: [_jsx("span", { className: toClassName(SLIDER_TRACK_CLASS, SLIDER_TRACK_SIZE_CLASS[size]), children: _jsx("span", { className: toClassName("block h-full rounded-full", INTENT_SOLID_FILL_CLASS[intent]), style: {
+                                inlineSize: `${endPercent - startPercent}%`,
+                                marginInlineStart: `${startPercent}%`,
+                            } }) }), ticks?.map((tick) => (_jsx("span", { "aria-hidden": "true", className: "absolute h-2 w-px bg-border-strong", style: {
+                            insetInlineStart: `${toPercent(tick.value, min, max)}%`,
+                        } }, tick.value))), renderThumb("start"), renderThumb("end")] }), ticks?.some((tick) => tick.label != null) ? (_jsx("div", { "aria-hidden": "true", className: "relative h-4 w-full text-content-muted text-xs", children: ticks.map((tick) => tick.label == null ? null : (_jsx("span", { className: "absolute text-center", 
+                    // Centred on its mark, and `clamp`ed so the first and
+                    // last labels stay inside the bar instead of hanging
+                    // off its ends. A fixed box is what makes the centring
+                    // possible at all: the label's own width is not known
+                    // here, and `translate: -50%` is physical.
+                    style: {
+                        inlineSize: TICK_LABEL_INLINE_SIZE,
+                        insetInlineStart: `clamp(0rem, calc(${toPercent(tick.value, min, max)}% - ${TICK_LABEL_HALF}), calc(100% - ${TICK_LABEL_INLINE_SIZE}))`,
+                    }, children: tick.label }, tick.value))) })) : null] }));
+};
+//# sourceMappingURL=RangeSlider.js.map

package/dist/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../src/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"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"}