@kyralabs/m3e-motion 1.5.0 → 1.6.1

package/dist/index.d.ts

@@ -76,12 +76,22 @@ declare const fabMenuItemVisible: (index: number, itemCount: number, stagger: nu
  */
 declare function menuNavigationTarget(key: string, count: number, current: number): number | null;
 
+/** React Aria useTypeSelect clears the typed string after this long (TYPEAHEAD_DEBOUNCE_WAIT_MS). */
+declare const TYPEAHEAD_TIMEOUT_MS = 1000;
+/**
+ * Index of the first item in `texts` that starts with `search`, from `from` (the focused item,
+ * −1: none) to the end, then from the start; −1 when none does.
+ */
+declare function typeSelectTarget(texts: readonly string[], from: number, search: string): number;
+
 type ToolbarOrientation = 'horizontal' | 'vertical';
+/** A toolbar orientation, or `both`: both arrow key pairs move along the one item order. */
+type NavigationOrientation = ToolbarOrientation | 'both';
 /**
  * The item index `key` moves focus to from `current` (−1: none focused) among `count` items, or
- * null when the key does not navigate. At either end the index stays put (no wrapping).
+ * null when the key does not navigate. At either end the index stays put unless `wrap`.
  */
-declare function toolbarNavigationTarget(key: string, count: number, current: number, orientation?: ToolbarOrientation, rtl?: boolean): number | null;
+declare function toolbarNavigationTarget(key: string, count: number, current: number, orientation?: NavigationOrientation, rtl?: boolean, wrap?: boolean): number | null;
 
 /** Where a floating toolbar leaves the screen (FloatingToolbarExitDirection), logical. */
 type FloatingToolbarExitDirection = 'bottom' | 'top' | 'start' | 'end';
@@ -931,6 +941,118 @@ declare class DrawerAnimation {
     sample(now: number): DrawerSample;
 }
 
+/** No `steps`: a key moves 1 % of the range (slideOnKeyEvents: `if (steps > 0) steps + 1 else 100`). */
+declare const SLIDER_KEY_DIVISIONS = 100;
+/** PageUp / PageDown: `(actualSteps / 10).coerceIn(1, 10)` steps. */
+declare const SLIDER_PAGE_DIVISOR = 10;
+declare const SLIDER_PAGE_MAX_STEPS = 10;
+/**
+ * Compose `steps` for a web `step` (a value increment; 0, negative or absent = continuous):
+ * the stops between the ends, `round((max − min) / step) − 1`, at least 0. A `step` that does not
+ * divide the range gives evenly spaced ticks the nearest to it.
+ */
+declare function sliderSteps(min: number, max: number, step?: number): number;
+/** stepsToTickFractions: `steps + 2` fractions i / (steps + 1); none without steps. */
+declare function sliderTickFractions(steps: number): number[];
+/** calcFraction: the 0..1 fraction `value` is of min..max (0 for an empty range). */
+declare function sliderFraction(value: number, min: number, max: number): number;
+/** The value at `fraction` of min..max. */
+declare const sliderValueAt: (fraction: number, min: number, max: number) => number;
+/** snapValueToTick in value space: the nearest tick value (the first of equals), or `value`. */
+declare function sliderSnap(value: number, steps: number, min: number, max: number): number;
+/** The bounds of one thumb: the track, or for a range thumb up to / from the other thumb. */
+interface SliderThumbBounds {
+    readonly min: number;
+    readonly max: number;
+}
+/**
+ * The value a thumb takes for a requested `value`: coerced into its bounds, then snapped to the
+ * nearest tick of the whole track (SliderState.value / RangeSliderState.startValue / endValue).
+ */
+declare function sliderThumbValue(value: number, bounds: SliderThumbBounds, steps: number, min: number, max: number): number;
+/** The bounds of thumb `index` among `values` (one thumb, or a range's start and end). */
+declare function sliderThumbBounds(values: readonly number[], index: number, min: number, max: number): SliderThumbBounds;
+/** One key step: `rangeLength / actualSteps`. */
+declare function sliderKeyDelta(steps: number, min: number, max: number): number;
+/** PageUp / PageDown: how many key steps a page is. */
+declare function sliderPageSteps(steps: number): number;
+type SliderKeyAction = 'increment' | 'decrement' | 'page-increment' | 'page-decrement' | 'min' | 'max';
+interface SliderKeyOptions {
+    readonly vertical?: boolean;
+    /** Right-to-left layout: the horizontal arrows swap (Compose `sign = -1`). */
+    readonly rtl?: boolean;
+    /** Shift held: an arrow moves a page (m3.material.io "a larger interval"; React Aria). */
+    readonly shiftKey?: boolean;
+}
+/**
+ * What a key does. Compose: ArrowRight / ArrowLeft on a horizontal slider (swapped in RTL),
+ * ArrowUp / ArrowDown on a vertical one (minimum at the bottom: up increases, owner decision
+ * M8 #21), PageUp / PageDown, Home / End. The web adds the other arrow pair per the ARIA slider
+ * pattern (Up / Right increase) and Shift + arrow for a page (m3.material.io keyboard table);
+ * Compose ignores them. Other keys: null.
+ */
+declare function sliderKeyAction(key: string, options?: SliderKeyOptions): SliderKeyAction | null;
+/**
+ * The value a key action gives thumb `index` (the result is coerced into the thumb's bounds and
+ * snapped). Home / End go to the thumb's bounds: a range start thumb's End meets the end thumb.
+ */
+declare function sliderKeyValue(action: SliderKeyAction, values: readonly number[], index: number, steps: number, min: number, max: number): number;
+/**
+ * The range thumb a press at `value` moves (RangeSliderLogic): the closer one; when both are as
+ * close, the start thumb if it lies after the pointer (stacked thumbs pressed before them), else
+ * the end thumb.
+ */
+declare function sliderClosestThumb(values: readonly number[], value: number): number;
+/** Input of `sliderTrackGeometry` (one axis; slider.css mirrors it for RTL and vertical). */
+interface SliderTrackInput {
+    /** Track length: the slider's length less the thumb width. */
+    readonly length: number;
+    /** Outer corner size (the default Track: thickness / 2). */
+    readonly cornerSize: number;
+    /** TrackInsideCornerSize. */
+    readonly insideCornerSize: number;
+    /** ThumbWidth (the thumb's layout size along the track; its handle may be narrower). */
+    readonly thumbWidth: number;
+    /** ThumbTrackGapSize. */
+    readonly gapSize: number;
+    readonly steps: number;
+    /** The single thumb's fraction, or the range end's. */
+    readonly fraction: number;
+    /** A range's start fraction. */
+    readonly startFraction?: number;
+    readonly centered?: boolean;
+    /** Track(trackCornerSize) and CenteredTrack shrink corners; the default Track does not. */
+    readonly cornerShrinking?: boolean;
+    /** Stop indicators drawn (SliderWithTrackIconsSample passes null). Default true. */
+    readonly stopIndicator?: boolean;
+}
+type SliderTrackPartKind = 'inactive-start' | 'active' | 'inactive-end';
+interface SliderTrackPart {
+    readonly kind: SliderTrackPartKind;
+    readonly start: number;
+    readonly end: number;
+    readonly startRadius: number;
+    readonly endRadius: number;
+}
+interface SliderTick {
+    readonly position: number;
+    readonly active: boolean;
+}
+interface SliderTrackGeometry {
+    /** Thumb centres along the track (one, or a range's start and end). */
+    readonly thumbs: readonly number[];
+    readonly parts: readonly SliderTrackPart[];
+    /** Stop indicator centres. */
+    readonly stops: readonly number[];
+    readonly ticks: readonly SliderTick[];
+}
+/**
+ * SliderImpl's thumb placement and drawTrack (LTR, horizontal), in track coordinates: with steps,
+ * a value off the first and last tick sits between the corners
+ * ((length − 2 × corner) × fraction + corner), else length × fraction.
+ */
+declare function sliderTrackGeometry(input: SliderTrackInput): SliderTrackGeometry;
+
 /** TabRow.kt L461 / L608: `maxOf(contentWidth, 24.dp)` ("Enforce minimum touch target of 24.dp"). */
 declare const TAB_INDICATOR_MIN_WIDTH = 24;
 type TabRowVariant = 'primary' | 'secondary';
@@ -1228,4 +1350,4 @@ declare class ThreePaneScaffoldAnimation {
     sample(now: number): ThreePaneScaffoldSample;
 }
 
-export { type AdaptStrategy, AmplitudeAnimation, type AmplitudeTween, type AppBarScrollBehavior, type AppBarScrollState, type BackNavigationBehavior, type ButtonGroupItemSize, type CircularIndeterminateFrame, type CircularIndeterminateTiming, DEFAULT_DISPLACEMENT_THRESHOLD, DRAWER_POSITIONAL_THRESHOLD, DRAWER_SETTLE_MILLIS, DRAWER_VELOCITY_THRESHOLD, DrawerAnimation, type DrawerSample, type DrawerSpecs, type Easing, FAST_OUT_LINEAR_IN_EASING, type FloatingToolbarExitDirection, type FloatingToolbarScrollState, type IndeterminateFrame, LIST_DETAIL_ADAPT_STRATEGIES, LIST_DETAIL_INITIAL_HISTORY, LIST_DETAIL_PANE_ORDER, type LinearEasing, type LinearEasingOptions, type LinearIndeterminateTiming, ListDetailPaneScaffoldRole, type LoadingIndicatorTiming, MODAL_RAIL_EXPANDED_PROGRESS, type MenuAnchorPosition, type MenuPositionInput, type MenuPositionResult, type MenuRect, type Motion, NAVIGATION_SUITE_EXPANDED_FROM, NAVIGATION_SUITE_TYPES, type NavigationSuiteSample, NavigationSuiteScaffoldAnimation, type NavigationSuiteType, type NavigationSuiteTypeOptions, PANE_EXPANSION_ANCHORING_VELOCITY_THRESHOLD, PANE_EXPANSION_SAMPLE_ANCHORS, PANE_MOTION_DELAYED_RATIO, PANE_MOTION_VISIBILITY_THRESHOLD, type PaneAdaptedValue, type PaneExpansionAnchor, type PaneExpansionLayout, type PaneMotion, type PaneRect, type PaneRule, type PaneScaffoldDirective, type PaneTransition, RECOMMENDED_MAX_PANES, SEARCH_BAR_EXPANDED_THRESHOLD, SEARCH_DROPDOWN_VISIBLE_PROGRESS, SUPPORTING_PANE_ADAPT_STRATEGIES, SUPPORTING_PANE_INITIAL_HISTORY, SUPPORTING_PANE_ORDER, SearchBarAnimation, type SearchBarSample, type SearchBarSpecs, type SearchRect, type SearchViewFrame, type SearchViewInput, type SearchViewMetrics, type SearchViewVariant, SpringAnimatable, SpringSimulation, type SpringSpec, SupportingPaneScaffoldRole, TAB_INDICATOR_MIN_WIDTH, THREE_PANE_SCAFFOLD_ROLES, TOP_TITLE_ALPHA_EASING, TabIndicatorAnimation, type TabIndicatorSample, type TabMeasure, type TabPosition, type TabRowVariant, TabScrollAnimation, type ThreePaneScaffoldAdaptStrategies, ThreePaneScaffoldAnimation, type ThreePaneScaffoldDestinationItem, type ThreePaneScaffoldDirectiveOptions, type ThreePaneScaffoldLayout, type ThreePaneScaffoldLayoutInput, ThreePaneScaffoldNavigator, type ThreePaneScaffoldNavigatorOptions, type ThreePaneScaffoldRole, type ThreePaneScaffoldSample, type ThreePaneScaffoldValue, type ToolbarExpansionScroll, type ToolbarOrientation, TweenAnimatable, type TweenSpec, type TwoRowsFrame, WINDOW_HEIGHT_BREAKPOINTS, WINDOW_WIDTH_BREAKPOINTS, WideNavigationRailAnimation, type WideNavigationRailAnimationOptions, type WideNavigationRailMetrics, type WideNavigationRailSample, type WideNavigationRailSpecs, type WideNavigationRailWidthInput, type WindowHeightSizeClass, type WindowPostureOptions, type WindowSizeClass, type WindowSizeClassOptions, type WindowWidthSizeClass, animatedInt, appBarScrollState, buttonGroupVisibleCount, buttonGroupWidths, calculatePaneMotion, calculateThreePaneScaffoldValue, circularIndeterminateFrame, closestPaneExpansionAnchor, collapsedFraction, cubicBezier, dampingCoefficient, dampingRatioFromCoefficient, drawerSettlesOpen, estimateAnimationDurationMillis, estimateAnimationDurationMillisDouble, expandedPanes, exponentialDecayTarget, fabMenuItemVisible, floatingToolbarScrollState, indeterminateFrame, indicatorAmplitude, initialIndeterminateFrame, isAtLeastBreakpoint, isHeightAtLeastBreakpoint, isNavigationBarType, isScrolledUnder, isWidthAtLeastBreakpoint, linearIndeterminateFractions, menuNavigationTarget, menuPosition, menuTransformOrigin, morphSpringDurationMillis, navigationSuiteOffset, navigationSuiteType, nextPaneExpansionAnchor, overlappedFraction, paneExpansionAnchorPosition, paneScaffoldDirective, paneTransitions, parseCubicBezier, sameThreePaneScaffoldValue, sameWindowSizeClass, scrollAppBar, scrollFloatingToolbar, scrollToolbarExpansion, scrollableTabOffset, searchNavigationTarget, searchViewFrame, settleTarget, springDurationMillis, springToLinear, springValue, springVelocity, tabIndicatorShift, tabIndicatorTarget, tabPositions, threePaneScaffoldDirective, threePaneScaffoldLayout, toolbarCollapsedFraction, toolbarExpansionScroll, toolbarNavigationTarget, toolbarSettleTarget, twoRowsFrame, waveOffset, waveTravelMillis, wideNavigationRailItemWidth, wideNavigationRailWidth, windowHeightSizeClass, windowSizeClass, windowWidthSizeClass, withHeight, withHeightOffset, withToolbarOffset, withToolbarOffsetLimit };
+export { type AdaptStrategy, AmplitudeAnimation, type AmplitudeTween, type AppBarScrollBehavior, type AppBarScrollState, type BackNavigationBehavior, type ButtonGroupItemSize, type CircularIndeterminateFrame, type CircularIndeterminateTiming, DEFAULT_DISPLACEMENT_THRESHOLD, DRAWER_POSITIONAL_THRESHOLD, DRAWER_SETTLE_MILLIS, DRAWER_VELOCITY_THRESHOLD, DrawerAnimation, type DrawerSample, type DrawerSpecs, type Easing, FAST_OUT_LINEAR_IN_EASING, type FloatingToolbarExitDirection, type FloatingToolbarScrollState, type IndeterminateFrame, LIST_DETAIL_ADAPT_STRATEGIES, LIST_DETAIL_INITIAL_HISTORY, LIST_DETAIL_PANE_ORDER, type LinearEasing, type LinearEasingOptions, type LinearIndeterminateTiming, ListDetailPaneScaffoldRole, type LoadingIndicatorTiming, MODAL_RAIL_EXPANDED_PROGRESS, type MenuAnchorPosition, type MenuPositionInput, type MenuPositionResult, type MenuRect, type Motion, NAVIGATION_SUITE_EXPANDED_FROM, NAVIGATION_SUITE_TYPES, type NavigationOrientation, type NavigationSuiteSample, NavigationSuiteScaffoldAnimation, type NavigationSuiteType, type NavigationSuiteTypeOptions, PANE_EXPANSION_ANCHORING_VELOCITY_THRESHOLD, PANE_EXPANSION_SAMPLE_ANCHORS, PANE_MOTION_DELAYED_RATIO, PANE_MOTION_VISIBILITY_THRESHOLD, type PaneAdaptedValue, type PaneExpansionAnchor, type PaneExpansionLayout, type PaneMotion, type PaneRect, type PaneRule, type PaneScaffoldDirective, type PaneTransition, RECOMMENDED_MAX_PANES, SEARCH_BAR_EXPANDED_THRESHOLD, SEARCH_DROPDOWN_VISIBLE_PROGRESS, SLIDER_KEY_DIVISIONS, SLIDER_PAGE_DIVISOR, SLIDER_PAGE_MAX_STEPS, SUPPORTING_PANE_ADAPT_STRATEGIES, SUPPORTING_PANE_INITIAL_HISTORY, SUPPORTING_PANE_ORDER, SearchBarAnimation, type SearchBarSample, type SearchBarSpecs, type SearchRect, type SearchViewFrame, type SearchViewInput, type SearchViewMetrics, type SearchViewVariant, type SliderKeyAction, type SliderKeyOptions, type SliderThumbBounds, type SliderTick, type SliderTrackGeometry, type SliderTrackInput, type SliderTrackPart, type SliderTrackPartKind, SpringAnimatable, SpringSimulation, type SpringSpec, SupportingPaneScaffoldRole, TAB_INDICATOR_MIN_WIDTH, THREE_PANE_SCAFFOLD_ROLES, TOP_TITLE_ALPHA_EASING, TYPEAHEAD_TIMEOUT_MS, TabIndicatorAnimation, type TabIndicatorSample, type TabMeasure, type TabPosition, type TabRowVariant, TabScrollAnimation, type ThreePaneScaffoldAdaptStrategies, ThreePaneScaffoldAnimation, type ThreePaneScaffoldDestinationItem, type ThreePaneScaffoldDirectiveOptions, type ThreePaneScaffoldLayout, type ThreePaneScaffoldLayoutInput, ThreePaneScaffoldNavigator, type ThreePaneScaffoldNavigatorOptions, type ThreePaneScaffoldRole, type ThreePaneScaffoldSample, type ThreePaneScaffoldValue, type ToolbarExpansionScroll, type ToolbarOrientation, TweenAnimatable, type TweenSpec, type TwoRowsFrame, WINDOW_HEIGHT_BREAKPOINTS, WINDOW_WIDTH_BREAKPOINTS, WideNavigationRailAnimation, type WideNavigationRailAnimationOptions, type WideNavigationRailMetrics, type WideNavigationRailSample, type WideNavigationRailSpecs, type WideNavigationRailWidthInput, type WindowHeightSizeClass, type WindowPostureOptions, type WindowSizeClass, type WindowSizeClassOptions, type WindowWidthSizeClass, animatedInt, appBarScrollState, buttonGroupVisibleCount, buttonGroupWidths, calculatePaneMotion, calculateThreePaneScaffoldValue, circularIndeterminateFrame, closestPaneExpansionAnchor, collapsedFraction, cubicBezier, dampingCoefficient, dampingRatioFromCoefficient, drawerSettlesOpen, estimateAnimationDurationMillis, estimateAnimationDurationMillisDouble, expandedPanes, exponentialDecayTarget, fabMenuItemVisible, floatingToolbarScrollState, indeterminateFrame, indicatorAmplitude, initialIndeterminateFrame, isAtLeastBreakpoint, isHeightAtLeastBreakpoint, isNavigationBarType, isScrolledUnder, isWidthAtLeastBreakpoint, linearIndeterminateFractions, menuNavigationTarget, menuPosition, menuTransformOrigin, morphSpringDurationMillis, navigationSuiteOffset, navigationSuiteType, nextPaneExpansionAnchor, overlappedFraction, paneExpansionAnchorPosition, paneScaffoldDirective, paneTransitions, parseCubicBezier, sameThreePaneScaffoldValue, sameWindowSizeClass, scrollAppBar, scrollFloatingToolbar, scrollToolbarExpansion, scrollableTabOffset, searchNavigationTarget, searchViewFrame, settleTarget, sliderClosestThumb, sliderFraction, sliderKeyAction, sliderKeyDelta, sliderKeyValue, sliderPageSteps, sliderSnap, sliderSteps, sliderThumbBounds, sliderThumbValue, sliderTickFractions, sliderTrackGeometry, sliderValueAt, springDurationMillis, springToLinear, springValue, springVelocity, tabIndicatorShift, tabIndicatorTarget, tabPositions, threePaneScaffoldDirective, threePaneScaffoldLayout, toolbarCollapsedFraction, toolbarExpansionScroll, toolbarNavigationTarget, toolbarSettleTarget, twoRowsFrame, typeSelectTarget, waveOffset, waveTravelMillis, wideNavigationRailItemWidth, wideNavigationRailWidth, windowHeightSizeClass, windowSizeClass, windowWidthSizeClass, withHeight, withHeightOffset, withToolbarOffset, withToolbarOffsetLimit };

package/dist/index.js

@@ -438,8 +438,21 @@ function menuNavigationTarget(key, count, current) {
   }
 }
 
