panelui-native 0.88.2 → 0.90.0

package/lib/module/components/section-progress/index.js

@@ -0,0 +1,637 @@
+"use strict";
+
+/**
+ * SectionProgress — a floating pill saying how far through a screen you are,
+ * and which part of it you are in.
+ *
+ * A ring filled to the scroll position, and beside it the title of the section
+ * being read. Pressed, it opens into the list of sections and jumps to any of
+ * them.
+ *
+ * ```tsx
+ * const sections = useScrollSections({ ids: SECTIONS.map((s) => s.id) });
+ *
+ * <SectionProgress
+ *   scroll={sections.scroll}
+ *   value={sections.active}
+ *   onValueChange={sections.scrollTo}
+ * >
+ *   <SectionProgress.Item value="intro">Introduction</SectionProgress.Item>
+ *   <SectionProgress.Item value="setup">Setup</SectionProgress.Item>
+ * </SectionProgress>
+ * ```
+ *
+ * ## Two readings, one control
+ *
+ * The ring is continuous and the label is not, and that is the point: a
+ * percentage says how much is left, a section name says what is being read.
+ * Either on its own leaves the other question open — a bar at 60% of an
+ * unfamiliar page means nothing in particular, and a heading with no sense of
+ * depth is a position without a scale.
+ *
+ * ## It arrives, and then it stays
+ *
+ * Nothing is drawn on the first screen. Past `revealAt` the pill fades in and
+ * remains for the rest of the scroll — it does not hide again on the way back
+ * up. A label that comes and goes with the scroll direction is one the reader
+ * has to catch rather than read.
+ *
+ * ## One surface, not a card above a button
+ *
+ * Open, the list and the pill are a single bordered box: the pill's row is the
+ * end of the card rather than a control sitting under a panel of its own. Two
+ * boxes would draw two outlines a few points apart, and the pill would read as
+ * something the list had landed on top of rather than as the thing it grew
+ * out of.
+ *
+ * The card is the only thing carrying a border, a background and a shadow.
+ * Everything inside it is a row.
+ *
+ * ## The section, and the colour it brings
+ *
+ * An `Item` may carry a `color`, and the active one's colour is taken by the
+ * ring, the label and a wash across the pill, crossfading as the reader moves
+ * between sections. It turns the pill into a second, peripheral signal — the
+ * part of the page you are in, readable without the words.
+ */
+import { Children, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, ScrollView, StyleSheet, View } from 'react-native';
+import Animated, { FadeIn, interpolate, interpolateColor, runOnJS, useAnimatedProps, useAnimatedReaction, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Svg, { Circle, G } from 'react-native-svg';
+import { useCSSVariable } from 'uniwind';
+import { useBackHandler } from "../../hooks/use-back-handler.js";
+import { useScrollProgress } from "../../primitives/scroll-progress.js";
+import { Text, textChildren } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { selectionTick } from "../../utils/haptics.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+
+/** Diameter of the ring, and the weight of its stroke. */
+const RING_SIZE = 22;
+const RING_STROKE = 2.5;
+/**
+ * How long the ring takes to reach a new scroll position.
+ *
+ * The position arrives from a scroll handler on the JavaScript thread, so it
+ * comes in steps rather than continuously. Easing towards each step turns that
+ * back into a glide — and because the easing itself runs on the UI thread, a
+ * busy JavaScript thread costs the ring some lag rather than the whole motion.
+ */
+const PROGRESS_EASE = 160;
+/** How long the pill takes to arrive, and to take on a new section's colour. */
+const REVEAL_DURATION = 200;
+const TINT_DURATION = 240;
+/** How far the pill rises as it appears. */
+const REVEAL_RISE = 10;
+/**
+ * How long a jump from the panel is given to arrive before section changes
+ * start being felt again. Only reached when the scroll had nowhere to go.
+ */
+const JUMP_TIMEOUT = 900;
+/** List width: a floor so one short section still reads, and a cap so long
+    titles wrap instead of pushing the card across the screen. */
+const LIST_MIN_WIDTH = 180;
+const LIST_MAX_WIDTH = '86%';
+/**
+ * How tall the list may grow before it scrolls: about six rows.
+ *
+ * A cap, and a `flexGrow: 0` beside it, because a `ScrollView` carries
+ * `flexGrow: 1` in its own base style — inside a card whose height comes from
+ * its contents, that is a list which fills every point the screen will give it
+ * and a card stretched from edge to edge behind six rows.
+ */
+const LIST_MAX_HEIGHT = 260;
+/**
+ * The collapsed pill's height, from what it is built out of: the ring and the
+ * padding either side of it.
+ *
+ * Halved, it is the closed corner radius — and it is a number rather than a
+ * `rounded-full` because a radius of 9999 on a bordered shape draws a border
+ * that thickens through the curve at each end and thins along the straight
+ * top and bottom. A radius that is exactly half the height curves once.
+ */
+const PILL_HEIGHT = RING_SIZE + 12;
+/** The card's radius once it has opened into a list. */
+const CARD_RADIUS = 20;
+/** How long the corner takes to round off into a card, and the list to arrive. */
+const EXPAND_DURATION = 220;
+const LIST_FADE = 160;
+/** The border the card draws, and the radius the wash inside it takes. */
+const CARD_BORDER = 1;
+
+/** The colour an `Item` can bring with it. */
+
+/** Which side of the pill's row the content sits on, per placement. */
+const ALIGNMENT = {
+  'top-left': 'items-start',
+  'top-center': 'items-center',
+  'top-right': 'items-end',
+  'bottom-left': 'items-start',
+  'bottom-center': 'items-center',
+  'bottom-right': 'items-end'
+};
+
+/**
+ * The tokens, read in one call, and where each colour name sits in the result.
+ *
+ * One array call rather than one hook per name: an `Item`'s colour is a prop
+ * on a child element, and a hook cannot be run per child without the number of
+ * hooks changing with the number of sections.
+ */
+const COLOR_TOKENS = ['--color-foreground', '--color-primary', '--color-success', '--color-warning', '--color-destructive', '--color-info', '--color-muted'];
+const COLOR_INDEX = {
+  foreground: 0,
+  primary: 1,
+  success: 2,
+  warning: 3,
+  danger: 4,
+  info: 5
+};
+/** Where the track colour sits in the same result. */
+const TRACK_INDEX = 6;
+/** Drawn if a token cannot be resolved — a theme that has not loaded yet. */
+const COLOR_FALLBACK = '#f5f5f5';
+const TRACK_FALLBACK = '#3f3f46';
+
+/**
+ * Where the scroller is.
+ *
+ * Three values rather than one fraction, because the fraction is not the only
+ * thing that is wanted: the reveal threshold is a distance in points, and a
+ * distance cannot be recovered from a percentage.
+ *
+ * Both `useScrollSections().scroll` and the `ScrollProgress` primitive's
+ * context satisfy this shape.
+ */
+
+const SectionProgressContext = /*#__PURE__*/createContext(null);
+function useSectionProgress(component) {
+  const context = useContext(SectionProgressContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <SectionProgress>`);
+  }
+  return context;
+}
+function SectionProgressRoot({
+  className,
+  scroll,
+  progress,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  placement = 'bottom-center',
+  offset = 16,
+  revealAt = 64,
+  haptics = false,
+  label = 'Sections',
+  children,
+  ...props
+}) {
+  const insets = useSafeAreaInsets();
+  const reduceMotion = useReducedMotion();
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = valueProp !== undefined;
+  const value = isControlled ? valueProp : internalValue;
+  const isOpenControlled = openProp !== undefined;
+  const open = isOpenControlled ? openProp : internalOpen;
+  const setOpen = useCallback(next => {
+    if (!isOpenControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isOpenControlled, onOpenChange]);
+  const close = useCallback(() => setOpen(false), [setOpen]);
+
+  // The panel owns the back button while it is up — back should put the list
+  // away, not leave the screen behind it.
+  useBackHandler(open, close);
+
+  /*
+   * The sections, read straight off the children.
+   *
+   * The pill has to draw the active section's own label and colour while the
+   * panel that holds the rows is closed and unmounted. Reading the elements is
+   * synchronous, so the first frame is already right — a registration effect
+   * would leave the pill blank until after mount, which is the frame the
+   * reveal animation is playing on.
+   */
+  const items = useMemo(() => {
+    const found = [];
+    Children.forEach(children, child => {
+      if (! /*#__PURE__*/isValidElement(child) || child.type !== SectionProgressItem) return;
+      const itemProps = child.props;
+      if (typeof itemProps.value !== 'string') return;
+      found.push({
+        value: itemProps.value,
+        label: itemProps.children,
+        color: itemProps.color
+      });
+    });
+    return found;
+  }, [children]);
+  const active = items.find(item => item.value === value) ?? items[0];
+
+  // Narrowed on the way out because `useCSSVariable` resolves to a number for
+  // any token that happens to be one.
+  const tokens = useCSSVariable(COLOR_TOKENS);
+  const resolved = tokens[COLOR_INDEX[active?.color ?? 'foreground']];
+  const tint = typeof resolved === 'string' ? resolved : COLOR_FALLBACK;
+  const trackToken = tokens[TRACK_INDEX];
+  const track = typeof trackToken === 'string' ? trackToken : TRACK_FALLBACK;
+
+  /* ------------------------------------------------------------------ *
+   * The ring
+   * ------------------------------------------------------------------ */
+
+  // Called unconditionally, used only as a fallback: a hook cannot sit behind
+  // a `??`, and the context returns null outside a provider anyway.
+  const inherited = useScrollProgress();
+  const source = scroll ?? inherited;
+  const filled = useSharedValue(0);
+  useAnimatedReaction(() => {
+    if (typeof progress === 'number') return progress;
+    if (progress) return progress.value;
+    if (!source) return 0;
+    const span = source.content.value - source.viewport.value;
+    return span > 0 ? source.offset.value / span : 0;
+  }, next => {
+    const clamped = next < 0 ? 0 : next > 1 ? 1 : next;
+    filled.value = withTiming(clamped, {
+      duration: PROGRESS_EASE
+    });
+  }, [progress, source]);
+  const radius = (RING_SIZE - RING_STROKE) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const centre = RING_SIZE / 2;
+
+  /*
+   * A circle's stroke starts at three o'clock, so it is turned back a quarter
+   * to start at twelve. An arc that begins at three reads as a gauge already
+   * part-way along.
+   */
+  const rotate = `rotate(-90 ${centre} ${centre})`;
+
+  /* ------------------------------------------------------------------ *
+   * The reveal
+   * ------------------------------------------------------------------ */
+
+  /*
+   * A React state, not only a shared value: the pill has to stop taking
+   * touches while it is invisible, and `pointerEvents` is not a style. The
+   * reaction fires when the threshold is crossed rather than every frame, so
+   * this costs one hop to the JavaScript thread per scroll, not per event.
+   */
+  const [revealed, setRevealed] = useState(revealAt <= 0);
+  useAnimatedReaction(() => source ? source.offset.value >= revealAt : true, (next, previous) => {
+    if (next !== previous) runOnJS(setRevealed)(next);
+  }, [revealAt, source]);
+  const shown = useSharedValue(revealAt <= 0 ? 1 : 0);
+  useEffect(() => {
+    const to = revealed ? 1 : 0;
+    shown.value = reduceMotion ? to : withTiming(to, {
+      duration: REVEAL_DURATION
+    });
+  }, [revealed, reduceMotion, shown]);
+  const revealStyle = useAnimatedStyle(() => ({
+    opacity: shown.value,
+    transform: [{
+      translateY: interpolate(shown.value, [0, 1], [placement.startsWith('top') ? -REVEAL_RISE : REVEAL_RISE, 0])
+    }]
+  }));
+
+  /* ------------------------------------------------------------------ *
+   * The colour the section brings
+   * ------------------------------------------------------------------ */
+
+  /*
+   * Two colours and a scalar between them, rather than one colour swapped: a
+   * section change is a change of state the reader did not ask for, and one
+   * that lands instantly reads as a flicker rather than as a transition.
+   */
+  const [fade, setFade] = useState({
+    from: tint,
+    to: tint
+  });
+  const crossfade = useSharedValue(1);
+  useEffect(() => {
+    setFade(current => current.to === tint ? current : {
+      from: current.to,
+      to: tint
+    });
+  }, [tint]);
+  useEffect(() => {
+    if (fade.from === fade.to) return;
+    crossfade.value = 0;
+    crossfade.value = reduceMotion ? 1 : withTiming(1, {
+      duration: TINT_DURATION
+    });
+  }, [fade, crossfade, reduceMotion]);
+  const ringProps = useAnimatedProps(() => ({
+    strokeDasharray: [circumference * filled.value, circumference],
+    stroke: interpolateColor(crossfade.value, [0, 1], [fade.from, fade.to])
+  }));
+  const tintStyle = useAnimatedStyle(() => ({
+    color: interpolateColor(crossfade.value, [0, 1], [fade.from, fade.to])
+  }));
+  /*
+   * The corner, from a pill to a card.
+   *
+   * A number rather than `rounded-full`, because a radius far larger than the
+   * shape draws a border that thickens through each curved end and thins along
+   * the straight edges between them. Exactly half the height curves once, and
+   * the hairline stays one weight the whole way round.
+   */
+  const expanded = useSharedValue(open ? 1 : 0);
+  useEffect(() => {
+    const to = open ? 1 : 0;
+    expanded.value = reduceMotion ? to : withTiming(to, {
+      duration: EXPAND_DURATION
+    });
+  }, [open, reduceMotion, expanded]);
+  const cardStyle = useAnimatedStyle(() => ({
+    borderRadius: interpolate(expanded.value, [0, 1], [PILL_HEIGHT / 2, CARD_RADIUS])
+  }));
+  const washStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(crossfade.value, [0, 1], [fade.from, fade.to]),
+    // One point tighter than the card's, since it sits inside the border.
+    borderRadius: interpolate(expanded.value, [0, 1], [PILL_HEIGHT / 2, CARD_RADIUS]) - CARD_BORDER
+  }));
+
+  /* ------------------------------------------------------------------ *
+   * Choosing a section, and feeling the ones scrolled past
+   * ------------------------------------------------------------------ */
+
+  /*
+   * The section a tap asked for, while the screen is still travelling to it.
+   * A jump passes every section in between, and each of those arrives here as
+   * a change of section — one tap, three ticks, none of them a place the
+   * reader went.
+   */
+  const jumpTo = useRef(null);
+  const jumpTimer = useRef(null);
+  const endJump = useCallback(() => {
+    jumpTo.current = null;
+    if (jumpTimer.current) {
+      clearTimeout(jumpTimer.current);
+      jumpTimer.current = null;
+    }
+  }, []);
+  useEffect(() => () => endJump(), [endJump]);
+  const handleValueChange = useCallback(next => {
+    jumpTo.current = next;
+    if (jumpTimer.current) clearTimeout(jumpTimer.current);
+    // A backstop, not the usual way out: a jump to a section the scroller
+    // cannot reach never arrives, and without this nothing would tick again.
+    jumpTimer.current = setTimeout(endJump, JUMP_TIMEOUT);
+    if (!isControlled) setInternalValue(next);
+    onValueChange?.(next);
+    setOpen(false);
+  }, [isControlled, onValueChange, setOpen, endJump]);
+
+  /*
+   * Fired from the resolved value rather than from the handler, so a section
+   * arrived at by scrolling is felt as well as one that was tapped. The ref
+   * skips the first run — mounting is not a change of section.
+   */
+  const ticked = useRef(false);
+  useEffect(() => {
+    if (!ticked.current) {
+      ticked.current = true;
+      return;
+    }
+    if (jumpTo.current !== null) {
+      if (value !== jumpTo.current) return;
+      endJump();
+    }
+    if (haptics) selectionTick();
+  }, [value, haptics, endJump]);
+
+  /* ------------------------------------------------------------------ *
+   * What a screen reader is told
+   * ------------------------------------------------------------------ */
+
+  /*
+   * Rounded to five, and pushed across only when it changes: the ring is a
+   * continuous value and an announcement is not, so the number is coarse on
+   * purpose rather than accurate to a percent nobody can act on.
+   */
+  const [percent, setPercent] = useState(0);
+  useAnimatedReaction(() => Math.round(filled.value * 20) * 5, (next, previous) => {
+    if (next !== previous) runOnJS(setPercent)(next);
+  });
+  const activeLabel = typeof active?.label === 'string' ? active.label : undefined;
+  const context = useMemo(() => ({
+    value: active?.value,
+    onValueChange: handleValueChange,
+    close,
+    tint
+  }), [active?.value, handleValueChange, close, tint]);
+
+  /*
+   * Where the card sits, as padding on a full-screen overlay rather than as a
+   * position on the card itself.
+   *
+   * The overlay is what the dismiss layer needs: a press anywhere outside the
+   * card has to put the list away, and "anywhere" is the whole screen. It
+   * takes no touches of its own, so everything under it still scrolls.
+   */
+  const atTop = placement.startsWith('top');
+  return /*#__PURE__*/_jsx(SectionProgressContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsxs(View, {
+      pointerEvents: revealed ? 'box-none' : 'none',
+      style: [StyleSheet.absoluteFill, {
+        paddingTop: insets.top + offset,
+        paddingBottom: insets.bottom + offset,
+        paddingLeft: insets.left + offset,
+        paddingRight: insets.right + offset,
+        justifyContent: atTop ? 'flex-start' : 'flex-end'
+      }],
+      className: cn(ALIGNMENT[placement], className),
+      ...props,
+      children: [open ? /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Close",
+        onPress: close
+        /* Outside the card's padding, so it covers the screen rather than
+           the space left inside the insets. */,
+        style: {
+          position: 'absolute',
+          top: -(insets.top + offset),
+          bottom: -(insets.bottom + offset),
+          left: -(insets.left + offset),
+          right: -(insets.right + offset)
+        }
+      }) : null, /*#__PURE__*/_jsxs(Animated.View, {
+        /*
+         * No layout animation on this box, deliberately.
+         *
+         * A layout animation here animates every change of its size, and the
+         * size changes on every change of section: the label is a different
+         * word and the pill is a different width. What that draws is the
+         * surface arriving at the old width and closing in on the new word
+         * over a few hundred milliseconds — a band of empty card down each
+         * side of the label, once per section, on a control whose entire job
+         * is to be glanced at.
+         *
+         * The width belongs to the word, so it changes with the word. Only
+         * the opening is animated, and it is animated by the parts that
+         * open: the corner rounds off through `cardStyle`, and the list
+         * fades in over it.
+         */
+        style: [revealStyle, cardStyle, {
+          borderWidth: CARD_BORDER,
+          minWidth: open ? LIST_MIN_WIDTH : undefined,
+          maxWidth: LIST_MAX_WIDTH
+        }],
+        className: "border-border bg-popover shadow-lg",
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          pointerEvents: "none",
+          style: [washStyle, StyleSheet.absoluteFill, {
+            opacity: 0.09
+          }]
+        }), open && !atTop ? /*#__PURE__*/_jsx(SectionProgressList, {
+          reduceMotion: reduceMotion,
+          children: children
+        }) : null, /*#__PURE__*/_jsxs(Pressable, {
+          accessibilityRole: "button",
+          accessibilityLabel: activeLabel ? `${label}. ${activeLabel}. ${percent}% read.` : label,
+          accessibilityState: {
+            expanded: open
+          },
+          onPress: () => setOpen(!open),
+          className: "flex-row items-center gap-2.5 py-1.5 pe-4 ps-2",
+          children: [/*#__PURE__*/_jsx(View, {
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            children: /*#__PURE__*/_jsx(Svg, {
+              width: RING_SIZE,
+              height: RING_SIZE,
+              children: /*#__PURE__*/_jsxs(G, {
+                children: [/*#__PURE__*/_jsx(Circle, {
+                  cx: centre,
+                  cy: centre,
+                  r: radius,
+                  stroke: track,
+                  strokeWidth: RING_STROKE,
+                  fill: "none"
+                }), /*#__PURE__*/_jsx(AnimatedCircle, {
+                  animatedProps: ringProps,
+                  cx: centre,
+                  cy: centre,
+                  r: radius,
+                  strokeWidth: RING_STROKE,
+                  strokeLinecap: "round",
+                  fill: "none",
+                  transform: rotate
+                })]
+              })
+            })
+          }), /*#__PURE__*/_jsx(Animated.Text, {
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: tintStyle
+            // No `flex-1`: the card is sized by its contents, and a flex
+            // child inside an auto-width row takes a basis of zero — which
+            // is a label of no width at all.
+            ,
+            className: "text-sm font-medium",
+            numberOfLines: 1,
+            children: active?.label
+          })]
+        }), open && atTop ? /*#__PURE__*/_jsx(SectionProgressList, {
+          reduceMotion: reduceMotion,
+          children: children
+        }) : null]
+      })]
+    })
+  });
+}
+
+/**
+ * The sections.
+ *
+ * No rule between the list and the pill's row. The rows are already separated
+ * from the row below by their own gap and by the fill on the active one, and a
+ * hairline across a card this small draws a second edge a few points inside
+ * the one the card already has.
+ *
+ * It fades in and is gone on close, with no exit animation. An exiting
+ * animation keeps the view mounted as a snapshot while the card re-lays-out
+ * around it — the card shrinks to the pill under a list that is still on
+ * screen, so the control shifts and settles back over the following frames.
+ * Closing is one change, in one frame.
+ */
+function SectionProgressList({
+  children,
+  reduceMotion
+}) {
+  return /*#__PURE__*/_jsx(Animated.View, {
+    entering: reduceMotion ? undefined : FadeIn.duration(LIST_FADE),
+    accessibilityRole: "menu",
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      bounces: false,
+      showsVerticalScrollIndicator: false
+      // The list is as tall as its rows, up to six of them. Both halves are
+      // needed: `flexGrow: 0` to undo the ScrollView's own base style, and
+      // the cap so a screen with twenty sections still opens a list rather
+      // than a full-height column.
+      ,
+      style: {
+        flexGrow: 0,
+        maxHeight: LIST_MAX_HEIGHT
+      },
+      contentContainerClassName: "gap-0.5 p-1.5",
+      children: textChildren(children)
+    })
+  });
+}
+/**
+ * One section: a row in the panel, and the label the pill shows while that
+ * section is the one being read.
+ */
+function SectionProgressItem({
+  className,
+  value,
+  children
+}) {
+  const {
+    value: active,
+    onValueChange,
+    tint
+  } = useSectionProgress('SectionProgress.Item');
+  const selected = active === value;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "menuitem",
+    accessibilityState: {
+      selected
+    },
+    onPress: () => onValueChange(value),
+    className: cn('flex-row items-center gap-3 rounded-xl px-3 py-2 active:bg-accent', selected && 'bg-accent', className),
+    children: [/*#__PURE__*/_jsx(View, {
+      style: selected ? {
+        backgroundColor: tint
+      } : undefined,
+      className: cn('h-1.5 w-1.5 rounded-full', !selected && 'bg-muted-foreground/40')
+    }), /*#__PURE__*/_jsx(Text, {
+      size: "sm",
+      weight: selected ? 'medium' : 'normal',
+      className: selected ? 'text-foreground' : 'text-muted-foreground'
+      // Two lines rather than one: an ellipsis in a navigator hides the very
+      // word that says which section the row would jump to.
+      ,
+      numberOfLines: 2,
+      children: children
+    })]
+  });
+}
+SectionProgressRoot.displayName = 'SectionProgress';
+SectionProgressItem.displayName = 'SectionProgress.Item';
+export const SectionProgress = Object.assign(SectionProgressRoot, {
+  Item: SectionProgressItem
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/section-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","isValidElement","useCallback","useContext","useEffect","useMemo","useRef","useState","Pressable","ScrollView","StyleSheet","View","Animated","FadeIn","interpolate","interpolateColor","runOnJS","useAnimatedProps","useAnimatedReaction","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","useSafeAreaInsets","Svg","Circle","G","useCSSVariable","useBackHandler","useScrollProgress","Text","textChildren","cn","selectionTick","jsx","_jsx","jsxs","_jsxs","AnimatedCircle","createAnimatedComponent","RING_SIZE","RING_STROKE","PROGRESS_EASE","REVEAL_DURATION","TINT_DURATION","REVEAL_RISE","JUMP_TIMEOUT","LIST_MIN_WIDTH","LIST_MAX_WIDTH","LIST_MAX_HEIGHT","PILL_HEIGHT","CARD_RADIUS","EXPAND_DURATION","LIST_FADE","CARD_BORDER","ALIGNMENT","COLOR_TOKENS","COLOR_INDEX","foreground","primary","success","warning","danger","info","TRACK_INDEX","COLOR_FALLBACK","TRACK_FALLBACK","SectionProgressContext","useSectionProgress","component","context","Error","SectionProgressRoot","className","scroll","progress","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","placement","offset","revealAt","haptics","label","children","props","insets","reduceMotion","internalValue","setInternalValue","internalOpen","setInternalOpen","isControlled","undefined","isOpenControlled","setOpen","next","close","items","found","forEach","child","type","SectionProgressItem","itemProps","push","color","active","find","item","tokens","resolved","tint","trackToken","track","inherited","source","filled","span","content","viewport","clamped","duration","radius","circumference","Math","PI","centre","rotate","revealed","setRevealed","previous","shown","to","revealStyle","opacity","transform","translateY","startsWith","fade","setFade","from","crossfade","current","ringProps","strokeDasharray","stroke","tintStyle","expanded","cardStyle","borderRadius","washStyle","backgroundColor","jumpTo","jumpTimer","endJump","clearTimeout","handleValueChange","setTimeout","ticked","percent","setPercent","round","activeLabel","atTop","Provider","pointerEvents","style","absoluteFill","paddingTop","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","justifyContent","accessibilityRole","accessibilityLabel","onPress","position","borderWidth","minWidth","maxWidth","SectionProgressList","accessibilityState","accessibilityElementsHidden","importantForAccessibility","width","height","cx","cy","r","strokeWidth","fill","animatedProps","strokeLinecap","numberOfLines","entering","bounces","showsVerticalScrollIndicator","flexGrow","maxHeight","contentContainerClassName","selected","size","weight","displayName","SectionProgress","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/section-progress/index.tsx"],"mappings":"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","ignoreList":[]}