@kanso-labs/react-native-kanso-ui 0.1.0 → 0.2.0

package/dist/components/progress-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Ref","DimensionValue","StyleProp","ViewProps","ViewStyle","AnimatedStyle","SharedValue","I18nManager","StyleSheet","View","Animated","useAnimatedProps","useAnimatedStyle","useDerivedValue","useReducedMotion","Svg","Path","IndicatorColors","IndicatorTone","Curve","Keyframe","RingWave","HIDDEN","activeLength","fillOf","IndicatorLabels","IndicatorLine","readingOf","useEased","useIndicatorColors","useMeasuredWidth","keyframeAt","useLoop","arcPath","TURN","WAVE_HEIGHT","WAVE_ORIGIN","wavePath","wavyArcPath","DETERMINATE_EASING","GAP","stylesOf","indicatorStylesOf","THICKNESS","parseLength","useTheme","composeStyles","themedStyles","Bar","scale","start","translate","ProgressIndicatorProps","Omit","buffer","diameter","formatOptions","Intl","NumberFormatOptions","isIndeterminate","label","locale","maxValue","minValue","ref","shape","ProgressIndicatorShape","showValue","style","tone","ProgressIndicatorTone","value","valueLabel","variant","ProgressIndicatorVariant","Extract","CIRCULAR_SIZE","RADIUS","ARC_MS","CYCLE_MS","ROTATE_MS","Math","round","RING_EASING","RING_SETTLE","INDETERMINATE_MS","BUFFER_MS","LINE_SLOWDOWN","RING_SLOWDOWN","WAVE_WAVELENGTH","INDETERMINATE_WAVELENGTH","WAVE_REACH","WAVE_FROM","WAVE_UNTIL","WAVY_SIZE","RING_AMPLITUDE","RING_WAVELENGTH","WAVY_RADIUS","RING_WAVE","amplitude","centre","radius","waves","PITCH","PRIMARY_BAR","SECONDARY_BAR","EXPAND_ARC","TRAVEL_ARC","AnimatedPath","createAnimatedComponent","styles","create","bar","height","left","position","top","transformOrigin","buffered","flexShrink","dot","width","dotRow","flexDirection","gap","dots","flexGrow","minWidth","overflow","line","alignSelf","justifyContent","mirrored","transform","scaleX","rootCircular","alignItems","row","track","absoluteFill","wave","wavyLine","radii","borderRadius","pill","circle","Buffer","t0","$","_c","colors","share","theme","own","reduceMotion","clock","direction","isRTL","scroll","translateX","get","t1","widthOf","t2","T0","t4","t5","t6","dotsFor","map","t7","t8","t3","t9","bufferShare","percentage","undefined","range","remaining","min","max","CircularTrack","motion","wavy","box","circumference","durationLong2","duration","easing","timing","shown","fade","isWaving","slowdown","arc","cycle","turn","active","opacity","from","d","length","strokeOf","DeterminateLine","durationMedium1","under","Array","ceil","_","index","IndeterminateBars","primary","useBarStyle","secondary","IndeterminateLine","LinearTrack","onLayout","LineWave","Symbol","for","ProgressIndicator","ariaLabel","props","reading","text","t10","root","RingWavePath","phase","color","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","const","time","WaveBar","to","_c","indicatorStylesOf"],"sources":["../../../src/components/progress-indicator/index.tsx"],"sourcesContent":["import type { Ref } from 'react'\nimport type {\n  DimensionValue,\n  StyleProp,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle, SharedValue } from 'react-native-reanimated'\n\nimport { I18nManager, StyleSheet, View } from 'react-native'\nimport Animated, {\n  useAnimatedProps,\n  useAnimatedStyle,\n  useDerivedValue,\n  useReducedMotion,\n} from 'react-native-reanimated'\nimport Svg, { Path } from 'react-native-svg'\n\nimport type { IndicatorColors, IndicatorTone } from '../../indicator'\nimport type { Curve, Keyframe } from '../../indicator/motion'\nimport type { RingWave } from '../../indicator/paths'\n\nimport { HIDDEN } from '../../glyphs/hidden'\nimport {\n  activeLength,\n  fillOf,\n  IndicatorLabels,\n  IndicatorLine,\n  readingOf,\n  useEased,\n  useIndicatorColors,\n  useMeasuredWidth,\n} from '../../indicator'\nimport { keyframeAt, useLoop } from '../../indicator/motion'\nimport {\n  arcPath,\n  TURN,\n  WAVE_HEIGHT,\n  WAVE_ORIGIN,\n  wavePath,\n  wavyArcPath,\n} from '../../indicator/paths'\nimport {\n  DETERMINATE_EASING,\n  GAP,\n  stylesOf as indicatorStylesOf,\n  THICKNESS,\n} from '../../indicator/styles'\nimport { parseLength } from '../../theme/resolve'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\n\n// The progress indicators page's indicator, as kanso-ui's ProgressIndicator\n// draws it: a line or a ring, in either of the page's two shapes, flat and\n// wavy. Both carry the three parts the page's anatomy names, the active\n// indicator in primary, the track in secondary container and, on the line,\n// the stop indicator in primary at the end, at the page's 4dp thickness with\n// the 4dp gap its measurements give either side of the track. The flat ring\n// is the page's default 40dp of the four sizes it draws, and the wavy ring the\n// 48dp its wave needs room for.\n//\n// The determinate line is src/indicator's, which Meter draws too: the active\n// indicator takes the value's share of what the gaps and the stop leave, and\n// the track takes the rest. The determinate ring is two arcs of one circle:\n// the active arc runs clockwise from the top for its share of the\n// circumference, and the track picks up 4dp past it and stops 4dp before it\n// comes back round, which is the same gap measured along the curve.\n//\n// The animations are Material's own, with web's numbers: the line's two bars\n// and their four keyframe sets, the buffer's scrolling dots, the ring's 1333ms\n// arc, its four-arc cycle and its 1568ms rotation, and the 250ms and 500ms a\n// determinate value moves over. React Native has no CSS keyframes, so each\n// set is a list of the same frames read off a looping clock on the UI thread,\n// in src/indicator/motion.ts.\n//\n// Under reduced motion the motion slows rather than stopping, as web's does:\n// an indicator that freezes stops saying the work is going on, and a frozen\n// arc caught at its short end reads as broken. The multipliers are web's, two\n// for the line and a quarter more for the ring. A determinate value jumps\n// there instead of easing, as web's transition drops to `0s`.\n//\n// The wavy shape draws the active indicator as a wave and leaves the track and\n// the stop flat, as the page does, with web's numbers, which are Material's\n// own: on the line a 3dp amplitude, a 40dp wavelength and a 10dp row, with a\n// 20dp wavelength while indeterminate; on the ring a 1.6dp amplitude and a\n// 15dp wavelength, rounded to a whole number of waves so the wave closes on\n// itself. A determinate wave lies flat up to a tenth of the way and from 95%\n// on, and is drawn over the flat drawing, the two crossfading as the value\n// crosses those bounds. The flat drawing is also what a reader who has asked\n// for reduced motion sees, since a wave is motion even standing still, and\n// what a line wider than `WAVE_REACH` is drawn as.\n//\n// Web cuts its arcs and waves out of whole curves with dash patterns; here\n// each is a path built from where it starts and how far it runs, for the\n// reason src/indicator/paths.ts gives.\n//\n// The root carries the role, the range, the value and its text, which React\n// Aria's `useProgressBar` gives web's, so a screen reader hears the label and\n// the value as one element. The value is read as React Aria reads it: clamped\n// to the range, and written as a percentage unless `formatOptions` says\n// otherwise, in `locale`.\n\n/** A bar of the indeterminate line, as web's keyframes move it. */\ntype Bar = {\n  /** Its scale across, from its start. */\n  readonly scale: readonly Keyframe[]\n  /** Where it starts, as a share of the row before the row's own start. */\n  readonly start: number\n  /** How far it has travelled from there, as a share of the row. */\n  readonly translate: readonly Keyframe[]\n}\n\ntype ProgressIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {\n  /**\n   * How far the work is loaded ahead of the value, a video's buffered\n   * seconds or a queue's fetched pages. Read on the same scale as `value`:\n   * the track is solid up to it and dotted beyond. Ignored while the\n   * indicator is indeterminate and by the ring, and left out for work with\n   * nothing to buffer.\n   */\n  readonly buffer?: number\n  /**\n   * How wide the ring is drawn, as a CSS length read the way a theme's\n   * lengths are. Everything inside scales with it, so a ring in a button can\n   * take the button's icon size. The length is in px, since a relative unit\n   * has nothing on native to be relative to. Ignored by the line, which fills\n   * the width it is given.\n   * @default '40px', or '48px' for the wavy ring\n   */\n  readonly diameter?: `${number}px`\n  /**\n   * How the value reads.\n   * @default { style: 'percent' }\n   */\n  readonly formatOptions?: Intl.NumberFormatOptions\n  /**\n   * For work whose length is not known: the indicator runs on its own, and\n   * has no value to show or announce.\n   * @default false\n   */\n  readonly isIndeterminate?: boolean\n  /**\n   * What the work is, shown above the indicator. A screen reader reads it as\n   * the indicator's name; an indicator whose surroundings name it takes\n   * `aria-label` instead and leaves this out.\n   */\n  readonly label?: string\n  /**\n   * The BCP 47 locale the value is written in. Defaults to the device's.\n   */\n  readonly locale?: string\n  /**\n   * The value at which the work is done.\n   * @default 100\n   */\n  readonly maxValue?: number\n  /**\n   * The value at which the work starts.\n   * @default 0\n   */\n  readonly minValue?: number\n  readonly ref?: Ref<View>\n  /**\n   * The page's two shapes. `wavy` draws the active indicator as a wave, which\n   * lies flat near either end of a determinate value, and leaves the track\n   * and the stop flat; the wavy ring is 48dp across rather than 40. Under\n   * reduced motion a wavy indicator is drawn flat.\n   * @default 'flat'\n   */\n  readonly shape?: ProgressIndicatorShape\n  /**\n   * Whether the value is shown beside the label. Ignored while the indicator\n   * is indeterminate, which has no value to show.\n   * @default false\n   */\n  readonly showValue?: boolean\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Which colours it is drawn in. `primary` is the page's own pair, the active\n   * indicator in primary over a secondary container track, and `inherit`\n   * takes the colour of the slot it sits in, for an indicator inside something\n   * that already has one, such as a button, where primary would be the fill.\n   * @default 'primary'\n   */\n  readonly tone?: ProgressIndicatorTone\n  /**\n   * How far the work has gone, between `minValue` and `maxValue`.\n   * @default 0\n   */\n  readonly value?: number\n  /** The value as words, in place of the number `formatOptions` writes. */\n  readonly valueLabel?: string\n  /**\n   * The line the page draws, or the ring: `linear` fills the width it is\n   * given, `circular` is 40dp across.\n   * @default 'linear'\n   */\n  readonly variant?: ProgressIndicatorVariant\n}\n\ntype ProgressIndicatorShape = 'flat' | 'wavy'\n\n// The two of the shared line's four tones an indicator draws. The other two\n// say how a measurement reads, which is a meter's business rather than a\n// running task's.\ntype ProgressIndicatorTone = Extract<IndicatorTone, 'inherit' | 'primary'>\n\ntype ProgressIndicatorVariant = 'circular' | 'linear'\n\n// The flat ring. The radius is the diameter less the stroke, halved, so the\n// stroke sits inside the 40dp box rather than straddling its edge.\nconst CIRCULAR_SIZE = 40\nconst RADIUS = (CIRCULAR_SIZE - THICKNESS) / 2\n\n// The ring's timings. The arc is 1333ms; a full cycle is four of them; and the\n// rotation is the arc scaled by 360/306, which is the arc's start rotation plus\n// the circle less the arc's size. A determinate ring moves on Material's own\n// curve rather than the line's.\nconst ARC_MS = 1333\nconst CYCLE_MS = ARC_MS * 4\nconst ROTATE_MS = Math.round((ARC_MS * 360) / 306)\nconst RING_EASING: Curve = [0.4, 0, 0.2, 1]\nconst RING_SETTLE: Curve = [0, 0, 0.2, 1]\n\n// The line's own: 2s for an indeterminate pass, and the 250ms the buffer's\n// dots take to scroll one pitch.\nconst INDETERMINATE_MS = 2000\nconst BUFFER_MS = 250\n\n// What reduced motion slows each shape by.\nconst LINE_SLOWDOWN = 2\nconst RING_SLOWDOWN = 1.25\n\n// The wavy line's two wavelengths, and how far the wave runs: a row wider than\n// that draws flat, as web's does.\nconst WAVE_WAVELENGTH = 40\nconst INDETERMINATE_WAVELENGTH = 20\nconst WAVE_REACH = 2048\n\n// Where a determinate wave stands up and where it lies down again, as\n// percentages of the way.\nconst WAVE_FROM = 10\nconst WAVE_UNTIL = 95\n\n// The wavy ring: the 48dp box, and the wave round the circle pulled in by the\n// amplitude so its crests stay inside the box. The wave count is the\n// wavelength's share of that circle, rounded, which is nine.\nconst WAVY_SIZE = 48\nconst RING_AMPLITUDE = 1.6\nconst RING_WAVELENGTH = 15\nconst WAVY_RADIUS = (WAVY_SIZE - THICKNESS) / 2 - RING_AMPLITUDE\n\nconst RING_WAVE: RingWave = {\n  amplitude: RING_AMPLITUDE,\n  centre: WAVY_SIZE / 2,\n  radius: WAVY_RADIUS,\n  waves: Math.round((TURN * WAVY_RADIUS) / RING_WAVELENGTH),\n}\n\n// The buffer's dots: the track's colour, at the stroke's size, one pitch of\n// two and a half strokes apart.\nconst PITCH = THICKNESS * 2.5\n\n// The two bars of the indeterminate line, translated and scaled at once, with\n// web's keyframes, which are Material's.\nconst PRIMARY_BAR: Bar = {\n  scale: [\n    [0, 0.08],\n    [0.3665, 0.08, [0.334731, 0.12482, 0.785844, 1]],\n    [0.6915, 0.661479, [0.06, 0.11, 0.6, 1]],\n    [1, 0.08],\n  ],\n  start: -1.45167,\n  translate: [\n    [0, 0],\n    [0.2, 0, [0.5, 0, 0.701732, 0.495819]],\n    [0.5915, 0.836714, [0.302435, 0.381352, 0.55, 0.956352]],\n    [1, 2.00611],\n  ],\n}\n\nconst SECONDARY_BAR: Bar = {\n  scale: [\n    [0, 0.08, [0.205028, 0.057051, 0.57661, 0.453971]],\n    [0.1915, 0.457104, [0.152313, 0.196432, 0.648374, 1.00432]],\n    [0.4415, 0.72796, [0.257759, -0.003163, 0.211762, 1.38179]],\n    [1, 0.08],\n  ],\n  start: -0.548889,\n  translate: [\n    [0, 0, [0.15, 0, 0.515058, 0.409685]],\n    [0.25, 0.376519, [0.31033, 0.284058, 0.8, 0.733712]],\n    [0.4835, 0.843862, [0.4, 0.627035, 0.6, 0.902026]],\n    [1, 1.60278],\n  ],\n}\n\n// The indeterminate ring's arc, as a share of the way round. Material\n// contracts it to 10 degrees of turn and grows it to 270; web draws the short\n// end at 8% rather than 10 degrees, since a round cap on so short an arc draws\n// a dot, and this is web's.\nconst EXPAND_ARC: readonly Keyframe[] = [\n  [0, 0.08, RING_EASING],\n  [0.5, 0.75, RING_EASING],\n  [1, 0.08],\n]\n\n// Where the arc starts, in turns. Material turns it in eight steps of 135\n// degrees rather than at a constant rate, each on the arc's own curve, so it\n// settles at each position and springs to the next: three full turns over the\n// cycle, under the rotation's own single turn.\nconst TRAVEL_ARC: readonly Keyframe[] = [\n  [0, 0, RING_EASING],\n  [0.125, 0.375, RING_EASING],\n  [0.25, 0.75, RING_EASING],\n  [0.375, 1.125, RING_EASING],\n  [0.5, 1.5, RING_EASING],\n  [0.625, 1.875, RING_EASING],\n  [0.75, 2.25, RING_EASING],\n  [0.875, 2.625, RING_EASING],\n  [1, 3],\n]\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path)\n\nconst styles = StyleSheet.create({\n  // A bar of the indeterminate line: the row's width, scaled from its start\n  // and travelling across. Physical rather than logical, as web's are: the\n  // keyframes move one way only, so the direction is handled once, by\n  // mirroring the row.\n  bar: {\n    height: THICKNESS,\n    left: 0,\n    position: 'absolute',\n    top: 0,\n    transformOrigin: 'left center',\n  },\n  // The solid part of a buffered track, as far as the buffer reaches.\n  buffered: {\n    flexShrink: 0,\n    height: THICKNESS,\n  },\n  dot: {\n    height: THICKNESS,\n    width: THICKNESS,\n  },\n  // The dots, scrolling one pitch toward the start of the line and starting\n  // again.\n  dotRow: {\n    flexDirection: 'row',\n    gap: PITCH - THICKNESS,\n  },\n  // What the buffer leaves of the track, which the dots fill.\n  dots: {\n    flexGrow: 1,\n    flexShrink: 1,\n    height: THICKNESS,\n    minWidth: 0,\n    overflow: 'hidden',\n  },\n  // The flat line's row, whose width the line is drawn to.\n  line: {\n    alignSelf: 'stretch',\n    justifyContent: 'center',\n  },\n  mirrored: {\n    transform: [{ scaleX: -1 }],\n  },\n  // A circular indicator is its own size rather than the room it is given.\n  rootCircular: {\n    alignItems: 'flex-start',\n  },\n  // The indeterminate line's row, which clips its bars at both ends.\n  row: {\n    alignSelf: 'stretch',\n    height: THICKNESS,\n    overflow: 'hidden',\n  },\n  // The track behind the indeterminate line's bars.\n  track: {\n    ...StyleSheet.absoluteFill,\n  },\n  // A wave over the line: the row's whole box, mirrored under a right-to-left\n  // layout so it starts at the start of the line.\n  wave: {\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n  },\n  // The wavy line's row: the wave's 10dp, with the flat line through its\n  // middle.\n  wavyLine: {\n    alignSelf: 'stretch',\n    height: WAVE_HEIGHT,\n    justifyContent: 'center',\n  },\n})\n\nconst stylesOf = themedStyles(({ radii }) =>\n  StyleSheet.create({\n    // The bars carry the pill every other part of the line draws. It is drawn\n    // under the bar's own scale, so it flattens as the bar narrows, as web's\n    // and Material's do.\n    bar: { borderRadius: radii.pill },\n    dot: { borderRadius: radii.circle },\n    row: { borderRadius: radii.pill },\n  }),\n)\n\n/**\n * The dots beyond the buffer, scrolling toward the start of the line. There\n * is one more of them than the row has room for, so the row stays full as\n * they move.\n */\nfunction Buffer({\n  colors,\n  share,\n  width,\n}: {\n  readonly colors: IndicatorColors\n  readonly share: number\n  readonly width: number\n}) {\n  const theme = useTheme()\n  const own = stylesOf(theme)\n  const reduceMotion = useReducedMotion()\n  const clock = useLoop(BUFFER_MS * (reduceMotion ? LINE_SLOWDOWN : 1), true)\n  // A translation is not mirrored under a right-to-left layout, though the\n  // row is, so the dots travel the other way there.\n  const direction = I18nManager.isRTL ? -1 : 1\n  const scroll = useAnimatedStyle(() => {\n    'worklet'\n    return { transform: [{ translateX: -PITCH * clock.get() * direction }] }\n  })\n\n  return (\n    <>\n      <View\n        style={composeStyles<ViewStyle>(\n          styles.buffered,\n          fillOf(colors.track),\n          widthOf(`${share}%`),\n        )}\n      />\n      <View style={styles.dots}>\n        <Animated.View\n          style={composeStyles<AnimatedStyle<ViewStyle>>(styles.dotRow, scroll)}\n        >\n          {dotsFor(width).map((dot) => (\n            <View\n              key={dot}\n              style={composeStyles<ViewStyle>(\n                styles.dot,\n                own.dot,\n                fillOf(colors.track),\n              )}\n            />\n          ))}\n        </Animated.View>\n      </View>\n    </>\n  )\n}\n\n// How much of the track the buffer covers. The buffer is read on the value's\n// scale, and the track holds what the value has not taken, so the solid part\n// is the buffer's share of that remainder, as web's `bufferShare` gives it.\nfunction bufferShare(\n  buffer: number | undefined,\n  percentage: number,\n  minValue: number,\n  maxValue: number,\n) {\n  if (buffer === undefined) {\n    return undefined\n  }\n  const range = maxValue - minValue\n  const buffered = range === 0 ? 0 : ((buffer - minValue) / range) * 100\n  const remaining = 100 - percentage\n  if (remaining <= 0) {\n    return 0\n  }\n  return Math.min(100, Math.max(0, ((buffered - percentage) / remaining) * 100))\n}\n\n/**\n * The ring: two arcs of one circle while determinate, one arc growing,\n * shrinking and travelling round while indeterminate, and for the wavy shape a\n * wave over the active arc. Drawn on a box of its own size and scaled to the\n * diameter, so the stroke and the gap scale with it.\n */\nfunction CircularTrack({\n  colors,\n  diameter,\n  isIndeterminate,\n  percentage,\n  shape,\n}: {\n  readonly colors: IndicatorColors\n  readonly diameter: number\n  readonly isIndeterminate: boolean\n  readonly percentage: number\n  readonly shape: ProgressIndicatorShape\n}) {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const wavy = shape === 'wavy'\n  const waves = wavy && !reduceMotion\n  const box = wavy ? WAVY_SIZE : CIRCULAR_SIZE\n  const centre = box / 2\n  const radius = wavy ? WAVY_RADIUS : RADIUS\n  const circumference = TURN * radius\n  const timing = { duration: motion.durationLong2, easing: RING_SETTLE }\n  const shown = useEased(percentage, timing)\n  const fade = useEased(\n    waves && (isIndeterminate || isWaving(percentage)) ? 1 : 0,\n    timing,\n  )\n  const slowdown = reduceMotion ? RING_SLOWDOWN : 1\n  const arc = useLoop(ARC_MS * slowdown, isIndeterminate)\n  const cycle = useLoop(CYCLE_MS * slowdown, isIndeterminate)\n  const turn = useLoop(Math.round(ROTATE_MS * slowdown), isIndeterminate)\n\n  // The active arc, or the indeterminate one: it grows and shrinks over the\n  // arc's duration, its start travels the circle over the cycle, and the\n  // whole of it turns over the rotation's. An indeterminate ring starts at\n  // three o'clock, as web's does once its spin replaces the quarter turn back\n  // that puts a determinate one's start at the top.\n  const active = useAnimatedProps(() => {\n    'worklet'\n    const opacity = 1 - fade.get()\n    if (isIndeterminate) {\n      const from =\n        TURN / 4 + TURN * (turn.get() + keyframeAt(TRAVEL_ARC, cycle.get()))\n      return {\n        d: arcPath(\n          centre,\n          radius,\n          from,\n          TURN * keyframeAt(EXPAND_ARC, arc.get()),\n        ),\n        opacity,\n      }\n    }\n    return {\n      d: arcPath(centre, radius, 0, (TURN * shown.get()) / 100),\n      opacity,\n    }\n  })\n  // The track picks up a gap past the active arc and stops a gap before the\n  // top.\n  const track = useAnimatedProps(() => {\n    'worklet'\n    const length = (circumference * shown.get()) / 100\n    return {\n      d: arcPath(\n        centre,\n        radius,\n        (length + GAP) / radius,\n        Math.max(0, circumference - length - 2 * GAP) / radius,\n      ),\n    }\n  })\n\n  return (\n    <Svg\n      {...HIDDEN}\n      height={diameter}\n      viewBox={`0 0 ${box} ${box}`}\n      width={diameter}\n    >\n      {isIndeterminate ? null : (\n        <AnimatedPath animatedProps={track} {...strokeOf(colors.track)} />\n      )}\n      <AnimatedPath animatedProps={active} {...strokeOf(colors.active)} />\n      {waves ? (\n        <RingWavePath\n          arc={arc}\n          colors={colors}\n          cycle={cycle}\n          fade={fade}\n          isIndeterminate={isIndeterminate}\n          shown={shown}\n          turn={turn}\n        />\n      ) : null}\n    </Svg>\n  )\n}\n\n/**\n * The line determinate: src/indicator's, with the buffer in its track, and\n * for the wavy shape a wave over its active indicator, crossfading with it as\n * the value crosses the bounds the wave stands between.\n */\nfunction DeterminateLine({\n  buffer,\n  colors,\n  percentage,\n  waves,\n  width,\n}: {\n  readonly buffer: number | undefined\n  readonly colors: IndicatorColors\n  readonly percentage: number\n  readonly waves: boolean\n  readonly width: number\n}) {\n  const { motion } = useTheme()\n  const timing = {\n    duration: motion.durationMedium1,\n    easing: DETERMINATE_EASING,\n  }\n  const shown = useEased(percentage, timing)\n  const fade = useEased(waves && isWaving(percentage) ? 1 : 0, timing)\n  const under = useDerivedValue(() => 1 - fade.get())\n\n  return (\n    <>\n      <IndicatorLine\n        activeOpacity={waves ? under : undefined}\n        colors={colors}\n        percentage={shown}\n        width={width}\n      >\n        {buffer === undefined ? undefined : (\n          <Buffer colors={colors} share={buffer} width={width} />\n        )}\n      </IndicatorLine>\n      {waves ? (\n        <LineWave colors={colors} fade={fade} shown={shown} width={width} />\n      ) : null}\n    </>\n  )\n}\n\n// One key for each dot the buffer draws across `width`.\nfunction dotsFor(width: number) {\n  return Array.from(\n    { length: Math.ceil(width / PITCH) + 1 },\n    (_, index) => index,\n  )\n}\n\n// The flat bars of the indeterminate line.\nfunction IndeterminateBars({\n  clock,\n  colors,\n  width,\n}: {\n  readonly clock: SharedValue<number>\n  readonly colors: IndicatorColors\n  readonly width: number\n}) {\n  const own = stylesOf(useTheme())\n  const primary = useBarStyle(clock, PRIMARY_BAR, width)\n  const secondary = useBarStyle(clock, SECONDARY_BAR, width)\n\n  return (\n    <>\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.bar,\n          own.bar,\n          widthOf(width),\n          fillOf(colors.active),\n          primary,\n        )}\n      />\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.bar,\n          own.bar,\n          widthOf(width),\n          fillOf(colors.active),\n          secondary,\n        )}\n      />\n    </>\n  )\n}\n\n/**\n * The line indeterminate: the track, with two bars crossing it, or for the\n * wavy shape two stretches of a wave crossing it where the bars would be. The\n * row is mirrored under a right-to-left layout, which makes the sweep travel\n * the way the line reads while the bars move as Material's keyframes say.\n */\nfunction IndeterminateLine({\n  colors,\n  waves,\n  width,\n}: {\n  readonly colors: IndicatorColors\n  readonly waves: boolean\n  readonly width: number\n}) {\n  const own = stylesOf(useTheme())\n  const reduceMotion = useReducedMotion()\n  const clock = useLoop(\n    INDETERMINATE_MS * (reduceMotion ? LINE_SLOWDOWN : 1),\n    true,\n  )\n  const mirrored = I18nManager.isRTL ? styles.mirrored : undefined\n\n  return (\n    <>\n      <View style={composeStyles<ViewStyle>(styles.row, own.row, mirrored)}>\n        <View\n          style={composeStyles<ViewStyle>(styles.track, fillOf(colors.track))}\n        />\n        {waves ? null : (\n          <IndeterminateBars clock={clock} colors={colors} width={width} />\n        )}\n      </View>\n      {waves ? (\n        <Svg\n          {...HIDDEN}\n          height={WAVE_HEIGHT}\n          style={composeStyles<ViewStyle>(styles.wave, mirrored)}\n          width={width}\n        >\n          <WaveBar\n            bar={PRIMARY_BAR}\n            clock={clock}\n            colors={colors}\n            width={width}\n          />\n          <WaveBar\n            bar={SECONDARY_BAR}\n            clock={clock}\n            colors={colors}\n            width={width}\n          />\n        </Svg>\n      ) : null}\n    </>\n  )\n}\n\n// Whether a determinate wave stands at this value; see `WAVE_FROM`.\nfunction isWaving(percentage: number) {\n  return percentage > WAVE_FROM && percentage < WAVE_UNTIL\n}\n\n/**\n * The line, measured: the row is laid out first and the line drawn to its\n * width, which is what web's `calc()` and container units do without a\n * measurement.\n */\nfunction LinearTrack({\n  buffer,\n  colors,\n  isIndeterminate,\n  percentage,\n  shape,\n}: {\n  readonly buffer: number | undefined\n  readonly colors: IndicatorColors\n  readonly isIndeterminate: boolean\n  readonly percentage: number\n  readonly shape: ProgressIndicatorShape\n}) {\n  const { onLayout, width } = useMeasuredWidth()\n  const reduceMotion = useReducedMotion()\n  const wavy = shape === 'wavy'\n  const waves = wavy && !reduceMotion && width <= WAVE_REACH\n\n  return (\n    <View onLayout={onLayout} style={wavy ? styles.wavyLine : styles.line}>\n      {isIndeterminate ? (\n        <IndeterminateLine colors={colors} waves={waves} width={width} />\n      ) : (\n        <DeterminateLine\n          buffer={buffer}\n          colors={colors}\n          percentage={percentage}\n          waves={waves}\n          width={width}\n        />\n      )}\n    </View>\n  )\n}\n\n/** The determinate line's wave, cut to the active indicator's length. */\nfunction LineWave({\n  colors,\n  fade,\n  shown,\n  width,\n}: {\n  readonly colors: IndicatorColors\n  readonly fade: SharedValue<number>\n  readonly shown: SharedValue<number>\n  readonly width: number\n}) {\n  // The active indicator's length less the half stroke each round cap adds at\n  // either end, as web's `waveAt` gives it.\n  const wave = useAnimatedProps(() => {\n    'worklet'\n    const length = Math.max(0, activeLength(width, shown.get()) - THICKNESS)\n    return {\n      d: wavePath(WAVE_WAVELENGTH, WAVE_ORIGIN, WAVE_ORIGIN + length),\n      opacity: fade.get(),\n    }\n  })\n\n  return (\n    <Svg\n      {...HIDDEN}\n      height={WAVE_HEIGHT}\n      style={composeStyles<ViewStyle>(\n        styles.wave,\n        I18nManager.isRTL ? styles.mirrored : undefined,\n      )}\n      width={width}\n    >\n      <AnimatedPath animatedProps={wave} {...strokeOf(colors.active)} />\n    </Svg>\n  )\n}\n\n/**\n * Progress through a task, as a line or a ring. Pass `value` between\n * `minValue` and `maxValue`, or set `isIndeterminate` for work whose length is\n * not known. `formatOptions` says how the value reads, in `locale`, and\n * `buffer` marks how far the work is loaded ahead of it.\n *\n * ```tsx\n * <ProgressIndicator label=\"Label\" showValue value={40} />\n * ```\n *\n * A screen reader hears it as a progress bar named by its label, with its\n * value as `formatOptions` writes it, and no value while it is indeterminate.\n * `style`, `ref` and `testID` land on the indicator as a whole, which is the\n * view a layout positions.\n */\nfunction ProgressIndicator({\n  'aria-label': ariaLabel,\n  buffer,\n  diameter,\n  formatOptions,\n  isIndeterminate = false,\n  label,\n  locale,\n  maxValue = 100,\n  minValue = 0,\n  shape = 'flat',\n  showValue = false,\n  style,\n  tone = 'primary',\n  value = 0,\n  valueLabel,\n  variant = 'linear',\n  ...props\n}: ProgressIndicatorProps) {\n  const theme = useTheme()\n  const colors = useIndicatorColors(tone)\n  const reading = readingOf({\n    formatOptions,\n    locale,\n    maxValue,\n    minValue,\n    value,\n    valueLabel,\n  })\n  const text = isIndeterminate ? undefined : reading.text\n\n  return (\n    <View\n      accessible\n      aria-label={label ?? ariaLabel}\n      aria-valuemax={maxValue}\n      aria-valuemin={minValue}\n      aria-valuenow={isIndeterminate ? undefined : reading.value}\n      aria-valuetext={text}\n      role=\"progressbar\"\n      {...props}\n      style={composeStyles<ViewStyle>(\n        indicatorStylesOf(theme).root,\n        variant === 'circular' ? styles.rootCircular : undefined,\n        style,\n      )}\n    >\n      <IndicatorLabels label={label} value={showValue ? text : undefined} />\n      {variant === 'circular' ? (\n        <CircularTrack\n          colors={colors}\n          diameter={\n            (diameter === undefined ? undefined : parseLength(diameter)) ??\n            (shape === 'wavy' ? WAVY_SIZE : CIRCULAR_SIZE)\n          }\n          isIndeterminate={isIndeterminate}\n          percentage={reading.percentage}\n          shape={shape}\n        />\n      ) : (\n        <LinearTrack\n          buffer={bufferShare(buffer, reading.percentage, minValue, maxValue)}\n          colors={colors}\n          isIndeterminate={isIndeterminate}\n          percentage={reading.percentage}\n          shape={shape}\n        />\n      )}\n    </View>\n  )\n}\n\n/**\n * The wave over the ring's active arc, cut by the same lengths, or running\n * round as the indeterminate arc does. Its crests turn with the ring.\n */\nfunction RingWavePath({\n  arc,\n  colors,\n  cycle,\n  fade,\n  isIndeterminate,\n  shown,\n  turn,\n}: {\n  readonly arc: SharedValue<number>\n  readonly colors: IndicatorColors\n  readonly cycle: SharedValue<number>\n  readonly fade: SharedValue<number>\n  readonly isIndeterminate: boolean\n  readonly shown: SharedValue<number>\n  readonly turn: SharedValue<number>\n}) {\n  const wave = useAnimatedProps(() => {\n    'worklet'\n    if (isIndeterminate) {\n      const phase = TURN / 4 + TURN * turn.get()\n      return {\n        d: wavyArcPath(\n          RING_WAVE,\n          phase,\n          phase + TURN * keyframeAt(TRAVEL_ARC, cycle.get()),\n          TURN * keyframeAt(EXPAND_ARC, arc.get()),\n        ),\n        opacity: fade.get(),\n      }\n    }\n    return {\n      d: wavyArcPath(RING_WAVE, 0, 0, (TURN * shown.get()) / 100),\n      opacity: fade.get(),\n    }\n  })\n\n  return <AnimatedPath animatedProps={wave} {...strokeOf(colors.active)} />\n}\n\n// What every curve of the indicator is stroked with: the colour, at the 4dp\n// thickness, with round ends and joins, and no fill.\nfunction strokeOf(color: string) {\n  return {\n    fill: 'none',\n    stroke: color,\n    strokeLinecap: 'round',\n    strokeLinejoin: 'round',\n    strokeWidth: THICKNESS,\n  } as const\n}\n\n/**\n * A bar of the indeterminate line where the clock has it: its start, and its\n * scale from there, both as web's keyframes give them in shares of the row.\n */\nfunction useBarStyle(clock: SharedValue<number>, bar: Bar, width: number) {\n  return useAnimatedStyle(() => {\n    'worklet'\n    const time = clock.get()\n    return {\n      transform: [\n        { translateX: (bar.start + keyframeAt(bar.translate, time)) * width },\n        { scaleX: keyframeAt(bar.scale, time) },\n      ],\n    }\n  })\n}\n\n/**\n * A bar of the indeterminate line drawn as a stretch of the wave: from where\n * the flat bar starts, as long as the flat bar is, and nothing of it before\n * the wave's own start.\n */\nfunction WaveBar({\n  bar,\n  clock,\n  colors,\n  width,\n}: {\n  readonly bar: Bar\n  readonly clock: SharedValue<number>\n  readonly colors: IndicatorColors\n  readonly width: number\n}) {\n  const wave = useAnimatedProps(() => {\n    'worklet'\n    const time = clock.get()\n    const from =\n      WAVE_ORIGIN + (bar.start + keyframeAt(bar.translate, time)) * width\n    const to = from + keyframeAt(bar.scale, time) * width\n    return {\n      d: wavePath(\n        INDETERMINATE_WAVELENGTH,\n        Math.max(WAVE_ORIGIN, from),\n        Math.min(WAVE_ORIGIN + width, to),\n      ),\n    }\n  })\n\n  return <AnimatedPath animatedProps={wave} {...strokeOf(colors.active)} />\n}\n\n// A view's width, built by a call rather than written inline at the prop,\n// which is what react-perf's no-new-object-as-prop is after.\nfunction widthOf(width: DimensionValue) {\n  return { width }\n}\n\nexport { ProgressIndicator }\nexport type {\n  ProgressIndicatorProps,\n  ProgressIndicatorShape,\n  ProgressIndicatorTone,\n  ProgressIndicatorVariant,\n}\n"],"mappings":";;;;;;;;;;;;;;AAmNA,MAAM4E,gBAAgB;AACtB,MAAMC,SAAAA;AAMN,MAAMC,SAAS;AACf,MAAMC,WAAWD,SAAS;AAC1B,MAAME,YAAYC,KAAKC,MAAOJ,SAAS,MAAO,GAAG;AACjD,MAAMK,cAAqB;CAAC;CAAK;CAAG;CAAK;AAAC;AAC1C,MAAMC,cAAqB;CAAC;CAAG;CAAG;CAAK;AAAC;AAIxC,MAAMC,mBAAmB;AACzB,MAAMC,YAAY;AAGlB,MAAMC,gBAAgB;AACtB,MAAMC,gBAAgB;AAItB,MAAMC,kBAAkB;AACxB,MAAMC,2BAA2B;AACjC,MAAMC,aAAa;AAInB,MAAMC,YAAY;AAClB,MAAMC,aAAa;AAKnB,MAAMC,YAAY;AAClB,MAAMC,iBAAiB;AACvB,MAAMC,kBAAkB;AACxB,MAAMC,cAAAA;AAEN,MAAMC,YAAsB;CAC1BC,WAAWJ;CACXK,QAAQN,YAAY;CACpBO,QAAQJ;CACRK,OAAOrB,KAAKC,MAAOhD,OAAO+D,cAAeD,eAAe;AAC1D;AAIA,MAAMO,QAAAA;AAIN,MAAMC,cAAmB;CACvBvD,OAAO;EACL,CAAC,GAAG,GAAI;EACR;GAAC;GAAQ;GAAM;IAAC;IAAU;IAAS;IAAU;GAAC;EAAC;EAC/C;GAAC;GAAQ;GAAU;IAAC;IAAM;IAAM;IAAK;GAAC;EAAC;EACvC,CAAC,GAAG,GAAI;CAAC;CAEXC,OAAO;CACPC,WAAW;EACT,CAAC,GAAG,CAAC;EACL;GAAC;GAAK;GAAG;IAAC;IAAK;IAAG;IAAU;GAAQ;EAAC;EACrC;GAAC;GAAQ;GAAU;IAAC;IAAU;IAAU;IAAM;GAAQ;EAAC;EACvD,CAAC,GAAG,OAAO;CAAC;AAEhB;AAEA,MAAMsD,gBAAqB;CACzBxD,OAAO;EACL;GAAC;GAAG;GAAM;IAAC;IAAU;IAAU;IAAS;GAAQ;EAAC;EACjD;GAAC;GAAQ;GAAU;IAAC;IAAU;IAAU;IAAU;GAAO;EAAC;EAC1D;GAAC;GAAQ;GAAS;IAAC;IAAU;IAAW;IAAU;GAAO;EAAC;EAC1D,CAAC,GAAG,GAAI;CAAC;CAEXC,OAAO;CACPC,WAAW;EACT;GAAC;GAAG;GAAG;IAAC;IAAM;IAAG;IAAU;GAAQ;EAAC;EACpC;GAAC;GAAM;GAAU;IAAC;IAAS;IAAU;IAAK;GAAQ;EAAC;EACnD;GAAC;GAAQ;GAAU;IAAC;IAAK;IAAU;IAAK;GAAQ;EAAC;EACjD,CAAC,GAAG,OAAO;CAAC;AAEhB;AAMA,MAAMuD,aAAkC;CACtC;EAAC;EAAG;EAAMvB;CAAW;CACrB;EAAC;EAAK;EAAMA;CAAW;CACvB,CAAC,GAAG,GAAI;AAAC;AAOX,MAAMwB,aAAkC;CACtC;EAAC;EAAG;EAAGxB;CAAW;CAClB;EAAC;EAAO;EAAOA;CAAW;CAC1B;EAAC;EAAM;EAAMA;CAAW;CACxB;EAAC;EAAO;EAAOA;CAAW;CAC1B;EAAC;EAAK;EAAKA;CAAW;CACtB;EAAC;EAAO;EAAOA;CAAW;CAC1B;EAAC;EAAM;EAAMA;CAAW;CACxB;EAAC;EAAO;EAAOA;CAAW;CAC1B,CAAC,GAAG,CAAC;AAAC;AAGR,MAAMyB,eAAelG,SAASmG,wBAAwB7F,IAAI;AAE1D,MAAM8F,SAAStG,WAAWuG,OAAO;CAK/BC,KAAK;EACHC,QAAAA;EACAC,MAAM;EACNC,UAAU;EACVC,KAAK;EACLC,iBAAiB;CACnB;CAEAC,UAAU;EACRC,YAAY;EACZN,QAAAA;CACF;CACAO,KAAK;EACHP,QAAAA;EACAQ,OAAAA;CACF;CAGAC,QAAQ;EACNC,eAAe;EACfC,KAAKrB;CACP;CAEAsB,MAAM;EACJC,UAAU;EACVP,YAAY;EACZN,QAAAA;EACAc,UAAU;EACVC,UAAU;CACZ;CAEAC,MAAM;EACJC,WAAW;EACXC,gBAAgB;CAClB;CACAC,UAAU,EACRC,WAAW,CAAC,EAAEC,QAAQ,GAAG,CAAC,EAC5B;CAEAC,cAAc,EACZC,YAAY,aACd;CAEAC,KAAK;EACHP,WAAW;EACXjB,QAAAA;EACAe,UAAU;CACZ;CAEAU,OAAO,EACL,GAAGlI,WAAWmI,aAChB;CAGAC,MAAM;EACJ1B,MAAM;EACNc,UAAU;EACVb,UAAU;EACVC,KAAK;CACP;CAGAyB,UAAU;EACRX,WAAW;EACXjB,QAAQ9E;EACRgG,gBAAgB;CAClB;AACF,CAAC;AAED,MAAM1F,WAAWM,cAAc,EAAE+F,YAC/BtI,WAAWuG,OAAO;CAIhBC,KAAK,EAAE+B,cAAcD,MAAME,KAAK;CAChCxB,KAAK,EAAEuB,cAAcD,MAAMG,OAAO;CAClCR,KAAK,EAAEM,cAAcD,MAAME,KAAK;AAClC,CAAC,CACH;;;;;;AAOA,SAAAE,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAC,QAAAC,OAAA9B,UAAA0B;CASd,MAAAK,QAAc3G,SAAS;CACvB,MAAA4G,MAAYhH,SAAS+G,KAAK;CAC1B,MAAAE,eAAqB5I,iBAAiB;CACtC,MAAA6I,QAAc3H,QAAQsD,aAAaoE,eAAAnE,gBAAA,IAAmC,IAAI;CAG1E,MAAAqE,YAAkBrJ,YAAWsJ,QAAX,KAAA;CAClB,MAAAC,SAAelJ,uBAAiB;EAAA;EAAA,OAEvB,EAAAyH,WAAa,CAAC,EAAA0B,YAAc,MAASJ,MAAKK,IAAK,IAAIJ,UAAU,CAAC,EAAE;CAAC,CACzE;CAAC,IAAAK;CAAA,IAAAb,EAAA,OAAAE,OAAAZ,SAAAU,EAAA,OAAAG,OAAA;EAKWU,KAAAnH,cACLgE,OAAMQ,UACN9F,OAAO8H,OAAMZ,KAAM,GACnBwB,QAAQ,GAAGX,MAAK,EAAG,CACrB;EAACH,EAAA,KAAAE,OAAAZ;EAAAU,EAAA,KAAAG;EAAAH,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAa,IAAA;EALHE,KAAA,oBAAC,MAAD,EACS,OAAAF,GAIN,CAAA;EACDb,EAAA,KAAAa;EAAAb,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CACD,MAAAgB,KAAA3J;CAAYqG,MAAAA,KAAAA;CACV,MAAAuD,KAAA3J;CAAQ,IAAA4J;CAAA,IAAAlB,EAAA,OAAAU,QAAA;EACAQ,KAAAxH,cAAwCgE,OAAMY,QAASoC,MAAM;EAACV,EAAA,KAAAU;EAAAV,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAEpE,MAAAmB,KAAAC,QAAQ/C,KAAK,CAAC,CAAAgD,KAAKjD,QAClB,oBAAC,MAAD,EAES,OAAA1E,cACLgE,OAAMU,KACNiC,IAAGjC,KACHhG,OAAO8H,OAAMZ,KAAM,CACrB,EAAC,GALIlB,GAKJ,CAEJ;CAAC,IAAAkD;CAAA,IAAAtB,EAAA,OAAAiB,GAAA5J,QAAA2I,EAAA,OAAAkB,MAAAlB,EAAA,OAAAmB,IAAA;EAZJG,KAAA,oBAAA,GAAA,MAAA;GACS,OAAAJ;GAENC,UAAAA;EAUH,CAAA;EAAgBnB,EAAA,KAAAiB,GAAA5J;EAAA2I,EAAA,KAAAkB;EAAAlB,EAAA,KAAAmB;EAAAnB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,QAAAgB,MAAAhB,EAAA,QAAAwB,GAAA/C,QAAAuB,EAAA,QAAAsB,IAAA;EAdlBC,KAAA,oBAAC,IAAD;GAAa,OAAA7D,GAAMe;GACjB6C,UAAAA;EADG,CAAA;EAeEtB,EAAA,MAAAgB;EAAAhB,EAAA,MAAAwB,GAAA/C;EAAAuB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAe,MAAAf,EAAA,QAAAuB,IAAA;EAvBTE,KAAA,qBAAA,UAAA,EAAA,UAAA,CACEV,IAOAQ,EAeO,EAAA,CAAA;EACNvB,EAAA,MAAAe;EAAAf,EAAA,MAAAuB;EAAAvB,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,OAxBHyB;AAwBG;AAOP,SAASC,YACPxH,QACAyH,YACAhH,UACAD,UACA;CACA,IAAIR,WAAW0H,KAAAA,GACb;CAEF,MAAMC,QAAQnH,WAAWC;CACzB,MAAMuD,WAAW2D,UAAU,IAAI,KAAM3H,SAASS,YAAYkH,QAAS;CACnE,MAAMC,YAAY,MAAMH;CACxB,IAAIG,aAAa,GACf,OAAO;CAET,OAAOjG,KAAKkG,IAAI,KAAKlG,KAAKmG,IAAI,IAAK9D,WAAWyD,cAAcG,YAAa,GAAG,CAAC;AAC/E;;;;;;;AAQA,SAAAG,cAAAlC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAuB,MAAA,EAAAC,QAAA/F,UAAAI,iBAAAoH,YAAA9G,UAAAkF;CAarB,MAAA,EAAAmC,WAAmBzI,SAAS;CAC5B,MAAA6G,eAAqB5I,iBAAiB;CACtC,MAAAyK,OAAatH,UAAU;CACvB,MAAAqC,QAAciF,QAAA,CAAS7B;CACvB,MAAA8B,MAAYD,OAAAzF,YAAAlB;CACZ,MAAAwB,SAAeoF,MAAM;CACrB,MAAAnF,SAAekF,OAAAtF,cAAApB;CACf,MAAA4G,gBAAsBvJ,OAAOmE;CAAM,IAAA4D;CAAA,IAAAb,EAAA,OAAAkC,OAAAI,eAAA;EACpBzB,KAAA;GAAA0B,UAAYL,OAAMI;GAAcE,QAAUxG;EAAY;EAACgE,EAAA,KAAAkC,OAAAI;EAAAtC,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAtE,MAAAyC,SAAe5B;CACf,MAAA6B,QAAclK,SAASmJ,YAAYc,MAAM;CACzC,MAAAE,OAAanK,SACX0E,UAAU3C,mBAAmBqI,SAASjB,UAAU,KAAhD,IAAA,GACAc,MACF;CACA,MAAAI,WAAiBvC,eAAAlE,gBAAA;CACjB,MAAA0G,MAAYlK,QAAQ8C,SAASmH,UAAUtI,eAAe;CACtD,MAAAwI,QAAcnK,QAAQ+C,WAAWkH,UAAUtI,eAAe;CAAC,IAAAwG;CAAA,IAAAf,EAAA,OAAA6C,UAAA;EACtC9B,KAAAlF,KAAIC,MAAOF,YAAYiH,QAAQ;EAAC7C,EAAA,KAAA6C;EAAA7C,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAArD,MAAAgD,OAAapK,QAAQmI,IAAkCxG,eAAe;CAOtE,MAAA0I,SAAe1L,uBAAiB;EAAA;EAE9B,MAAA2L,UAAgB,IAAIP,KAAI/B,IAAK;EAC7B,IAAIrG,iBAAe;GACjB,MAAA4I,OACErK,OAAO,IAAIA,QAAQkK,KAAIpC,IAAK,IAAIjI,WAAW4E,YAAYwF,MAAKnC,IAAK,CAAC;GAAE,OAC/D;IAAAwC,GACFvK,QACDmE,QACAC,QACAkG,MACArK,OAAOH,WAAW2E,YAAYwF,IAAGlC,IAAK,CAAC,CACzC;IAACsC;GAEH;EAAC;EACF,OACM;GAAAE,GACFvK,QAAQmE,QAAQC,QAAQ,GAAInE,OAAO4J,MAAK9B,IAAK,IAAK,GAAG;GAACsC;EAE3D;CAAC,CACF;CAGD,MAAA5D,QAAc/H,uBAAiB;EAAA;EAE7B,MAAA8L,SAAgBhB,gBAAgBK,MAAK9B,IAAK,IAAK;EAAG,OAC3C,EAAAwC,GACFvK,QACDmE,QACAC,SACCoG,SAAAA,KAAgBpG,QACjBpB,KAAImG,IAAK,GAAGK,gBAAgBgB,SAAS,CAAO,IAAIpG,MAClD,EACF;CAAC,CACF;CAMY,MAAAuE,KAAA,OAAOY,IAAG,GAAIA;CAAK,IAAAnB;CAAA,IAAAjB,EAAA,OAAAE,OAAAZ,SAAAU,EAAA,OAAAzF,mBAAAyF,EAAA,OAAAV,OAAA;EAG3B2B,KAAA1G,kBAAA,OACC,oBAAC,cAAD;GAA6B+E,eAAAA;GAAK,GAAMgE,SAASpD,OAAMZ,KAAM;EAAC,CAAA;EAC/DU,EAAA,KAAAE,OAAAZ;EAAAU,EAAA,KAAAzF;EAAAyF,EAAA,KAAAV;EAAAU,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAE,OAAA+C,QAAA;EACwC/B,KAAAoC,SAASpD,OAAM+C,MAAO;EAACjD,EAAA,KAAAE,OAAA+C;EAAAjD,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAiD,UAAAjD,EAAA,QAAAkB,IAAA;EAAhEC,KAAA,oBAAC,cAAD;GAA6B8B,eAAAA;GAAM,GAAM/B;EAAuB,CAAA;EAAIlB,EAAA,MAAAiD;EAAAjD,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAA8C,OAAA9C,EAAA,QAAAE,UAAAF,EAAA,QAAA+C,SAAA/C,EAAA,QAAA2C,QAAA3C,EAAA,QAAAzF,mBAAAyF,EAAA,QAAA0C,SAAA1C,EAAA,QAAAgD,QAAAhD,EAAA,QAAA9C,OAAA;EACnEoE,KAAApE,QACC,oBAAC,cAAD;GACO4F;GACG5C;GACD6C;GACDJ;GACWpI;GACVmI;GACDM;EAAI,CAAA,IARb;EAUOhD,EAAA,MAAA8C;EAAA9C,EAAA,MAAAE;EAAAF,EAAA,MAAA+C;EAAA/C,EAAA,MAAA2C;EAAA3C,EAAA,MAAAzF;EAAAyF,EAAA,MAAA0C;EAAA1C,EAAA,MAAAgD;EAAAhD,EAAA,MAAA9C;EAAA8C,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,QAAA7F,YAAA6F,EAAA,QAAAwB,MAAAxB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAsB,IAAA;EApBVC,KAAA,qBAAC,KAAD;GAAI,GACErJ;GACIiC,QAAAA;GACC,SAAAqH;GACFrH,OAAAA;GAJT,UAAA;IAMG8G;IAGDE;IACCG;GAVC;;EAqBEtB,EAAA,MAAA7F;EAAA6F,EAAA,MAAAwB;EAAAxB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OArBNuB;AAqBM;;;;;;AASV,SAAAgC,gBAAAxD,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAyB,MAAA,EAAA/F,QAAAgG,QAAAyB,YAAAzE,OAAAmB,UAAA0B;CAavB,MAAA,EAAAmC,WAAmBzI,SAAS;CAAC,IAAAoH;CAAA,IAAAb,EAAA,OAAAkC,OAAAsB,iBAAA;EACd3C,KAAA;GAAA0B,UACHL,OAAMsB;GAAgBhB,QACxBrJ;EACV;EAAC6G,EAAA,KAAAkC,OAAAsB;EAAAxD,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAHD,MAAAyC,SAAe5B;CAIf,MAAA6B,QAAclK,SAASmJ,YAAYc,MAAM;CACzC,MAAAE,OAAanK,SAAS0E,SAAS0F,SAASjB,UAAU,IAA5B,IAAA,GAAuCc,MAAM;CACnE,MAAAgB,QAAchM,sBAAsB,IAAIkL,KAAI/B,IAAK,CAAC;CAK7B,MAAAG,KAAA7D,QAAAuG,QAAA7B,KAAAA;CAAyB,IAAAJ;CAAA,IAAAxB,EAAA,OAAA9F,UAAA8F,EAAA,OAAAE,UAAAF,EAAA,OAAA3B,OAAA;EAKvCmD,KAAAtH,WAAW0H,KAAAA,IAAXA,KAAAA,IACC,oBAAC,QAAD;GAAgB1B;GAAehG,OAAAA;GAAemE;EAAK,CAAA;EACpD2B,EAAA,KAAA9F;EAAA8F,EAAA,KAAAE;EAAAF,EAAA,KAAA3B;EAAA2B,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAE,UAAAF,EAAA,OAAA0C,SAAA1C,EAAA,OAAAe,MAAAf,EAAA,OAAAwB,MAAAxB,EAAA,QAAA3B,OAAA;EARH4C,KAAA,oBAAC,eAAD;GACiB,eAAAF;GACPb;GACIwC,YAAAA;GACLrE;GAENmD,UAAAA;EANW,CAAA;EASExB,EAAA,KAAAE;EAAAF,EAAA,KAAA0C;EAAA1C,EAAA,KAAAe;EAAAf,EAAA,KAAAwB;EAAAxB,EAAA,MAAA3B;EAAA2B,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,QAAAE,UAAAF,EAAA,QAAA2C,QAAA3C,EAAA,QAAA0C,SAAA1C,EAAA,QAAA9C,SAAA8C,EAAA,QAAA3B,OAAA;EACf6C,KAAAhE,QACC,oBAAC,UAAD;GAAkBgD;GAAcyC;GAAaD;GAAcrE;EAAK,CAAA,IADjE;EAEO2B,EAAA,MAAAE;EAAAF,EAAA,MAAA2C;EAAA3C,EAAA,MAAA0C;EAAA1C,EAAA,MAAA9C;EAAA8C,EAAA,MAAA3B;EAAA2B,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;EAbVC,KAAA,qBAAA,UAAA,EAAA,UAAA,CACEF,IAUCC,EAEO,EAAA,CAAA;EACPlB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAdHmB;AAcG;AAKP,SAASC,QAAQ/C,OAAe;CAC9B,OAAOqF,MAAMP,KACX,EAAEE,QAAQxH,KAAK8H,KAAKtF,QAAQlB,KAAK,IAAI,EAAE,IACtCyG,GAAGC,UAAUA,KAChB;AACF;AAGA,SAAAC,kBAAA/D,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAA2B,MAAA,EAAAM,OAAAL,QAAA7B,UAAA0B;CASzB,MAAAM,MAAYhH,SAASI,SAAS,CAAC;CAC/B,MAAAsK,UAAgBC,YAAYzD,OAAOnD,aAAaiB,KAAK;CACrD,MAAA4F,YAAkBD,YAAYzD,OAAOlD,eAAegB,KAAK;CAapD,MAAAwC,KAAAvJ;CACQ,MAAAyJ,KAAArH,cACLgE,OAAME,KACNyC,IAAGzC,KACHkD,QAAQzC,KAAK,GACbjG,OAAO8H,OAAM+C,MAAO,GACpBgB,SACF;CAAC,IAAAzC;CAAA,IAAAxB,EAAA,OAAAa,GAAAxJ,QAAA2I,EAAA,OAAAe,IAAA;EAPHS,KAAA,oBAAA,GAAA,MAAA,EACS,OAAAT,GAMN,CAAA;EACDf,EAAA,KAAAa,GAAAxJ;EAAA2I,EAAA,KAAAe;EAAAf,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,OAlBJ,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAA,SAAA,MAAA,EACS,OAAAtG,cACLgE,OAAME,KACNyC,IAAGzC,KACHkD,QAAQzC,KAAK,GACbjG,OAAO8H,OAAM+C,MAAO,GACpBc,OACF,EAAC,CAAA,GAEHvC,EAQE,EAAA,CAAA;AACD;;;;;;;AAUP,SAAA0C,kBAAAnE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA2B,MAAA,EAAAC,QAAAhD,OAAAmB,UAAA0B;CASzB,MAAAM,MAAYhH,SAASI,SAAS,CAAC;CAC/B,MAAA6G,eAAqB5I,iBAAiB;CACtC,MAAA6I,QAAc3H,QACZqD,oBAAoBqE,eAAAnE,gBAAA,IACpB,IACF;CACA,MAAA6C,WAAiB7H,YAAWsJ,QAAS/C,OAAMsB,WAA1B4C,KAAAA;CAIZ,MAAAZ,KAAA3J;CAAY,MAAAwJ,KAAAnH,cAAyBgE,OAAM2B,KAAMgB,IAAGhB,KAAML,QAAQ;CAAC,IAAA+B;CAAA,IAAAf,EAAA,OAAAE,OAAAZ,OAAA;EAEzDyB,KAAArH,cAAyBgE,OAAM4B,OAAQlH,OAAO8H,OAAMZ,KAAM,CAAC;EAACU,EAAA,KAAAE,OAAAZ;EAAAU,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,OAAAe,IAAA;EADrES,KAAA,oBAAC,MAAD,EACS,OAAAT,GAA4D,CAAA;EACnEf,EAAA,KAAAe;EAAAf,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAO,SAAAP,EAAA,OAAAE,UAAAF,EAAA,OAAA9C,SAAA8C,EAAA,OAAA3B,OAAA;EACD4C,KAAA/D,QAAA,OACC,oBAAC,mBAAD;GAA0BqD;GAAeL;GAAe7B;EAAK,CAAA;EAC9D2B,EAAA,KAAAO;EAAAP,EAAA,KAAAE;EAAAF,EAAA,KAAA9C;EAAA8C,EAAA,KAAA3B;EAAA2B,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAgB,MAAAhB,EAAA,QAAAa,MAAAb,EAAA,QAAAwB,MAAAxB,EAAA,QAAAiB,IAAA;EANHC,KAAA,qBAAC,IAAD;GAAa,OAAAL;GAAb,UAAA,CACEW,IAGCP,EAJE;;EAOEjB,EAAA,KAAAgB;EAAAhB,EAAA,MAAAa;EAAAb,EAAA,MAAAwB;EAAAxB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAO,SAAAP,EAAA,QAAAE,UAAAF,EAAA,QAAAhB,YAAAgB,EAAA,QAAA9C,SAAA8C,EAAA,QAAA3B,OAAA;EACN8C,KAAAjE,QACC,qBAAC,KAAD;GAAI,GACEhF;GACIa,QAAAA;GACD,OAAAW,cAAyBgE,OAAM8B,MAAOR,QAAQ;GAC9CX;GAJT,UAAA,CAME,oBAAC,SAAD;IACOjB,KAAAA;IACEmD;IACCL;IACD7B;GAAK,CAAA,GAEd,oBAAC,SAAD;IACOhB,KAAAA;IACEkD;IACCL;IACD7B;GAAK,CAAA,CAhBZ;EADL,CAAA,IAAA;EAoBO2B,EAAA,MAAAO;EAAAP,EAAA,MAAAE;EAAAF,EAAA,MAAAhB;EAAAgB,EAAA,MAAA9C;EAAA8C,EAAA,MAAA3B;EAAA2B,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;EA7BVG,KAAA,qBAAA,UAAA,EAAA,UAAA,CACEJ,IAQCC,EAoBO,EAAA,CAAA;EACPnB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,OA9BHsB;AA8BG;AAKP,SAASsB,SAASjB,YAAoB;CACpC,OAAOA,aAAanF,aAAamF,aAAalF;AAChD;;;;;;AAOA,SAAA0H,YAAApE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAqB,MAAA,EAAA/F,QAAAgG,QAAA3F,iBAAAoH,YAAA9G,UAAAkF;CAanB,MAAA,EAAAqE,UAAA/F,UAA4B3F,iBAAiB;CAC7C,MAAA4H,eAAqB5I,iBAAiB;CACtC,MAAAyK,OAAatH,UAAU;CACvB,MAAAqC,QAAciF,QAAA,CAAS7B,gBAAgBjC,SAAS9B;CAGb,MAAAsE,KAAAsB,OAAOzE,OAAM+B,WAAY/B,OAAMmB;CAAK,IAAAkC;CAAA,IAAAf,EAAA,OAAA9F,UAAA8F,EAAA,OAAAE,UAAAF,EAAA,OAAAzF,mBAAAyF,EAAA,OAAA2B,cAAA3B,EAAA,OAAA9C,SAAA8C,EAAA,OAAA3B,OAAA;EAClE0C,KAAAxG,kBACC,oBAAC,mBAAD;GAA2B2F;GAAehD;GAAcmB;EAAK,CAAA,IAE7D,oBAAC,iBAAD;GACUnE;GACAgG;GACIyB;GACLzE;GACAmB;EAAK,CAAA;EAEf2B,EAAA,KAAA9F;EAAA8F,EAAA,KAAAE;EAAAF,EAAA,KAAAzF;EAAAyF,EAAA,KAAA2B;EAAA3B,EAAA,KAAA9C;EAAA8C,EAAA,KAAA3B;EAAA2B,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,OAAAoE,YAAApE,EAAA,OAAAa,MAAAb,EAAA,OAAAe,IAAA;EAXHS,KAAA,oBAAC,MAAD;GAAgB4C;GAAiB,OAAAvD;GAC9BE,UAAAA;EADE,CAAA;EAYEf,EAAA,KAAAoE;EAAApE,EAAA,KAAAa;EAAAb,EAAA,KAAAe;EAAAf,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,OAZPwB;AAYO;;AAKX,SAAA6C,SAAAtE,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAkB,MAAA,EAAAC,QAAAyC,MAAAD,OAAArE,UAAA0B;CAahB,MAAAP,OAAajI,uBAAiB;EAAA;EAE5B,MAAA8L,SAAexH,KAAImG,IAAK,GAAG7J,aAAakG,OAAOqE,MAAK9B,IAAK,CAAC,IAAA,CAAa;EAAC,OACjE;GAAAwC,GACFnK,SAASoD,iBAAiBrD,aAAaA,cAAcqK,MAAM;GAACH,SACtDP,KAAI/B,IAAK;EACpB;CAAC,CACF;CAAC,IAAAC;CAAA,IAAAb,EAAA,OAAAsE,OAAAC,IAAA,2BAAA,GAAA;EAMS1D,KAAAnH,cACLgE,OAAM8B,MACNrI,YAAWsJ,QAAS/C,OAAMsB,WAA1B4C,KAAAA,CACF;EAAC5B,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAE,OAAA+C,QAAA;EAGsClC,KAAAuC,SAASpD,OAAM+C,MAAO;EAACjD,EAAA,KAAAE,OAAA+C;EAAAjD,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,OAAAe,MAAAf,EAAA,OAAAR,MAAA;EAA9DgC,KAAA,oBAAC,cAAD;GAA6BhC,eAAAA;GAAI,GAAMuB;EAAuB,CAAA;EAAIf,EAAA,KAAAe;EAAAf,EAAA,KAAAR;EAAAQ,EAAA,KAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAwB,MAAAxB,EAAA,OAAA3B,OAAA;EATpE4C,KAAA,oBAAC,KAAD;GAAI,GACE/I;GACIa,QAAAA;GACD,OAAA8H;GAIAxC;GAEPmD,UAAAA;EATE,CAAA;EAUExB,EAAA,KAAAwB;EAAAxB,EAAA,KAAA3B;EAAA2B,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAVNiB;AAUM;;;;;;;;;;;;;;;;AAmBV,SAAAuD,kBAAAzE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAwE;CAAA,IAAAvK;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAI;CAAA,IAAAC;CAAA,IAAAiK;CAAA,IAAA1J;CAAA,IAAA6F;CAAA,IAAAE;CAAA,IAAAS;CAAA,IAAAP;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAG;CAAA,IAAAC;CAAA,IAAAnG;CAAA,IAAA4E,EAAA,OAAAD,IAAA;EAA2B,CAAA,CAAA,cAAA0E,WAAAvK,QAAAC,UAAAC,eAAAG,iBAAAsG,IAAArG,OAAAC,QAAAC,UAAAqG,IAAApG,UAAA6G,IAAA3G,OAAAoG,IAAAlG,WAAAmG,IAAAlG,OAAAC,MAAAkG,IAAAhG,OAAAmG,IAAAlG,YAAAC,SAAAkG,IAAA,GAAAmD,SAAA3E;EAkBFC,EAAA,KAAAD;EAAAC,EAAA,KAAAyE;EAAAzE,EAAA,KAAA9F;EAAA8F,EAAA,KAAA7F;EAAA6F,EAAA,KAAA5F;EAAA4F,EAAA,KAAAxF;EAAAwF,EAAA,KAAAvF;EAAAuF,EAAA,KAAA0E;EAAA1E,EAAA,KAAAhF;EAAAgF,EAAA,KAAAa;EAAAb,EAAA,MAAAe;EAAAf,EAAA,MAAAwB;EAAAxB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAA5E;CAAA,OAAA;EAAAqJ,YAAAzE,EAAA;EAAA9F,SAAA8F,EAAA;EAAA7F,WAAA6F,EAAA;EAAA5F,gBAAA4F,EAAA;EAAAxF,QAAAwF,EAAA;EAAAvF,SAAAuF,EAAA;EAAA0E,QAAA1E,EAAA;EAAAhF,QAAAgF,EAAA;EAAAa,KAAAb,EAAA;EAAAe,KAAAf,EAAA;EAAAwB,KAAAxB,EAAA;EAAAiB,KAAAjB,EAAA;EAAAkB,KAAAlB,EAAA;EAAAmB,KAAAnB,EAAA;EAAAsB,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;EAAA5E,aAAA4E,EAAA;CAAA;CAbvB,MAAAzF,kBAAAsG,OAAAe,KAAAA,IAAA,QAAAf;CAGA,MAAAnG,WAAAqG,OAAAa,KAAAA,IAAA,MAAAb;CACA,MAAApG,WAAA6G,OAAAI,KAAAA,IAAA,IAAAJ;CACA,MAAA3G,QAAAoG,OAAAW,KAAAA,IAAA,SAAAX;CACA,MAAAlG,YAAAmG,OAAAU,KAAAA,IAAA,QAAAV;CAEA,MAAAjG,OAAAkG,OAAAS,KAAAA,IAAA,YAAAT;CACA,MAAAhG,QAAAmG,OAAAM,KAAAA,IAAA,IAAAN;CAEA,MAAAjG,UAAAkG,OAAAK,KAAAA,IAAA,WAAAL;CAGA,MAAAnB,QAAc3G,SAAS;CACvB,MAAAyG,SAAezH,mBAAmBwC,IAAI;CAAC,IAAAwG;CAAA,IAAAzB,EAAA,QAAAyE,aAAAzE,EAAA,QAAA9F,UAAA8F,EAAA,QAAAE,UAAAF,EAAA,QAAA7F,YAAA6F,EAAA,QAAA5F,iBAAA4F,EAAA,QAAAzF,mBAAAyF,EAAA,QAAAxF,SAAAwF,EAAA,QAAAvF,UAAAuF,EAAA,QAAAtF,YAAAsF,EAAA,QAAArF,YAAAqF,EAAA,QAAA0E,SAAA1E,EAAA,QAAAnF,SAAAmF,EAAA,QAAAjF,aAAAiF,EAAA,QAAAhF,SAAAgF,EAAA,QAAAI,SAAAJ,EAAA,QAAA7E,SAAA6E,EAAA,QAAA5E,cAAA4E,EAAA,QAAA3E,SAAA;EACvC,MAAAsJ,UAAgBpM,UAAU;GAAA6B;GAAAK;GAAAC;GAAAC;GAAAQ;GAAAC;EAO1B,CAAC;EACD,MAAAwJ,OAAarK,kBAAAqH,KAAAA,IAA8B+C,QAAOC;EAAK,IAAAC;EAAA,IAAA7E,EAAA,QAAAhF,SAAAgF,EAAA,QAAAI,SAAAJ,EAAA,QAAA3E,SAAA;GAY5CwJ,MAAAnL,cACLJ,WAAkB8G,KAAK,CAAC,CAAA0E,MACxBzJ,YAAY,aAAaqC,OAAMyB,eAA/ByC,KAAAA,GACA5G,KACF;GAACgF,EAAA,MAAAhF;GAAAgF,EAAA,MAAAI;GAAAJ,EAAA,MAAA3E;GAAA2E,EAAA,MAAA6E;EAAA,OAAAA,MAAA7E,EAAA;EAbHyB,KAAA,qBAAC,MAAD;GACE,YAAA;GACY,cAAAjH,SAAAiK;GACG/J,iBAAAA;GACAC,iBAAAA;GACA,iBAAAJ,kBAAAqH,KAAAA,IAA8B+C,QAAOxJ;GACpCyJ,kBAAAA;GACX,MAAA;GAAa,GACdF;GACG,OAAAG;GATT,UAAA,CAeE,oBAAC,iBAAD;IAAwBrK;IAAc,OAAAO,YAAA6J,OAAAhD,KAAAA;GAA4B,CAAA,GACjEvG,YAAY,aACX,oBAAC,eAAD;IACU6E;IAEN,WAAC/F,aAAayH,KAAAA,IAAbA,KAAAA,IAAqCpI,YAAYW,QAAQ,OACzDU,UAAU,SAAV6B,YAAAlB;IAEcjB;IACL,YAAAoK,QAAOhD;IACZ9G;GAAK,CAAA,IAGd,oBAAC,aAAD;IACU,QAAA6G,YAAYxH,QAAQyK,QAAOhD,YAAahH,UAAUD,QAAQ;IAC1DwF;IACS3F;IACL,YAAAoK,QAAOhD;IACZ9G;GAAK,CAAA,CAjCb;;EAoCEmF,EAAA,MAAAyE;EAAAzE,EAAA,MAAA9F;EAAA8F,EAAA,MAAAE;EAAAF,EAAA,MAAA7F;EAAA6F,EAAA,MAAA5F;EAAA4F,EAAA,MAAAzF;EAAAyF,EAAA,MAAAxF;EAAAwF,EAAA,MAAAvF;EAAAuF,EAAA,MAAAtF;EAAAsF,EAAA,MAAArF;EAAAqF,EAAA,MAAA0E;EAAA1E,EAAA,MAAAnF;EAAAmF,EAAA,MAAAjF;EAAAiF,EAAA,MAAAhF;EAAAgF,EAAA,MAAAI;EAAAJ,EAAA,MAAA7E;EAAA6E,EAAA,MAAA5E;EAAA4E,EAAA,MAAA3E;EAAA2E,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,OApCPyB;AAoCO;;;;;AAQX,SAAAsD,aAAAhF,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAsB,MAAA,EAAA6C,KAAA5C,QAAA6C,OAAAJ,MAAApI,iBAAAmI,OAAAM,SAAAjD;CAiBpB,MAAAP,OAAajI,uBAAiB;EAAA;EAE5B,IAAIgD,iBAAe;GACjB,MAAAyK,QAAclM,OAAO,IAAIA,OAAOkK,KAAIpC,IAAK;GAAC,OACnC;IAAAwC,GACFlK,YACD4D,WACAkI,OACAA,QAAQlM,OAAOH,WAAW4E,YAAYwF,MAAKnC,IAAK,CAAC,GACjD9H,OAAOH,WAAW2E,YAAYwF,IAAGlC,IAAK,CAAC,CACzC;IAACsC,SACQP,KAAI/B,IAAK;GACpB;EAAC;EACF,OACM;GAAAwC,GACFlK,YAAY4D,WAAW,GAAG,GAAIhE,OAAO4J,MAAK9B,IAAK,IAAK,GAAG;GAACsC,SAClDP,KAAI/B,IAAK;EACpB;CAAC,CACF;CAAC,IAAAC;CAAA,IAAAb,EAAA,OAAAE,OAAA+C,QAAA;EAE4CpC,KAAAyC,SAASpD,OAAM+C,MAAO;EAACjD,EAAA,KAAAE,OAAA+C;EAAAjD,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAa,MAAAb,EAAA,OAAAR,MAAA;EAA9DuB,KAAA,oBAAC,cAAD;GAA6BvB,eAAAA;GAAI,GAAMqB;EAAuB,CAAA;EAAIb,EAAA,KAAAa;EAAAb,EAAA,KAAAR;EAAAQ,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAAlEe;AAAkE;AAK3E,SAASuC,SAAS2B,OAAe;CAC/B,OAAO;EACLC,MAAM;EACNC,QAAQF;EACRG,eAAe;EACfC,gBAAgB;EAChBC,aAAAA;CACF;AACF;;;;;AAMA,SAAAtB,YAAAzD,OAAA3C,KAAAS,OAAA;CAAA,OACS7G,uBAAiB;EAAA;EAEtB,MAAAgO,OAAajF,MAAKK,IAAK;EAAC,OACjB,EAAA3B,WACM,CACT,EAAA0B,aAAe/C,IAAG9D,QAASnB,WAAWiF,IAAG7D,WAAYyL,IAAI,KAAKnH,MAAM,GACpE,EAAAa,QAAUvG,WAAWiF,IAAG/D,OAAQ2L,IAAI,EAAE,CAAC,EAE3C;CAAC,CACF;AAAC;;;;;;AAQJ,SAAAC,QAAA1F,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAiB,MAAA,EAAArC,KAAA2C,OAAAL,QAAA7B,UAAA0B;CAWf,MAAAP,OAAajI,uBAAiB;EAAA;EAE5B,MAAAiO,OAAajF,MAAKK,IAAK;EACvB,MAAAuC,OACEnK,eAAe4E,IAAG9D,QAASnB,WAAWiF,IAAG7D,WAAYyL,IAAI,KAAKnH;EAChE,MAAAqH,KAAWvC,OAAOxK,WAAWiF,IAAG/D,OAAQ2L,IAAI,IAAInH;EAAK,OAC9C,EAAA+E,GACFnK,SACDqD,0BACAT,KAAImG,IAAKhJ,aAAamK,IAAI,GAC1BtH,KAAIkG,IAAK/I,cAAcqF,OAAOqH,EAAE,CAClC,EACF;CAAC,CACF;CAAC,IAAA7E;CAAA,IAAAb,EAAA,OAAAE,OAAA+C,QAAA;EAE4CpC,KAAAyC,SAASpD,OAAM+C,MAAO;EAACjD,EAAA,KAAAE,OAAA+C;EAAAjD,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAa,MAAAb,EAAA,OAAAR,MAAA;EAA9DuB,KAAA,oBAAC,cAAD;GAA6BvB,eAAAA;GAAI,GAAMqB;EAAuB,CAAA;EAAIb,EAAA,KAAAa;EAAAb,EAAA,KAAAR;EAAAQ,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAAlEe;AAAkE;AAK3E,SAASD,QAAQzC,OAAuB;CACtC,OAAO,EAAEA,MAAM;AACjB"}