+// src/type-select.ts
+var TYPEAHEAD_TIMEOUT_MS = 1e3;
+var collator;
+function typeSelectTarget(texts, from, search) {
+  collator ??= new Intl.Collator(void 0, { usage: "search", sensitivity: "base" });
+  const compare = collator;
+  const matches = (text) => text !== "" && compare.compare(text.slice(0, search.length), search) === 0;
+  const start = Math.max(from, 0);
+  for (let i = start; i < texts.length; i++) if (matches(texts[i] ?? "")) return i;
+  for (let i = 0; i < start; i++) if (matches(texts[i] ?? "")) return i;
+  return -1;
+}
+
 // src/toolbar-navigation.ts
-function toolbarNavigationTarget(key, count, current, orientation = "horizontal", rtl = false) {
+function toolbarNavigationTarget(key, count, current, orientation = "horizontal", rtl = false, wrap = false) {
   if (count === 0) return null;
   let step;
   switch (key) {
@@ -449,19 +462,21 @@ function toolbarNavigationTarget(key, count, current, orientation = "horizontal"
       return count - 1;
     case "ArrowRight":
     case "ArrowLeft":
-      if (orientation !== "horizontal") return null;
+      if (orientation === "vertical") return null;
       step = key === "ArrowRight" !== rtl ? 1 : -1;
       break;
     case "ArrowDown":
     case "ArrowUp":
-      if (orientation !== "vertical") return null;
+      if (orientation === "horizontal") return null;
       step = key === "ArrowDown" ? 1 : -1;
       break;
     default:
       return null;
   }
   if (current < 0) return step > 0 ? 0 : count - 1;
-  return Math.min(Math.max(current + step, 0), count - 1);
+  const next = current + step;
+  if (wrap) return (next + count) % count;
+  return Math.min(Math.max(next, 0), count - 1);
 }
 
 // src/cubic-bezier.ts
@@ -1592,6 +1607,178 @@ var DrawerAnimation = class {
   }
 };
 
+// src/slider.ts
+var SLIDER_KEY_DIVISIONS = 100;
+var SLIDER_PAGE_DIVISOR = 10;
+var SLIDER_PAGE_MAX_STEPS = 10;
+var clamp = (v, lo, hi) => Math.min(Math.max(v, lo), hi);
+var lerp3 = (a, b, t) => a + (b - a) * t;
+function sliderSteps(min, max, step) {
+  if (step === void 0 || !(step > 0) || !(max > min)) return 0;
+  return Math.max(0, Math.round((max - min) / step) - 1);
+}
+function sliderTickFractions(steps) {
+  if (steps <= 0) return [];
+  return Array.from({ length: steps + 2 }, (_, i) => i / (steps + 1));
+}
+function sliderFraction(value, min, max) {
+  return clamp(max - min === 0 ? 0 : (value - min) / (max - min), 0, 1);
+}
+var sliderValueAt = (fraction, min, max) => lerp3(min, max, fraction);
+function sliderSnap(value, steps, min, max) {
+  const ticks = sliderTickFractions(steps);
+  if (ticks.length === 0) return value;
+  let best = value;
+  let distance = Infinity;
+  for (const t of ticks) {
+    const v = lerp3(min, max, t);
+    const d = Math.abs(v - value);
+    if (d < distance) {
+      distance = d;
+      best = v;
+    }
+  }
+  return best;
+}
+function sliderThumbValue(value, bounds, steps, min, max) {
+  return sliderSnap(clamp(value, bounds.min, bounds.max), steps, min, max);
+}
+function sliderThumbBounds(values, index, min, max) {
+  return {
+    min: index > 0 ? values[index - 1] ?? min : min,
+    max: index < values.length - 1 ? values[index + 1] ?? max : max
+  };
+}
+function sliderKeyDelta(steps, min, max) {
+  const actual = steps > 0 ? steps + 1 : SLIDER_KEY_DIVISIONS;
+  return Math.abs(max - min) / actual;
+}
+function sliderPageSteps(steps) {
+  const actual = steps > 0 ? steps + 1 : SLIDER_KEY_DIVISIONS;
+  return clamp(Math.floor(actual / SLIDER_PAGE_DIVISOR), 1, SLIDER_PAGE_MAX_STEPS);
+}
+function sliderKeyAction(key, options = {}) {
+  const { vertical = false, rtl = false, shiftKey = false } = options;
+  const page = (up) => shiftKey ? up ? "page-increment" : "page-decrement" : up ? "increment" : "decrement";
+  switch (key) {
+    case "ArrowUp":
+      return page(true);
+    case "ArrowDown":
+      return page(false);
+    case "ArrowRight":
+      return page(vertical || !rtl);
+    case "ArrowLeft":
+      return page(!(vertical || !rtl));
+    case "PageUp":
+      return "page-increment";
+    case "PageDown":
+      return "page-decrement";
+    case "Home":
+      return "min";
+    case "End":
+      return "max";
+    default:
+      return null;
+  }
+}
+function sliderKeyValue(action, values, index, steps, min, max) {
+  const value = values[index] ?? min;
+  const bounds = sliderThumbBounds(values, index, min, max);
+  const delta = sliderKeyDelta(steps, min, max);
+  const page = sliderPageSteps(steps) * delta;
+  const target = action === "increment" ? value + delta : action === "decrement" ? value - delta : action === "page-increment" ? value + page : action === "page-decrement" ? value - page : action === "min" ? bounds.min : bounds.max;
+  return sliderThumbValue(target, bounds, steps, min, max);
+}
+function sliderClosestThumb(values, value) {
+  const [start, end] = values;
+  if (start === void 0 || end === void 0) return 0;
+  const diffStart = Math.abs(start - value);
+  const diffEnd = Math.abs(end - value);
+  if (diffStart !== diffEnd) return diffStart < diffEnd ? 0 : 1;
+  return start > value ? 0 : 1;
+}
+function sliderTrackGeometry(input) {
+  const {
+    length,
+    cornerSize: c,
+    insideCornerSize: inside,
+    thumbWidth,
+    gapSize,
+    steps,
+    fraction,
+    centered = false,
+    cornerShrinking = false,
+    stopIndicator = true
+  } = input;
+  const range = input.startFraction !== void 0;
+  const ticks = sliderTickFractions(steps);
+  const onEdge = (f) => f === ticks[0] || f === ticks[ticks.length - 1];
+  const position = (f) => ticks.length > 0 && !onEdge(f) ? (length - c * 2) * f + c : length * f;
+  const end = position(fraction);
+  const start = range ? position(input.startFraction) : 0;
+  const centre = length / 2;
+  const before = fraction < 0.5;
+  const after = fraction > 0.5;
+  const startThumb = centered ? !after ? thumbWidth : 0 : range ? thumbWidth : 0;
+  const endThumb = centered ? !before ? thumbWidth : 0 : thumbWidth;
+  const startGapSize = centered || range ? gapSize : 0;
+  const startGap = startGapSize > 0 ? startThumb / 2 + startGapSize : 0;
+  const endGap = gapSize > 0 ? endThumb / 2 + gapSize : 0;
+  const thresholdCorner = !cornerShrinking || ticks.length > 0;
+  const parts = [];
+  const stops = [];
+  const adjustedEnd = centered ? Math.min(end, centre) : start;
+  const rangeThreshold = startGap + (thresholdCorner ? c : 0);
+  if ((centered || range) && adjustedEnd > rangeThreshold) {
+    parts.push({
+      kind: "inactive-start",
+      start: 0,
+      end: adjustedEnd - startGap,
+      startRadius: c,
+      endRadius: inside
+    });
+    if (stopIndicator) stops.push(c);
+  }
+  const adjustedStart = centered ? Math.max(end, centre) : end;
+  const inactiveThreshold = length - endGap - (thresholdCorner ? c : 0);
+  if (adjustedStart < inactiveThreshold) {
+    parts.push({
+      kind: "inactive-end",
+      start: adjustedStart + endGap,
+      end: length,
+      startRadius: inside,
+      endRadius: c
+    });
+    if (stopIndicator) stops.push(length - c);
+  }
+  const activeStart = centered ? adjustedEnd + (adjustedEnd < centre ? startGap : 0) : range ? start + startGap : 0;
+  const activeEnd = centered ? adjustedStart - (adjustedStart > centre ? endGap : 0) : end - endGap;
+  const activeStartRadius = centered || range ? inside : c;
+  const activeThreshold = thresholdCorner ? activeStartRadius : 0;
+  if (activeEnd - activeStart > activeThreshold) {
+    parts.push({
+      kind: "active",
+      start: activeStart,
+      end: activeEnd,
+      startRadius: activeStartRadius,
+      endRadius: inside
+    });
+  }
+  const tickList = [];
+  const centreGap = centered ? end > centre ? startGap : endGap : 0;
+  const thumbGap = centered ? end > centre ? endGap : startGap : endGap;
+  ticks.forEach((t, i) => {
+    if (stopIndicator && ((centered || range) && i === 0 || i === ticks.length - 1)) return;
+    const p = lerp3(c, length - c, t);
+    const within = (centreOf, gap) => p >= centreOf - gap && p <= centreOf + gap;
+    if (centered && within(centre, centreGap) || range && within(start, startGap) || within(end, thumbGap)) {
+      return;
+    }
+    tickList.push({ position: p, active: p >= activeStart && p <= activeEnd });
+  });
+  return { thumbs: range ? [start, end] : [end], parts, stops, ticks: tickList };
+}
+
 // src/tabs.ts
 var TAB_INDICATOR_MIN_WIDTH = 24;
 var THRESHOLD = 0.01;
@@ -2257,6 +2444,6 @@ var ThreePaneScaffoldAnimation = class {
   }
 };
 
