@oxyhq/bloom 1.0.6 → 1.2.0

package/lib/module/level-picker/LevelPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","Animated","PanResponder","ROW_ICON_SIZE","cx","MenuRowChevron","MenuRowShell","SUB_TRIGGER_CLASS","useControllableState","ChevronRight_Stroke2_Corner0_Rounded","ChevronRightIcon","StyledText","StyledView","animation","useTheme","LEVEL_CAPTION_CLASS","LEVEL_FILL_CLASS","LEVEL_ROW_INSET","LEVEL_SEPARATOR_CLASS","LEVEL_SLIDER_ROW_HEIGHT","LEVEL_STOP_CLASS","LEVEL_STOP_REACHED_CLASS","LEVEL_STOP_SIZE","LEVEL_THUMB_CLASS","LEVEL_THUMB_SIZE","LEVEL_TRACK_CLASS","LEVEL_TRACK_HEIGHT","levelFromOffset","levelStopPosition","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AnimatedStyledView","createAnimatedComponent","useRevealProgress","on","progress","Value","current","spring","toValue","useNativeDriver","gentle","start","ADJUST_ACTIONS","name","LevelPicker","levels","value","onValueChange","accessibilityLabel","minLabel","maxLabel","detailsLabel","expanded","defaultExpanded","onExpandedChange","children","className","style","testID","theme","isExpanded","setExpanded","defaultValue","onChange","trackWidth","setTrackWidth","detailsHeight","setDetailsHeight","dragging","setDragging","reveal","active","stateRef","count","length","onValueChangeRef","grantOffsetRef","commitOffset","offsetX","width","next","step","delta","Math","max","min","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","event","nativeEvent","locationX","onPanResponderMove","_event","gesture","dx","onPanResponderRelease","onPanResponderTerminate","onTrackLayout","layout","prev","abs","onDetailsLayout","height","onAccessibilityAction","actionName","offsetOf","index","percent","offset","hasCaptions","undefined","childTestId","part","pointerEvents","overflow","opacity","interpolate","inputRange","outputRange","maxHeight","justifyContent","paddingHorizontal","accessibilityRole","accessibilityActions","onLayout","panHandlers","top","bottom","map","label","left","role","disabled","title","trailing","transform","rotate","fill","colors","textSecondary","onPress","position","right","flexDirection","alignItems","marginHorizontal","marginBottom","displayName"],"sourceRoot":"../../../src","sources":["level-picker/LevelPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/level-picker/LevelPicker.web.js