package/dist/components/snackbar/index.d.ts

@@ -0,0 +1,120 @@
+import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
+import { Ref } from "react";
+//#region src/components/snackbar/index.d.ts
+type ShownMessage = {
+  readonly action: SnackbarAction | undefined;
+  readonly key: string;
+  readonly message: string;
+  readonly onClose: (() => void) | undefined;
+  readonly showCloseButton: boolean;
+  readonly timeout: number;
+};
+type SnackbarAction = {
+  /** What the action says. The page gives it a single word where it can. */
+  readonly label: string;
+  /** Run when the action is pressed, just before the snackbar closes. */
+  readonly onPress: () => void;
+};
+type SnackbarOptions = {
+  /**
+   * A single action shown after the message. Pressing it runs `onPress` and
+   * closes the snackbar, which is what the page draws.
+   */
+  readonly action?: SnackbarAction;
+  /**
+   * Run when the snackbar closes, however it was closed: by its timer, its
+   * action or close button, `close`, `clear`, or a newer message added in its
+   * place.
+   */
+  readonly onClose?: () => void;
+  /**
+   * Whether a close button is shown at the end. The page draws one for a
+   * message a reader may want out of the way before it expires.
+   * @default false
+   */
+  readonly showCloseButton?: boolean;
+  /**
+   * How long the snackbar is shown, in milliseconds. Defaults to five seconds
+   * for a message alone, which Android lengthens from the reader's own
+   * accessibility setting. A message with an action defaults to `0` and stays
+   * until the action is taken or something closes it, as Material Design asks
+   * of an actionable snackbar. The timer is paused while a pointer is over the
+   * snackbar or one of its controls has focus, so a message never expires
+   * while it is being read.
+   *
+   * `0` is the page's indefinite length: the snackbar stays until something
+   * closes it. Give one of those an action or `showCloseButton`, or there is
+   * no way to be rid of it.
+   */
+  readonly timeout?: number;
+};
+type SnackbarProps = Omit<ViewProps, 'children' | 'style'> & {
+  /**
+   * What a screen reader calls the button that dismisses a snackbar. It sits
+   * here rather than on a message's own options because it does not vary by
+   * message.
+   * @default 'Close'
+   */
+  readonly closeLabel?: string;
+  /** The queue the snackbar shows messages from. */
+  readonly queue: SnackbarQueue;
+  readonly ref?: Ref<View>;
+  readonly style?: StyleProp<ViewStyle>;
+};
+/**
+ * The queue a snackbar is shown from. Make one where the app can reach it, a
+ * module of its own being the usual place, mount `Snackbar` once with it, and
+ * call `add` from anywhere.
+ *
+ * ```ts
+ * const messages = new Snackbar.Queue()
+ * messages.add('Label', { action: { label: 'Undo', onPress: undo } })
+ * ```
+ */
+declare class SnackbarQueue {
+  #private;
+  /**
+   * Shows a message in place of the one on screen, and returns the key that
+   * closes it. The message it replaces is closed, so its `onClose` runs, and
+   * it does not come back.
+   */
+  add(message: string, options?: SnackbarOptions): string;
+  /** Closes the snackbar on screen, running its `onClose`. */
+  clear(): void;
+  /** Closes one snackbar, by the key `add` returned. */
+  close(key: string): void;
+  /**
+   * Calls `listener` whenever the message on screen changes, and returns what
+   * stops it. `Snackbar` reads the queue through this and `visible`, and
+   * neither is meant for a call site.
+   */
+  readonly subscribe: (listener: () => void) => () => void;
+  /** The message on screen, or `null`. */
+  readonly visible: () => ShownMessage | null;
+}
+/**
+ * A brief message at the bottom of the screen, with an optional action, with
+ * web's props and values. Mount one of these with a `Snackbar.Queue`, and
+ * call the queue's `add` to show a message from anywhere.
+ *
+ * ```tsx
+ * const messages = new Snackbar.Queue()
+ *
+ * <Snackbar queue={messages} />
+ * ```
+ *
+ * It draws in the overlay host of the app's outermost `ThemeScope`, above the
+ * screen, and needs one around it. It is one region rather than one per
+ * message, so mount it once, near the root, inside the `SafeAreaProvider`
+ * whose insets it keeps clear of.
+ *
+ * `style`, `ref` and `testID` land on that region, a view along the bottom of
+ * the screen that holds the message.
+ */
+declare function Snackbar({ closeLabel, queue, style, ...props }: SnackbarProps): import("react").JSX.Element;
+declare namespace Snackbar {
+  var Queue: typeof SnackbarQueue;
+}
+//#endregion
+export { Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue };
+//# sourceMappingURL=index.d.ts.map