-export { AmplitudeAnimation, DEFAULT_DISPLACEMENT_THRESHOLD, DRAWER_POSITIONAL_THRESHOLD, DRAWER_SETTLE_MILLIS, DRAWER_VELOCITY_THRESHOLD, DrawerAnimation, FAST_OUT_LINEAR_IN_EASING, LIST_DETAIL_ADAPT_STRATEGIES, LIST_DETAIL_INITIAL_HISTORY, LIST_DETAIL_PANE_ORDER, ListDetailPaneScaffoldRole, MODAL_RAIL_EXPANDED_PROGRESS, NAVIGATION_SUITE_EXPANDED_FROM, NAVIGATION_SUITE_TYPES, NavigationSuiteScaffoldAnimation, PANE_EXPANSION_ANCHORING_VELOCITY_THRESHOLD, PANE_EXPANSION_SAMPLE_ANCHORS, PANE_MOTION_DELAYED_RATIO, PANE_MOTION_VISIBILITY_THRESHOLD, RECOMMENDED_MAX_PANES, SEARCH_BAR_EXPANDED_THRESHOLD, SEARCH_DROPDOWN_VISIBLE_PROGRESS, SUPPORTING_PANE_ADAPT_STRATEGIES, SUPPORTING_PANE_INITIAL_HISTORY, SUPPORTING_PANE_ORDER, SearchBarAnimation, SpringAnimatable, SpringSimulation, SupportingPaneScaffoldRole, TAB_INDICATOR_MIN_WIDTH, THREE_PANE_SCAFFOLD_ROLES, TOP_TITLE_ALPHA_EASING, TabIndicatorAnimation, TabScrollAnimation, ThreePaneScaffoldAnimation, ThreePaneScaffoldNavigator, TweenAnimatable, WINDOW_HEIGHT_BREAKPOINTS, WINDOW_WIDTH_BREAKPOINTS, WideNavigationRailAnimation, animatedInt, appBarScrollState, buttonGroupVisibleCount, buttonGroupWidths, calculatePaneMotion, calculateThreePaneScaffoldValue, circularIndeterminateFrame, closestPaneExpansionAnchor, collapsedFraction, cubicBezier, dampingCoefficient, dampingRatioFromCoefficient, drawerSettlesOpen, estimateAnimationDurationMillis, estimateAnimationDurationMillisDouble, expandedPanes, exponentialDecayTarget, fabMenuItemVisible, floatingToolbarScrollState, indeterminateFrame, indicatorAmplitude, initialIndeterminateFrame, isAtLeastBreakpoint, isHeightAtLeastBreakpoint, isNavigationBarType, isScrolledUnder, isWidthAtLeastBreakpoint, linearIndeterminateFractions, menuNavigationTarget, menuPosition, menuTransformOrigin, morphSpringDurationMillis, navigationSuiteOffset, navigationSuiteType, nextPaneExpansionAnchor, overlappedFraction, paneExpansionAnchorPosition, paneScaffoldDirective, paneTransitions, parseCubicBezier, sameThreePaneScaffoldValue, sameWindowSizeClass, scrollAppBar, scrollFloatingToolbar, scrollToolbarExpansion, scrollableTabOffset, searchNavigationTarget, searchViewFrame, settleTarget, springDurationMillis, springToLinear, springValue, springVelocity, tabIndicatorShift, tabIndicatorTarget, tabPositions, threePaneScaffoldDirective, threePaneScaffoldLayout, toolbarCollapsedFraction, toolbarExpansionScroll, toolbarNavigationTarget, toolbarSettleTarget, twoRowsFrame, waveOffset, waveTravelMillis, wideNavigationRailItemWidth, wideNavigationRailWidth, windowHeightSizeClass, windowSizeClass, windowWidthSizeClass, withHeight, withHeightOffset, withToolbarOffset, withToolbarOffsetLimit };
+export { AmplitudeAnimation, DEFAULT_DISPLACEMENT_THRESHOLD, DRAWER_POSITIONAL_THRESHOLD, DRAWER_SETTLE_MILLIS, DRAWER_VELOCITY_THRESHOLD, DrawerAnimation, FAST_OUT_LINEAR_IN_EASING, LIST_DETAIL_ADAPT_STRATEGIES, LIST_DETAIL_INITIAL_HISTORY, LIST_DETAIL_PANE_ORDER, ListDetailPaneScaffoldRole, MODAL_RAIL_EXPANDED_PROGRESS, NAVIGATION_SUITE_EXPANDED_FROM, NAVIGATION_SUITE_TYPES, NavigationSuiteScaffoldAnimation, PANE_EXPANSION_ANCHORING_VELOCITY_THRESHOLD, PANE_EXPANSION_SAMPLE_ANCHORS, PANE_MOTION_DELAYED_RATIO, PANE_MOTION_VISIBILITY_THRESHOLD, RECOMMENDED_MAX_PANES, SEARCH_BAR_EXPANDED_THRESHOLD, SEARCH_DROPDOWN_VISIBLE_PROGRESS, SLIDER_KEY_DIVISIONS, SLIDER_PAGE_DIVISOR, SLIDER_PAGE_MAX_STEPS, SUPPORTING_PANE_ADAPT_STRATEGIES, SUPPORTING_PANE_INITIAL_HISTORY, SUPPORTING_PANE_ORDER, SearchBarAnimation, SpringAnimatable, SpringSimulation, SupportingPaneScaffoldRole, TAB_INDICATOR_MIN_WIDTH, THREE_PANE_SCAFFOLD_ROLES, TOP_TITLE_ALPHA_EASING, TYPEAHEAD_TIMEOUT_MS, TabIndicatorAnimation, TabScrollAnimation, ThreePaneScaffoldAnimation, ThreePaneScaffoldNavigator, TweenAnimatable, WINDOW_HEIGHT_BREAKPOINTS, WINDOW_WIDTH_BREAKPOINTS, WideNavigationRailAnimation, animatedInt, appBarScrollState, buttonGroupVisibleCount, buttonGroupWidths, calculatePaneMotion, calculateThreePaneScaffoldValue, circularIndeterminateFrame, closestPaneExpansionAnchor, collapsedFraction, cubicBezier, dampingCoefficient, dampingRatioFromCoefficient, drawerSettlesOpen, estimateAnimationDurationMillis, estimateAnimationDurationMillisDouble, expandedPanes, exponentialDecayTarget, fabMenuItemVisible, floatingToolbarScrollState, indeterminateFrame, indicatorAmplitude, initialIndeterminateFrame, isAtLeastBreakpoint, isHeightAtLeastBreakpoint, isNavigationBarType, isScrolledUnder, isWidthAtLeastBreakpoint, linearIndeterminateFractions, menuNavigationTarget, menuPosition, menuTransformOrigin, morphSpringDurationMillis, navigationSuiteOffset, navigationSuiteType, nextPaneExpansionAnchor, overlappedFraction, paneExpansionAnchorPosition, paneScaffoldDirective, paneTransitions, parseCubicBezier, sameThreePaneScaffoldValue, sameWindowSizeClass, scrollAppBar, scrollFloatingToolbar, scrollToolbarExpansion, scrollableTabOffset, searchNavigationTarget, searchViewFrame, settleTarget, sliderClosestThumb, sliderFraction, sliderKeyAction, sliderKeyDelta, sliderKeyValue, sliderPageSteps, sliderSnap, sliderSteps, sliderThumbBounds, sliderThumbValue, sliderTickFractions, sliderTrackGeometry, sliderValueAt, springDurationMillis, springToLinear, springValue, springVelocity, tabIndicatorShift, tabIndicatorTarget, tabPositions, threePaneScaffoldDirective, threePaneScaffoldLayout, toolbarCollapsedFraction, toolbarExpansionScroll, toolbarNavigationTarget, toolbarSettleTarget, twoRowsFrame, typeSelectTarget, waveOffset, waveTravelMillis, wideNavigationRailItemWidth, wideNavigationRailWidth, windowHeightSizeClass, windowSizeClass, windowWidthSizeClass, withHeight, withHeightOffset, withToolbarOffset, withToolbarOffsetLimit };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map