@@ -0,0 +1,340 @@
+"use strict";
+
+/**
+ * `LevelPicker` — WEB. The same control as `LevelPicker.tsx`, built out of the
+ * three things a browser has and React Native does not, which is what makes
+ * this a fork rather than a branch:
+ *
+ *  1. **Pointer capture.** `setPointerCapture` keeps the drag on the rail once
+ *     the pointer leaves it, so a user can slam left or right past the end of
+ *     the track and still be steering. Nothing in the RN responder system is
+ *     equivalent on the platform where a pointer exists at all.
+ *  2. **`inert` and a real focus model.** A collapsed region is `inert` — its
+ *     rows leave the tab order and the accessibility tree together — and the
+ *     rail is a focusable `role="slider"` with arrow, Home and End keys, which
+ *     an `adjustable` on native exposes as increment/decrement ACTIONS instead.
+ *  3. **`calc()`.** A stop's position is a percentage of the rail plus a pixel
+ *     inset, which CSS resolves per frame; the native fork has to measure the
+ *     rail with `onLayout` and multiply. Both read {@link levelStopPosition}, so
+ *     the formula is one thing rendered two ways rather than two formulas.
+ *
+ * The rows themselves are NOT forked: the summary row is `floating/shared`'s
+ * `MenuRowShell`, the same one the sub-menu triggers in the details region are
+ * built from, so the disclosure and the rows it reveals cannot disagree about a
+ * row's inset, highlight or height.
+ */
+import React, { useCallback, useRef, useState } from 'react';
+import { PANEL_MOTION_DURATION, PANEL_MOTION_EASING, ROW_ICON_SIZE } from "../floating/constants.js";
+import { cx, MenuRowChevron, MenuRowShell, SUB_TRIGGER_CLASS } from "../floating/shared.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { ChevronRight_Stroke2_Corner0_Rounded as ChevronRightIcon } from "../icons/Chevron.js";
+import { flattenWebStyle } from "../styles/flatten-web-style.js";
+import { useTheme } from "../theme/use-theme.js";
+import { LEVEL_CAPTION_CLASS, LEVEL_FILL_CLASS, LEVEL_ROW_INSET, LEVEL_SEPARATOR_CLASS, LEVEL_SLIDER_ROW_HEIGHT, LEVEL_STOP_CLASS, LEVEL_STOP_REACHED_CLASS, LEVEL_STOP_SIZE, LEVEL_THUMB_CLASS, LEVEL_THUMB_SIZE, LEVEL_TRACK_CLASS, LEVEL_TRACK_HEIGHT, levelFromOffset, levelStopPosition } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The menu's own motion, as CSS. `FloatingPanel` runs its enter and exit on the
+ * same duration and curve, so a picker changing shape inside a panel reads as
+ * one surface moving rather than two things animating at each other.
+ *
+ * Spelled inline from the constants rather than as `duration-200 ease-out`
+ * classes: a class would be a second copy of the number, free to drift from the
+ * one the panel uses.
+ */
+const MOTION = {
+  transitionDuration: `${PANEL_MOTION_DURATION}ms`,
+  transitionTimingFunction: `cubic-bezier(${PANEL_MOTION_EASING.join(', ')})`
+};
+
+/** The rail's own chrome — everything about it that is not a colour role. */
+const TRACK_CLASS = 'w-full touch-none cursor-pointer outline-none ' + 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover';
+export function LevelPicker({
+  levels,
+  value,
+  onValueChange,
+  accessibilityLabel,
+  minLabel,
+  maxLabel,
+  detailsLabel = 'Details',
+  expanded,
+  defaultExpanded = false,
+  onExpandedChange,
+  children,
+  className,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const [isExpanded, setExpanded] = useControllableState({
+    value: expanded,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  const {
+    state: pointerOver,
+    onIn: enterPointer,
+    onOut: leavePointer
+  } = useInteractionState();
+  const {
+    state: focused,
+    onIn: focusTrack,
+    onOut: blurTrack
+  } = useInteractionState();
+  const [dragging, setDragging] = useState(false);
+  const [detailsHeight, setDetailsHeight] = useState(0);
+  const trackRef = useRef(null);
+
+  /** The slider is being WORKED — hovered, focused or dragged. */
+  const active = pointerOver || focused || dragging;
+
+  /**
+   * The details region's natural height, observed rather than read once: a
+   * sub-menu row inside it can change size after the reveal has already run,
+   * and a height measured only on mount would clip it.
+   *
+   * `ResizeObserver` is guarded because this fork also runs where there is no
+   * layout to observe — an SSR pass, and jsdom under jest. There the region
+   * falls back to its natural height (`maxHeight: undefined` below), which is
+   * the safe direction: unclipped rather than collapsed.
+   */
+  const measureDetails = useCallback(node => {
+    if (node === null) return;
+    const read = () => {
+      const next = node.offsetHeight;
+      setDetailsHeight(prev => Math.abs(prev - next) > 0.5 ? next : prev);
+    };
+    read();
+    if (typeof ResizeObserver === 'undefined') return;
+    const observer = new ResizeObserver(read);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  const commitPointer = useCallback(event => {
+    const rect = trackRef.current?.getBoundingClientRect();
+    if (rect === undefined) return;
+    const next = levelFromOffset(event.clientX - rect.left, rect.width, levels.length);
+    if (next !== value) onValueChange(next);
+  }, [levels.length, onValueChange, value]);
+  const step = useCallback(to => {
+    const next = Math.max(0, Math.min(levels.length - 1, to));
+    if (next !== value) onValueChange(next);
+  }, [levels.length, onValueChange, value]);
+  const onKeyDown = useCallback(event => {
+    switch (event.key) {
+      case 'ArrowRight':
+      case 'ArrowUp':
+        event.preventDefault();
+        step(value + 1);
+        break;
+      case 'ArrowLeft':
+      case 'ArrowDown':
+        event.preventDefault();
+        step(value - 1);
+        break;
+      case 'Home':
+        event.preventDefault();
+        step(0);
+        break;
+      case 'End':
+        event.preventDefault();
+        step(levels.length - 1);
+        break;
+      default:
+        break;
+    }
+  }, [levels.length, step, value]);
+
+  /** A stop's centre: a share of the rail, plus the inset that keeps the knob on it. */
+  const positionOf = index => {
+    const {
+      percent,
+      offset
+    } = levelStopPosition(index, levels.length);
+    return `calc(${percent}% + ${offset}px)`;
+  };
+  const hasCaptions = minLabel !== undefined || maxLabel !== undefined;
+  /**
+   * The row's fade, on the ROW rather than on a wrapper around it: an inline
+   * style outranks a class on web whatever the order, so this is the one place
+   * the opacity can live without competing with `MenuRowShell`'s own chrome —
+   * and it is one fewer node between the caller's layout and the row.
+   *
+   * `pointerEvents` follows the POINTER, not `active`, and the difference is not
+   * a nicety. A rail keeps focus after it is clicked, so a row that stopped
+   * taking clicks whenever `active` was true would be unclickable for as long as
+   * the rail was focused — measured: the click falls through to the container,
+   * which blurs the rail, and only the SECOND click reaches the row. Fading a
+   * row the pointer is nowhere near is worth it; swallowing its click is not.
+   */
+  const pointerEngaged = pointerOver || dragging;
+  const summaryStyle = {
+    ...MOTION,
+    transitionProperty: 'opacity',
+    opacity: active ? 0 : 1,
+    pointerEvents: pointerEngaged ? 'none' : 'auto'
+  };
+  const childTestId = part => testID === undefined ? undefined : `${testID}-${part}`;
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx('flex w-full flex-col', className),
+    style: flattenWebStyle(style),
+    "data-testid": testID,
+    children: [/*#__PURE__*/_jsx("div", {
+      inert: isExpanded,
+      "aria-hidden": isExpanded,
+      className: "overflow-hidden",
+      style: {
+        ...MOTION,
+        transitionProperty: 'max-height, opacity',
+        maxHeight: isExpanded ? 0 : LEVEL_SLIDER_ROW_HEIGHT,
+        opacity: isExpanded ? 0 : 1
+      },
+      "data-testid": childTestId('slider'),
+      children: /*#__PURE__*/_jsx("div", {
+        className: "flex items-center",
+        style: {
+          height: LEVEL_SLIDER_ROW_HEIGHT,
+          paddingLeft: LEVEL_ROW_INSET,
+          paddingRight: LEVEL_ROW_INSET
+        },
+        children: /*#__PURE__*/_jsxs("div", {
+          ref: trackRef,
+          role: "slider",
+          tabIndex: isExpanded ? -1 : 0,
+          "aria-label": accessibilityLabel,
+          "aria-valuemin": 0,
+          "aria-valuemax": levels.length - 1,
+          "aria-valuenow": value,
+          "aria-valuetext": levels[value],
+          onPointerEnter: enterPointer,
+          onPointerLeave: () => {
+            if (!dragging) leavePointer();
+          },
+          onPointerDown: event => {
+            event.currentTarget.setPointerCapture(event.pointerId);
+            setDragging(true);
+            enterPointer();
+            commitPointer(event);
+          },
+          onPointerMove: event => {
+            if (dragging) commitPointer(event);
+          },
+          onPointerUp: event => {
+            if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+              event.currentTarget.releasePointerCapture(event.pointerId);
+            }
+            setDragging(false);
+          },
+          onPointerCancel: () => setDragging(false),
+          onFocus: focusTrack,
+          onBlur: blurTrack,
+          onKeyDown: onKeyDown,
+          className: cx(LEVEL_TRACK_CLASS, TRACK_CLASS),
+          style: {
+            height: LEVEL_TRACK_HEIGHT
+          },
+          "data-testid": childTestId('track'),
+          children: [/*#__PURE__*/_jsx("span", {
+            "aria-hidden": "true",
+            className: LEVEL_FILL_CLASS,
+            style: {
+              top: 0,
+              bottom: 0,
+              width: positionOf(value)
+            }
+          }), levels.map((label, index) => /*#__PURE__*/_jsx("span", {
+            "aria-hidden": "true",
+            className: index <= value ? LEVEL_STOP_REACHED_CLASS : LEVEL_STOP_CLASS,
+            style: {
+              width: LEVEL_STOP_SIZE,
+              height: LEVEL_STOP_SIZE,
+              top: '50%',
+              left: positionOf(index),
+              transform: 'translate(-50%, -50%)'
+            }
+          }, label)), /*#__PURE__*/_jsx("span", {
+            "aria-hidden": "true",
+            className: LEVEL_THUMB_CLASS,
+            style: {
+              width: LEVEL_THUMB_SIZE,
+              height: LEVEL_THUMB_SIZE,
+              top: '50%',
+              left: positionOf(value),
+              transform: 'translate(-50%, -50%)'
+            },
+            "data-testid": childTestId('thumb')
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "relative",
+      children: [/*#__PURE__*/_jsx(MenuRowShell, {
+        role: "menuitem",
+        expanded: isExpanded,
+        disabled: false,
+        title: detailsLabel,
+        trailing: /*#__PURE__*/_jsx(MenuRowChevron, {
+          children: /*#__PURE__*/_jsx("span", {
+            className: "flex items-center justify-center",
+            style: {
+              ...MOTION,
+              transitionProperty: 'transform',
+              transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)'
+            },
+            children: /*#__PURE__*/_jsx(ChevronRightIcon, {
+              width: ROW_ICON_SIZE,
+              height: ROW_ICON_SIZE,
+              fill: theme.colors.textSecondary
+            })
+          })
+        }),
+        onPress: () => setExpanded(!isExpanded),
+        className: SUB_TRIGGER_CLASS,
+        style: summaryStyle,
+        testID: childTestId('summary')
+      }), hasCaptions ? /*#__PURE__*/_jsxs("div", {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute inset-0 flex flex-row items-center justify-between",
+        style: {
+          ...MOTION,
+          transitionProperty: 'opacity',
+          opacity: active ? 1 : 0,
+          paddingLeft: LEVEL_ROW_INSET,
+          paddingRight: LEVEL_ROW_INSET
+        },
+        "data-testid": childTestId('captions'),
+        children: [/*#__PURE__*/_jsx("span", {
+          className: LEVEL_CAPTION_CLASS,
+          children: minLabel
+        }), /*#__PURE__*/_jsx("span", {
+          className: LEVEL_CAPTION_CLASS,
+          children: maxLabel
+        })]
+      }) : null]
+    }), /*#__PURE__*/_jsx("div", {
+      inert: !isExpanded,
+      "aria-hidden": !isExpanded,
+      className: "overflow-hidden",
+      style: {
+        ...MOTION,
+        transitionProperty: 'max-height, opacity',
+        maxHeight: isExpanded ? detailsHeight === 0 ? undefined : detailsHeight : 0,
+        opacity: isExpanded ? 1 : 0
+      },
+      "data-testid": childTestId('details'),
+      children: /*#__PURE__*/_jsxs("div", {
+        ref: measureDetails,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: LEVEL_SEPARATOR_CLASS,
+          style: {
+            marginLeft: LEVEL_ROW_INSET,
+            marginRight: LEVEL_ROW_INSET,
+            marginBottom: 4
+          }
+        }), children]
+      })
+    })]
+  });
+}
+LevelPicker.displayName = 'LevelPicker';
+//# sourceMappingURL=LevelPicker.web.js.map

package/lib/module/level-picker/LevelPicker.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","PANEL_MOTION_DURATION","PANEL_MOTION_EASING","ROW_ICON_SIZE","cx","MenuRowChevron","MenuRowShell","SUB_TRIGGER_CLASS","useControllableState","useInteractionState","ChevronRight_Stroke2_Corner0_Rounded","ChevronRightIcon","flattenWebStyle","useTheme","LEVEL_CAPTION_CLASS","LEVEL_FILL_CLASS","LEVEL_ROW_INSET","LEVEL_SEPARATOR_CLASS","LEVEL_SLIDER_ROW_HEIGHT","LEVEL_STOP_CLASS","LEVEL_STOP_REACHED_CLASS","LEVEL_STOP_SIZE","LEVEL_THUMB_CLASS","LEVEL_THUMB_SIZE","LEVEL_TRACK_CLASS","LEVEL_TRACK_HEIGHT","levelFromOffset","levelStopPosition","jsx","_jsx","jsxs","_jsxs","MOTION","transitionDuration","transitionTimingFunction","join","TRACK_CLASS","LevelPicker","levels","value","onValueChange","accessibilityLabel","minLabel","maxLabel","detailsLabel","expanded","defaultExpanded","onExpandedChange","children","className","style","testID","theme","isExpanded","setExpanded","defaultValue","onChange","state","pointerOver","onIn","enterPointer","onOut","leavePointer","focused","focusTrack","blurTrack","dragging","setDragging","detailsHeight","setDetailsHeight","trackRef","active","measureDetails","node","read","next","offsetHeight","prev","Math","abs","ResizeObserver","observer","observe","disconnect","commitPointer","event","rect","current","getBoundingClientRect","undefined","clientX","left","width","length","step","to","max","min","onKeyDown","key","preventDefault","positionOf","index","percent","offset","hasCaptions","pointerEngaged","summaryStyle","transitionProperty","opacity","pointerEvents","childTestId","part","inert","maxHeight","height","paddingLeft","paddingRight","ref","role","tabIndex","onPointerEnter","onPointerLeave","onPointerDown","currentTarget","setPointerCapture","pointerId","onPointerMove","onPointerUp","hasPointerCapture","releasePointerCapture","onPointerCancel","onFocus","onBlur","top","bottom","map","label","transform","disabled","title","trailing","fill","colors","textSecondary","onPress","marginLeft","marginRight","marginBottom","displayName"],"sourceRoot":"../../../src","sources":["level-picker/LevelPicker.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/level-picker/constants.js

@@ -0,0 +1,131 @@
+"use strict";
+
+/**
+ * The level picker's SPEC: the geometry both forks lay out from, the colour
+ * roles as Tailwind classes, and the two functions that map a stop to a
+ * position and a pointer back to a stop.
+ *
+ * ── WHY GEOMETRY IS NUMBERS HERE AND COLOUR IS CLASSES ───────────────────────
+ *
+ * `floating/constants.ts` states the menu vocabulary as class strings, so a
+ * consumer can restyle a row with a utility. That reasoning applies to the
+ * parts a consumer addresses — and none of these are: the rail, its stops and
+ * its knob are one control's internals, and the caller's `className` lands on
+ * the picker's ROOT.
+ *
+ * What it buys instead is the property that matters most for a two-fork
+ * component: the web fork positions a stop with `calc()` and the native fork
+ * with a measured pixel offset, and BOTH read the numbers below and call
+ * {@link levelStopPosition}. Two forks that agreed only by having the same
+ * literals typed into them is exactly the drift `MENU_SUB_SIDE_OFFSET` and
+ * `SUB_TRIGGER_CLASS` exist to prevent one level up.
+ *
+ * Colour stays in classes, because that is what the surrounding menu rows are
+ * painted with and because a token is never derived from — `bg-muted-foreground/25`
+ * is the opacity UTILITY (`color-mix`, resolved by the build), never an alpha
+ * appended to a resolved `rgb(...)`, which parses back opaque.
+ */
+
+/* -------------------------------------------------------------------------- */
+/*  Geometry — numbers, because both forks compute with them                  */
+/* -------------------------------------------------------------------------- */
+
+/** The rail: a 24px pill, tall enough to read as a track rather than a line. */
+export const LEVEL_TRACK_HEIGHT = 24;
+
+/**
+ * The knob, LARGER than the rail on purpose (30 against 24), so it reads as a
+ * control riding the track rather than a dot inside it. It therefore overhangs
+ * the rail by 3px top and bottom, and by 2px past each end once
+ * {@link LEVEL_STOP_INSET} is applied — which is why nothing between the rail
+ * and the picker's root may clip.
+ */
+export const LEVEL_THUMB_SIZE = 30;
+
+/** A stop: a 4px dot, drawn under the knob. */
+export const LEVEL_STOP_SIZE = 4;
+
+/**
+ * How far the FIRST and LAST stop sit in from the rail's ends.
+ *
+ * Not a cosmetic margin: it is what stops the knob from hanging half off the
+ * rail at either extreme, so it is also the value {@link levelFromOffset} has
+ * to subtract before it can read a fraction — a hit map that ignores it snaps
+ * to the wrong stop for the first and last {@link LEVEL_STOP_INSET} pixels,
+ * which is precisely where a user aiming for "least" or "most" clicks.
+ */
+export const LEVEL_STOP_INSET = 13;
+
+/** The row the rail sits in — one Bloom row taller than the rail itself. */
+export const LEVEL_SLIDER_ROW_HEIGHT = 40;
+
+/**
+ * The horizontal inset of everything in the picker that is not a menu row,
+ * matching `floating/constants`' `ROW_CLASS` (`px-space-8`) so the rail and the
+ * end captions line up with the rows above and below them.
+ */
+export const LEVEL_ROW_INSET = 8;
+
+/* -------------------------------------------------------------------------- */
+/*  Colour roles — classes, as the surrounding menu rows are                  */
+/* -------------------------------------------------------------------------- */
+
+/** The unfilled rail. */
+export const LEVEL_TRACK_CLASS = 'relative rounded-full bg-muted-foreground/25';
+
+/** The filled part, which ends under the knob rather than at the rail's end. */
+export const LEVEL_FILL_CLASS = 'absolute left-0 rounded-full bg-primary';
+
+/** A stop the level has NOT reached: a dot on the bare rail. */
+export const LEVEL_STOP_CLASS = 'absolute rounded-full bg-muted-foreground/65';
+
+/** A stop the level HAS reached: the same dot, on the fill, in its on-colour. */
+export const LEVEL_STOP_REACHED_CLASS = 'absolute rounded-full bg-primary-foreground/35';
+
+/** The knob. `shadow-s` is Bloom's control-raise role, the same one `Slider` takes. */
+export const LEVEL_THUMB_CLASS = 'absolute rounded-full bg-background shadow-s';
+
+/** The two end captions, one de-emphasis step back, as a menu shortcut is. */
+export const LEVEL_CAPTION_CLASS = 'text-xs text-muted-foreground';
+
+/** The hairline between the summary row and the details region. */
+export const LEVEL_SEPARATOR_CLASS = 'h-px bg-border';
+
+/* -------------------------------------------------------------------------- */
+/*  The two mappings, written once for both forks                             */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * Where a stop sits along the rail, as a PERCENTAGE of the rail plus a pixel
+ * OFFSET — the one form both forks can render from.
+ *
+ * The web fork spells it `calc(P% + Opx)` and never measures; the native fork
+ * multiplies the percentage by a laid-out width. Returning the pair rather than
+ * a finished value is what lets one formula serve both: a shared function that
+ * returned pixels would force the web fork to measure, and one that returned a
+ * CSS string would be unusable on native.
+ */
+export function levelStopPosition(index, count) {
+  const fraction = count <= 1 ? 0 : index / (count - 1);
+  return {
+    percent: fraction * 100,
+    offset: LEVEL_STOP_INSET - fraction * 2 * LEVEL_STOP_INSET
+  };
+}
+
+/**
+ * Which stop a pointer at `offsetX` from the rail's left edge is asking for.
+ *
+ * The inverse of {@link levelStopPosition}, and it undoes the inset for the
+ * reason spelled out there. `trackWidth` is the rail's own width — the caller
+ * measures it (`getBoundingClientRect().width` on web, `onLayout` on native),
+ * so this stays pure and testable.
+ */
+export function levelFromOffset(offsetX, trackWidth, count) {
+  if (count <= 1) return 0;
+  const usable = trackWidth - 2 * LEVEL_STOP_INSET;
+  const fraction = usable <= 0 ? 0 : (offsetX - LEVEL_STOP_INSET) / usable;
+  const index = Math.round(fraction * (count - 1));
+  return Math.max(0, Math.min(count - 1, index));
+}
+//# sourceMappingURL=constants.js.map

package/lib/module/level-picker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LEVEL_TRACK_HEIGHT","LEVEL_THUMB_SIZE","LEVEL_STOP_SIZE","LEVEL_STOP_INSET","LEVEL_SLIDER_ROW_HEIGHT","LEVEL_ROW_INSET","LEVEL_TRACK_CLASS","LEVEL_FILL_CLASS","LEVEL_STOP_CLASS","LEVEL_STOP_REACHED_CLASS","LEVEL_THUMB_CLASS","LEVEL_CAPTION_CLASS","LEVEL_SEPARATOR_CLASS","levelStopPosition","index","count","fraction","percent","offset","levelFromOffset","offsetX","trackWidth","usable","Math","round","max","min"],"sourceRoot":"../../../src","sources":["level-picker/constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,kBAAkB,GAAG,EAAE;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG,EAAE;;AAElC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG,EAAE;;AAElC;AACA,OAAO,MAAMC,uBAAuB,GAAG,EAAE;;AAEzC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;;AAEhC;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,iBAAiB,GAAG,8CAA8C;;AAE/E;AACA,OAAO,MAAMC,gBAAgB,GAAG,yCAAyC;;AAEzE;AACA,OAAO,MAAMC,gBAAgB,GAAG,8CAA8C;;AAE9E;AACA,OAAO,MAAMC,wBAAwB,GAAG,gDAAgD;;AAExF;AACA,OAAO,MAAMC,iBAAiB,GAAG,8CAA8C;;AAE/E;AACA,OAAO,MAAMC,mBAAmB,GAAG,+BAA+B;;AAElE;AACA,OAAO,MAAMC,qBAAqB,GAAG,gBAAgB;;AAErD;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,KAAa,EACbC,KAAa,EACwB;EACrC,MAAMC,QAAQ,GAAGD,KAAK,IAAI,CAAC,GAAG,CAAC,GAAGD,KAAK,IAAIC,KAAK,GAAG,CAAC,CAAC;EACrD,OAAO;IACLE,OAAO,EAAED,QAAQ,GAAG,GAAG;IACvBE,MAAM,EAAEf,gBAAgB,GAAGa,QAAQ,GAAG,CAAC,GAAGb;EAC5C,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASgB,eAAeA,CAACC,OAAe,EAAEC,UAAkB,EAAEN,KAAa,EAAU;EAC1F,IAAIA,KAAK,IAAI,CAAC,EAAE,OAAO,CAAC;EACxB,MAAMO,MAAM,GAAGD,UAAU,GAAG,CAAC,GAAGlB,gBAAgB;EAChD,MAAMa,QAAQ,GAAGM,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAACF,OAAO,GAAGjB,gBAAgB,IAAImB,MAAM;EACxE,MAAMR,KAAK,GAAGS,IAAI,CAACC,KAAK,CAACR,QAAQ,IAAID,KAAK,GAAG,CAAC,CAAC,CAAC;EAChD,OAAOQ,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEF,IAAI,CAACG,GAAG,CAACX,KAAK,GAAG,CAAC,EAAED,KAAK,CAAC,CAAC;AAChD","ignoreList":[]}

package/lib/module/level-picker/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { LevelPicker } from './LevelPicker';
+//# sourceMappingURL=index.js.map

package/lib/module/level-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LevelPicker"],"sourceRoot":"../../../src","sources":["level-picker/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/lib/module/level-picker/index.web.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { LevelPicker } from "./LevelPicker.web.js";
+//# sourceMappingURL=index.web.js.map

package/lib/module/level-picker/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LevelPicker"],"sourceRoot":"../../../src","sources":["level-picker/index.web.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,sBAAmB","ignoreList":[]}

package/lib/module/level-picker/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/level-picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["level-picker/types.ts"],"mappings":"","ignoreList":[]}