@windmorph/react 0.0.0-stage → 0.1.0

package/dist/components/progress/ProgressIndicator.js

@@ -0,0 +1,426 @@
+"use client";
+import { cn } from "../../utils/cn.js";
+import { mergeDataTokens } from "../../utils/merge-data-tokens.js";
+import { WAVE_PERIOD_MS, amplitudeFor, circlePath, circularFlatArcs, circularSize, circularWavePeriod, circularWavyPaths, circularWavyShapes, circularWavyTrack, emphasizedAccelerate, indeterminateCircular, indeterminateLinearFractions, linearHeight, linearPaths, standard, stopIndicator } from "./progress-geometry.js";
+import { circularProgressStyles, linearProgressStyles } from "./progress-styles.js";
+import { useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAnimationFrame, useReducedMotion } from "motion/react";
+import { mergeProps, useObjectRef, useProgressBar } from "react-aria";
+//#region src/components/progress/ProgressIndicator.tsx
+const clamp01 = (value) => Number.isNaN(value) ? 0 : Math.min(Math.max(value, 0), 1);
+/**
+* Compose animates a wavy indicator's amplitude over 500ms (standard easing growing,
+* emphasized-accelerate shrinking) whenever its target changes. Returns a reader for
+* animation frames, timed by the frame loop; renders use the target directly.
+*/
+function useAmplitude(target, reduceMotion) {
+	const anim = useRef({
+		from: target,
+		to: target,
+		start: 0,
+		last: target
+	});
+	useLayoutEffect(() => {
+		const a = anim.current;
+		if (a.to === target) return;
+		anim.current = {
+			from: a.last,
+			to: target,
+			start: null,
+			last: a.last
+		};
+	}, [target]);
+	return (time) => {
+		const a = anim.current;
+		if (reduceMotion) return a.last = target;
+		if (a.start === null) a.start = time;
+		const t = Math.min(Math.max((time - a.start) / 500, 0), 1);
+		const eased = a.to > a.from ? standard(t) : emphasizedAccelerate(t);
+		return a.last = a.from + (a.to - a.from) * eased;
+	};
+}
+/** Compose's `ProgressIndicatorDefaults.ProgressAnimationSpec`: spring(1, 50), no bounce. */
+const VALUE_SPRING_OMEGA = Math.sqrt(50);
+/** Compose's wavy `ProgressAnimationSpec` lasts 500ms. */
+const WAVY_VALUE_DURATION_MS = 500;
+/**
+* A determinate value change eases instead of jumping ("Linear indicators animate from the
+* leading to the trailing edge along the track"): flat indicators on Compose's critically
+* damped spring (stiffness 50), wavy ones over 500ms (standard easing). Returns a reader for
+* animation frames and whether an animation is running; reduced motion jumps.
+*/
+function useAnimatedValue(target, wavy, indeterminate, reduceMotion) {
+	const anim = useRef({
+		from: target,
+		to: target,
+		start: 0,
+		last: target
+	});
+	const wasIndeterminate = useRef(indeterminate);
+	useLayoutEffect(() => {
+		const a = anim.current;
+		if (indeterminate || wasIndeterminate.current) anim.current = {
+			from: target,
+			to: target,
+			start: 0,
+			last: target
+		};
+		else if (a.to !== target) anim.current = {
+			from: a.last,
+			to: target,
+			start: null,
+			last: a.last
+		};
+		wasIndeterminate.current = indeterminate;
+	}, [target, indeterminate]);
+	const read = (time) => {
+		const a = anim.current;
+		if (reduceMotion || a.from === a.to) return a.last = a.to;
+		if (a.start === null) a.start = time;
+		const elapsed = Math.max(time - a.start, 0);
+		let progress;
+		if (wavy) progress = standard(Math.min(elapsed / WAVY_VALUE_DURATION_MS, 1));
+		else {
+			const wt = VALUE_SPRING_OMEGA * elapsed / 1e3;
+			progress = 1 - (1 + wt) * Math.exp(-wt);
+			if (progress > .999) progress = 1;
+		}
+		if (progress >= 1) a.from = a.to;
+		return a.last = a.from + (a.to - a.from) * progress;
+	};
+	return {
+		read,
+		active: () => !reduceMotion && anim.current.from !== anim.current.to
+	};
+}
+/**
+* When an indicator turns determinate, its last indeterminate frame eases into the value over
+* 500ms (standard easing) instead of jumping, as the spec shows. `record` keeps the frame the
+* loop last drew; `at(time)` gives the handoff's start and eased progress, or null.
+*/
+function useHandoff(indeterminate, reduceMotion) {
+	const last = useRef(null);
+	const handoff = useRef(null);
+	const wasIndeterminate = useRef(indeterminate);
+	useLayoutEffect(() => {
+		if (wasIndeterminate.current && !indeterminate && last.current !== null && !reduceMotion) handoff.current = {
+			from: last.current,
+			start: null
+		};
+		if (indeterminate) handoff.current = null;
+		wasIndeterminate.current = indeterminate;
+	}, [indeterminate, reduceMotion]);
+	return {
+		record: (state) => {
+			last.current = state;
+		},
+		at: (time) => {
+			const h = handoff.current;
+			if (!h) return null;
+			if (h.start === null) h.start = time;
+			const t = Math.min(Math.max((time - h.start) / 500, 0), 1);
+			if (t >= 1) handoff.current = null;
+			return {
+				from: h.from,
+				t: standard(t)
+			};
+		},
+		active: () => handoff.current !== null
+	};
+}
+const mix = (a, b, t) => a + (b - a) * t;
+/** The strokes from the thickness props; the track follows the indicator unless set. */
+const strokesFor = (thickness, trackThickness) => ({
+	active: thickness,
+	track: trackThickness ?? thickness
+});
+function useWidth(ref) {
+	const [width, setWidth] = useState(240);
+	useLayoutEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		const measure = () => setWidth(el.clientWidth || 240);
+		measure();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(measure);
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [ref]);
+	return width;
+}
+/**
+* M3 linear progress indicator: determinate (`value`) or indeterminate, flat or wavy, with a
+* stop dot at the end of a determinate track. 240px wide by default; set the width with
+* `className` (`w-full`). `thickness` and `trackThickness` set the strokes (4px by default).
+* A wavy determinate indicator flattens below 10% and above 95%. It mirrors in right-to-left
+* layouts. When `value` arrives on an indeterminate indicator, the moving line eases into it.
+*
+* @example
+* <LinearProgressIndicator value={0.4} wavy aria-label="Uploading" className="w-full" />
+*/
+function LinearProgressIndicator({ value, wavy = false, thickness = 4, trackThickness, track: showTrack = true, stopIndicator: showStop = true, classNames, className, style, ref, ...rest }) {
+	const indeterminate = value === void 0;
+	const v = clamp01(value ?? 0);
+	const rootRef = useObjectRef(ref);
+	const width = useWidth(rootRef);
+	const strokes = strokesFor(thickness, trackThickness);
+	const height = linearHeight(wavy, strokes);
+	const reduceMotion = useReducedMotion() ?? false;
+	const ampTarget = wavy ? indeterminate ? 1 : amplitudeFor(v) : 0;
+	const amplitude = useAmplitude(ampTarget, reduceMotion);
+	const handoff = useHandoff(indeterminate, reduceMotion);
+	const drawnValue = useAnimatedValue(v, wavy, indeterminate, reduceMotion);
+	const { progressBarProps } = useProgressBar({
+		...rest,
+		value: indeterminate ? void 0 : v,
+		minValue: 0,
+		maxValue: 1,
+		isIndeterminate: indeterminate
+	});
+	/** The track and active paths for some line positions, wave amplitude and clock. */
+	const paths = (fractions, amp, now, wavelength) => {
+		const offset = amp > 0 && !reduceMotion ? now % WAVE_PERIOD_MS / WAVE_PERIOD_MS : 0;
+		return linearPaths(width, height, fractions, amp, offset, wavelength, strokes);
+	};
+	const determinate = [
+		0,
+		v,
+		0,
+		0
+	];
+	const trackRef = useRef(null);
+	const firstRef = useRef(null);
+	const secondRef = useRef(null);
+	useAnimationFrame((time) => {
+		if (!indeterminate && !wavy && !handoff.active() && !drawnValue.active()) return;
+		let fractions = indeterminate ? determinate : [
+			0,
+			drawnValue.read(time),
+			0,
+			0
+		];
+		let wavelength = 40;
+		if (indeterminate) {
+			fractions = indeterminateLinearFractions(time);
+			wavelength = 20;
+			handoff.record(fractions);
+		} else {
+			const step = handoff.at(time);
+			if (step) {
+				fractions = step.from.map((f, i) => mix(f, determinate[i], step.t));
+				wavelength = mix(20, 40, step.t);
+			}
+		}
+		const drawn = paths(fractions, amplitude(time), time, wavelength);
+		trackRef.current?.setAttribute("d", drawn.track);
+		firstRef.current?.setAttribute("d", drawn.active[0] ?? "");
+		secondRef.current?.setAttribute("d", drawn.active[1] ?? "");
+	});
+	const initial = indeterminate ? paths(indeterminateLinearFractions(0), ampTarget, 0, 20) : paths(determinate, ampTarget, 0, 40);
+	const stop = !indeterminate && showTrack && showStop ? stopIndicator(width, height, v, strokes) : null;
+	const styles = linearProgressStyles({ wavy });
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, progressBarProps),
+		ref: rootRef,
+		"data-tokens": mergeDataTokens("md-comp-progress-indicator", rest),
+		"data-indeterminate": indeterminate || void 0,
+		style: {
+			"--m3-progress-height": `${height}px`,
+			...style
+		},
+		className: styles.root({ class: cn(classNames?.root, className) }),
+		children: /* @__PURE__ */ jsxs("svg", {
+			viewBox: `0 0 ${width} ${height}`,
+			preserveAspectRatio: "none",
+			"aria-hidden": "true",
+			className: styles.svg(),
+			children: [
+				showTrack && /* @__PURE__ */ jsx("path", {
+					ref: trackRef,
+					d: initial.track,
+					strokeWidth: strokes.track,
+					"data-slot": "track",
+					className: styles.track({ class: classNames?.track })
+				}),
+				/* @__PURE__ */ jsx("path", {
+					ref: firstRef,
+					d: initial.active[0] ?? "",
+					strokeWidth: strokes.active,
+					"data-slot": "indicator",
+					className: styles.indicator({ class: classNames?.indicator })
+				}),
+				/* @__PURE__ */ jsx("path", {
+					ref: secondRef,
+					d: initial.active[1] ?? "",
+					strokeWidth: strokes.active,
+					"data-slot": "indicator",
+					className: styles.indicator({ class: classNames?.indicator })
+				}),
+				stop && /* @__PURE__ */ jsx("circle", {
+					cx: stop.cx,
+					cy: stop.cy,
+					r: stop.r,
+					"data-slot": "stop",
+					className: styles.stop({ class: classNames?.stop })
+				})
+			]
+		})
+	});
+}
+/** Every attribute the circular indicator animates, for one frame. */
+function circularAttributes(wavy, size, strokes, { rotation, sweep }, amplitude, offset) {
+	const c = size / 2;
+	const turn = (deg) => `rotate(${Math.round(deg * 100) / 100} ${c} ${c})`;
+	if (!wavy) {
+		const d = circlePath(size, Math.max(strokes.active, strokes.track));
+		const arcs = circularFlatArcs(sweep, size, strokes.active);
+		return {
+			ring: turn(rotation),
+			wave: "",
+			trackD: d,
+			trackDash: `${arcs.trackLength} 1`,
+			trackOffset: -arcs.trackStart,
+			activeD: d,
+			activeDash: `${sweep} 1`,
+			activeOffset: 0,
+			visible: sweep > 0
+		};
+	}
+	const paths = circularWavyPaths(amplitude, size, strokes.active);
+	const track = circularWavyTrack(sweep, size, strokes);
+	return {
+		ring: turn(rotation),
+		wave: turn(-offset * 360),
+		trackD: paths.track,
+		trackDash: `${track.length} 1`,
+		trackOffset: -track.start,
+		activeD: paths.active,
+		activeDash: `${sweep} 2`,
+		activeOffset: -offset,
+		visible: sweep > 0
+	};
+}
+/**
+* M3 circular progress indicator: determinate (`value`) or indeterminate, flat (40px) or wavy
+* (48px), drawn clockwise from 12 o'clock over a track. A wavy indicator's wave travels
+* around the ring. `thickness` and `trackThickness` set the strokes (4px by default); the spec's
+* thick configuration (8px) makes it 44px, or 52px wavy. `size` sets the diameter (24–240px).
+* It isn't mirrored in right-to-left
+* layouts. For short waits, {@link LoadingIndicator} is recommended.
+*
+* @example
+* <CircularProgressIndicator value={0.7} wavy aria-label="Downloading" />
+* <CircularProgressIndicator aria-label="Loading" />
+*/
+function CircularProgressIndicator({ value, wavy = false, size: sizeProp, thickness = 4, trackThickness, track: showTrack = true, classNames, className, style, ref, ...rest }) {
+	const indeterminate = value === void 0;
+	const v = clamp01(value ?? 0);
+	const reduceMotion = useReducedMotion() ?? false;
+	const strokes = strokesFor(thickness, trackThickness);
+	const size = circularSize(wavy, strokes, sizeProp);
+	const ampTarget = wavy ? indeterminate ? 1 : amplitudeFor(v) : 0;
+	const amplitude = useAmplitude(ampTarget, reduceMotion);
+	const handoff = useHandoff(indeterminate, reduceMotion);
+	const drawnValue = useAnimatedValue(v, wavy, indeterminate, reduceMotion);
+	const { progressBarProps } = useProgressBar({
+		...rest,
+		value: indeterminate ? void 0 : v,
+		minValue: 0,
+		maxValue: 1,
+		isIndeterminate: indeterminate
+	});
+	const styles = circularProgressStyles({ wavy });
+	const period = circularWavePeriod(circularWavyShapes(size, 15, strokes.active).vertices);
+	const offsetAt = (amp, now) => wavy && amp > 0 && !reduceMotion ? now % period / period : 0;
+	const determinate = {
+		rotation: 0,
+		sweep: v
+	};
+	const ringRef = useRef(null);
+	const waveRef = useRef(null);
+	const trackRef = useRef(null);
+	const activeRef = useRef(null);
+	useAnimationFrame((time) => {
+		if (!indeterminate && !wavy && !handoff.active() && !drawnValue.active()) return;
+		let frame = indeterminate ? determinate : {
+			rotation: 0,
+			sweep: drawnValue.read(time)
+		};
+		if (indeterminate) {
+			frame = indeterminateCircular(time);
+			handoff.record(frame);
+		} else {
+			const step = handoff.at(time);
+			if (step) {
+				const target = step.from.rotation === 0 ? 0 : 360;
+				frame = {
+					rotation: mix(step.from.rotation, target, step.t),
+					sweep: mix(step.from.sweep, v, step.t)
+				};
+			}
+		}
+		const amp = amplitude(time);
+		const a = circularAttributes(wavy, size, strokes, frame, amp, offsetAt(amp, time));
+		ringRef.current?.setAttribute("transform", a.ring);
+		waveRef.current?.setAttribute("transform", a.wave);
+		const trackEl = trackRef.current;
+		trackEl?.setAttribute("d", a.trackD);
+		trackEl?.setAttribute("stroke-dasharray", a.trackDash);
+		trackEl?.setAttribute("stroke-dashoffset", String(a.trackOffset));
+		const activeEl = activeRef.current;
+		activeEl?.setAttribute("d", a.activeD);
+		activeEl?.setAttribute("stroke-dasharray", a.activeDash);
+		activeEl?.setAttribute("stroke-dashoffset", String(a.activeOffset));
+		activeEl?.setAttribute("visibility", a.visible ? "visible" : "hidden");
+	});
+	const initial = circularAttributes(wavy, size, strokes, indeterminate ? indeterminateCircular(0) : determinate, ampTarget, 0);
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, progressBarProps),
+		ref,
+		"data-tokens": mergeDataTokens("md-comp-progress-indicator", rest),
+		"data-indeterminate": indeterminate || void 0,
+		style: {
+			"--m3-progress-size": `${size}px`,
+			...style
+		},
+		className: styles.root({ class: cn(classNames?.root, className) }),
+		children: /* @__PURE__ */ jsx("svg", {
+			viewBox: `0 0 ${size} ${size}`,
+			"aria-hidden": "true",
+			className: styles.svg(),
+			children: /* @__PURE__ */ jsxs("g", {
+				ref: ringRef,
+				transform: initial.ring,
+				children: [showTrack && /* @__PURE__ */ jsx("path", {
+					ref: trackRef,
+					d: initial.trackD,
+					pathLength: 1,
+					strokeWidth: strokes.track,
+					strokeDasharray: initial.trackDash,
+					strokeDashoffset: initial.trackOffset,
+					"data-slot": "track",
+					className: styles.track({ class: classNames?.track })
+				}), /* @__PURE__ */ jsx("g", {
+					ref: waveRef,
+					transform: initial.wave || void 0,
+					children: /* @__PURE__ */ jsx("path", {
+						ref: activeRef,
+						d: initial.activeD,
+						pathLength: wavy ? 2 : 1,
+						strokeWidth: strokes.active,
+						strokeDasharray: initial.activeDash,
+						strokeDashoffset: initial.activeOffset,
+						visibility: initial.visible ? "visible" : "hidden",
+						"data-slot": "indicator",
+						className: styles.indicator({ class: classNames?.indicator })
+					})
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { CircularProgressIndicator, LinearProgressIndicator };
+
+//# sourceMappingURL=ProgressIndicator.js.map

package/dist/components/progress/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","names":[],"sources":["../../../src/components/progress/ProgressIndicator.tsx"],"sourcesContent":["'use client';\n\nimport { useAnimationFrame, useReducedMotion } from 'motion/react';\nimport {\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type CSSProperties,\n  type RefObject,\n} from 'react';\nimport { mergeProps, useObjectRef, useProgressBar } from 'react-aria';\nimport { cn } from '../../utils/cn';\nimport {\n  AMPLITUDE_DURATION_MS,\n  CIRCULAR_WAVELENGTH,\n  LINEAR_INDETERMINATE_WAVELENGTH,\n  LINEAR_WAVELENGTH,\n  LINEAR_WIDTH,\n  STROKE,\n  WAVE_PERIOD_MS,\n  amplitudeFor,\n  circlePath,\n  circularFlatArcs,\n  circularSize,\n  circularWavePeriod,\n  circularWavyPaths,\n  circularWavyShapes,\n  circularWavyTrack,\n  emphasizedAccelerate,\n  indeterminateCircular,\n  indeterminateLinearFractions,\n  linearHeight,\n  linearPaths,\n  standard,\n  stopIndicator,\n  type Strokes,\n} from './progress-geometry';\nimport { circularProgressStyles, linearProgressStyles } from './progress-styles';\nimport { mergeDataTokens } from '../../utils/merge-data-tokens';\n\ntype Naming =\n  | {\n      /** Names the indicator (\"Loading messages\"). Required unless `aria-labelledby` is set. */\n      'aria-label': string;\n      /** The id of the visible text that names the indicator. Required unless `aria-label` is set. */\n      'aria-labelledby'?: string;\n    }\n  | {\n      /** Names the indicator (\"Loading messages\"). Required unless `aria-labelledby` is set. */\n      'aria-label'?: string;\n      /** The id of the visible text that names the indicator. Required unless `aria-label` is set. */\n      'aria-labelledby': string;\n    };\n\nconst clamp01 = (value: number) => (Number.isNaN(value) ? 0 : Math.min(Math.max(value, 0), 1));\n\ninterface AmplitudeAnimation {\n  from: number;\n  to: number;\n  /** Frame time the animation started at; null until the next frame. */\n  start: number | null;\n  /** The last amplitude drawn. */\n  last: number;\n}\n\n/**\n * Compose animates a wavy indicator's amplitude over 500ms (standard easing growing,\n * emphasized-accelerate shrinking) whenever its target changes. Returns a reader for\n * animation frames, timed by the frame loop; renders use the target directly.\n */\nfunction useAmplitude(target: number, reduceMotion: boolean) {\n  const anim = useRef<AmplitudeAnimation>({ from: target, to: target, start: 0, last: target });\n  useLayoutEffect(() => {\n    const a = anim.current;\n    if (a.to === target) return;\n    anim.current = { from: a.last, to: target, start: null, last: a.last };\n  }, [target]);\n  return (time: number) => {\n    const a = anim.current;\n    if (reduceMotion) return (a.last = target);\n    if (a.start === null) a.start = time;\n    const t = Math.min(Math.max((time - a.start) / AMPLITUDE_DURATION_MS, 0), 1);\n    const eased = a.to > a.from ? standard(t) : emphasizedAccelerate(t);\n    return (a.last = a.from + (a.to - a.from) * eased);\n  };\n}\n\ninterface ValueAnimation {\n  from: number;\n  to: number;\n  /** When the animation started (frame time), null until the next frame. */\n  start: number | null;\n  /** The last value drawn. */\n  last: number;\n}\n\n/** Compose's `ProgressIndicatorDefaults.ProgressAnimationSpec`: spring(1, 50), no bounce. */\nconst VALUE_SPRING_OMEGA = Math.sqrt(50);\n/** Compose's wavy `ProgressAnimationSpec` lasts 500ms. */\nconst WAVY_VALUE_DURATION_MS = 500;\n\n/**\n * A determinate value change eases instead of jumping (\"Linear indicators animate from the\n * leading to the trailing edge along the track\"): flat indicators on Compose's critically\n * damped spring (stiffness 50), wavy ones over 500ms (standard easing). Returns a reader for\n * animation frames and whether an animation is running; reduced motion jumps.\n */\nfunction useAnimatedValue(\n  target: number,\n  wavy: boolean,\n  indeterminate: boolean,\n  reduceMotion: boolean,\n) {\n  const anim = useRef<ValueAnimation>({ from: target, to: target, start: 0, last: target });\n  const wasIndeterminate = useRef(indeterminate);\n  useLayoutEffect(() => {\n    const a = anim.current;\n    // Leaving indeterminate, the handoff eases into the value: start there, don't animate twice.\n    if (indeterminate || wasIndeterminate.current) {\n      anim.current = { from: target, to: target, start: 0, last: target };\n    } else if (a.to !== target) {\n      anim.current = { from: a.last, to: target, start: null, last: a.last };\n    }\n    wasIndeterminate.current = indeterminate;\n  }, [target, indeterminate]);\n  const read = (time: number) => {\n    const a = anim.current;\n    if (reduceMotion || a.from === a.to) return (a.last = a.to);\n    if (a.start === null) a.start = time;\n    const elapsed = Math.max(time - a.start, 0);\n    let progress: number;\n    if (wavy) {\n      progress = standard(Math.min(elapsed / WAVY_VALUE_DURATION_MS, 1));\n    } else {\n      // Critically damped from rest: x(t) = 1 − (1 + ωt)·e^(−ωt).\n      const wt = (VALUE_SPRING_OMEGA * elapsed) / 1000;\n      progress = 1 - (1 + wt) * Math.exp(-wt);\n      if (progress > 0.999) progress = 1;\n    }\n    if (progress >= 1) a.from = a.to;\n    return (a.last = a.from + (a.to - a.from) * progress);\n  };\n  return { read, active: () => !reduceMotion && anim.current.from !== anim.current.to };\n}\n\n/**\n * When an indicator turns determinate, its last indeterminate frame eases into the value over\n * 500ms (standard easing) instead of jumping, as the spec shows. `record` keeps the frame the\n * loop last drew; `at(time)` gives the handoff's start and eased progress, or null.\n */\nfunction useHandoff<T>(indeterminate: boolean, reduceMotion: boolean) {\n  const last = useRef<T | null>(null);\n  const handoff = useRef<{ from: T; start: number | null } | null>(null);\n  const wasIndeterminate = useRef(indeterminate);\n  useLayoutEffect(() => {\n    if (wasIndeterminate.current && !indeterminate && last.current !== null && !reduceMotion) {\n      handoff.current = { from: last.current, start: null };\n    }\n    if (indeterminate) handoff.current = null;\n    wasIndeterminate.current = indeterminate;\n  }, [indeterminate, reduceMotion]);\n  return {\n    record: (state: T) => {\n      last.current = state;\n    },\n    at: (time: number) => {\n      const h = handoff.current;\n      if (!h) return null;\n      if (h.start === null) h.start = time;\n      const t = Math.min(Math.max((time - h.start) / AMPLITUDE_DURATION_MS, 0), 1);\n      if (t >= 1) handoff.current = null;\n      return { from: h.from, t: standard(t) };\n    },\n    active: () => handoff.current !== null,\n  };\n}\n\nconst mix = (a: number, b: number, t: number) => a + (b - a) * t;\n\n/** The strokes from the thickness props; the track follows the indicator unless set. */\nconst strokesFor = (thickness: number, trackThickness: number | undefined): Strokes => ({\n  active: thickness,\n  track: trackThickness ?? thickness,\n});\n\nfunction useWidth(ref: RefObject<HTMLElement | null>) {\n  const [width, setWidth] = useState(LINEAR_WIDTH);\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const measure = () => setWidth(el.clientWidth || LINEAR_WIDTH);\n    measure();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [ref]);\n  return width;\n}\n\n/* ------------------------------------------------------------------ Shared */\n\ninterface SharedOwnProps {\n  /** Progress from 0 to 1; leave it out for an indeterminate indicator. */\n  value?: number;\n  /** The M3 Expressive wavy indicator. @default false */\n  wavy?: boolean;\n  /**\n   * Thickness of the active indicator in px. The spec's thick configuration is 8 (with the\n   * track); the indicator grows to fit, keeping room for the wave. @default 4\n   */\n  thickness?: number;\n  /** Thickness of the track in px. @default the same as `thickness` */\n  trackThickness?: number;\n  /**\n   * Draw the track (and the linear stop dot). Remove it inside a button, colouring the\n   * indicator like the button's label: `classNames={{ indicator: 'stroke-current' }}`.\n   * @default true\n   */\n  track?: boolean;\n}\n\n/* ------------------------------------------------------------------ Linear */\n\nexport interface LinearProgressIndicatorClassNames {\n  /** The outer element, which carries the `progressbar` role. */\n  root?: string;\n  /** The track: the line behind the active indicator. */\n  track?: string;\n  /** The active indicator, the line that shows progress. */\n  indicator?: string;\n  /** The stop dot at the end of a determinate track. */\n  stop?: string;\n}\n\ninterface LinearOwnProps extends SharedOwnProps {\n  /** The dot at the end of a determinate track (Compose draws it). @default true */\n  stopIndicator?: boolean;\n  /** Classes for each part, by slot. `classNames.root` is merged with `className`. */\n  classNames?: LinearProgressIndicatorClassNames;\n}\n\nexport type LinearProgressIndicatorProps = LinearOwnProps &\n  Naming &\n  Omit<\n    ComponentPropsWithRef<'div'>,\n    keyof LinearOwnProps | 'aria-label' | 'aria-labelledby' | 'children' | 'role'\n  >;\n\n/**\n * M3 linear progress indicator: determinate (`value`) or indeterminate, flat or wavy, with a\n * stop dot at the end of a determinate track. 240px wide by default; set the width with\n * `className` (`w-full`). `thickness` and `trackThickness` set the strokes (4px by default).\n * A wavy determinate indicator flattens below 10% and above 95%. It mirrors in right-to-left\n * layouts. When `value` arrives on an indeterminate indicator, the moving line eases into it.\n *\n * @example\n * <LinearProgressIndicator value={0.4} wavy aria-label=\"Uploading\" className=\"w-full\" />\n */\nexport function LinearProgressIndicator({\n  value,\n  wavy = false,\n  thickness = STROKE,\n  trackThickness,\n  track: showTrack = true,\n  stopIndicator: showStop = true,\n  classNames,\n  className,\n  style,\n  ref,\n  ...rest\n}: LinearProgressIndicatorProps) {\n  const indeterminate = value === undefined;\n  const v = clamp01(value ?? 0);\n  const rootRef = useObjectRef(ref);\n  const width = useWidth(rootRef);\n  const strokes = strokesFor(thickness, trackThickness);\n  const height = linearHeight(wavy, strokes);\n  const reduceMotion = useReducedMotion() ?? false;\n  const ampTarget = wavy ? (indeterminate ? 1 : amplitudeFor(v)) : 0;\n  const amplitude = useAmplitude(ampTarget, reduceMotion);\n  const handoff = useHandoff<number[]>(indeterminate, reduceMotion);\n  const drawnValue = useAnimatedValue(v, wavy, indeterminate, reduceMotion);\n  const { progressBarProps } = useProgressBar({\n    ...rest,\n    value: indeterminate ? undefined : v,\n    minValue: 0,\n    maxValue: 1,\n    isIndeterminate: indeterminate,\n  });\n\n  /** The track and active paths for some line positions, wave amplitude and clock. */\n  const paths = (fractions: number[], amp: number, now: number, wavelength: number) => {\n    const offset = amp > 0 && !reduceMotion ? (now % WAVE_PERIOD_MS) / WAVE_PERIOD_MS : 0;\n    return linearPaths(width, height, fractions, amp, offset, wavelength, strokes);\n  };\n  const determinate = [0, v, 0, 0];\n\n  const trackRef = useRef<SVGPathElement>(null);\n  const firstRef = useRef<SVGPathElement>(null);\n  const secondRef = useRef<SVGPathElement>(null);\n  useAnimationFrame((time) => {\n    if (!indeterminate && !wavy && !handoff.active() && !drawnValue.active()) return;\n    let fractions = indeterminate ? determinate : [0, drawnValue.read(time), 0, 0];\n    let wavelength = LINEAR_WAVELENGTH;\n    if (indeterminate) {\n      fractions = indeterminateLinearFractions(time);\n      wavelength = LINEAR_INDETERMINATE_WAVELENGTH;\n      handoff.record(fractions);\n    } else {\n      const step = handoff.at(time);\n      if (step) {\n        fractions = step.from.map((f, i) => mix(f, determinate[i]!, step.t));\n        wavelength = mix(LINEAR_INDETERMINATE_WAVELENGTH, LINEAR_WAVELENGTH, step.t);\n      }\n    }\n    const drawn = paths(fractions, amplitude(time), time, wavelength);\n    trackRef.current?.setAttribute('d', drawn.track);\n    firstRef.current?.setAttribute('d', drawn.active[0] ?? '');\n    secondRef.current?.setAttribute('d', drawn.active[1] ?? '');\n  });\n\n  // The first render is a deterministic frame (SSR-safe); animation frames take over.\n  const initial = indeterminate\n    ? paths(indeterminateLinearFractions(0), ampTarget, 0, LINEAR_INDETERMINATE_WAVELENGTH)\n    : paths(determinate, ampTarget, 0, LINEAR_WAVELENGTH);\n  const stop =\n    !indeterminate && showTrack && showStop ? stopIndicator(width, height, v, strokes) : null;\n  const styles = linearProgressStyles({ wavy });\n  return (\n    <div\n      {...mergeProps(rest, progressBarProps)}\n      ref={rootRef}\n      // The component tokens' hook (progress-tokens.ts).\n      data-tokens={mergeDataTokens('md-comp-progress-indicator', rest)}\n      data-indeterminate={indeterminate || undefined}\n      style={{ '--m3-progress-height': `${height}px`, ...style } as CSSProperties}\n      className={styles.root({ class: cn(classNames?.root, className) })}\n    >\n      <svg\n        viewBox={`0 0 ${width} ${height}`}\n        preserveAspectRatio=\"none\"\n        aria-hidden=\"true\"\n        className={styles.svg()}\n      >\n        {showTrack && (\n          <path\n            ref={trackRef}\n            d={initial.track}\n            strokeWidth={strokes.track}\n            data-slot=\"track\"\n            className={styles.track({ class: classNames?.track })}\n          />\n        )}\n        <path\n          ref={firstRef}\n          d={initial.active[0] ?? ''}\n          strokeWidth={strokes.active}\n          data-slot=\"indicator\"\n          className={styles.indicator({ class: classNames?.indicator })}\n        />\n        {/* Indeterminate indicators draw a second line. */}\n        <path\n          ref={secondRef}\n          d={initial.active[1] ?? ''}\n          strokeWidth={strokes.active}\n          data-slot=\"indicator\"\n          className={styles.indicator({ class: classNames?.indicator })}\n        />\n        {stop && (\n          <circle\n            cx={stop.cx}\n            cy={stop.cy}\n            r={stop.r}\n            data-slot=\"stop\"\n            className={styles.stop({ class: classNames?.stop })}\n          />\n        )}\n      </svg>\n    </div>\n  );\n}\n\n/* ---------------------------------------------------------------- Circular */\n\nexport interface CircularProgressIndicatorClassNames {\n  /** The outer element, which carries the `progressbar` role. */\n  root?: string;\n  /** The track: the ring behind the active indicator. */\n  track?: string;\n  /** The active indicator, the arc that shows progress. */\n  indicator?: string;\n}\n\ninterface CircularOwnProps extends SharedOwnProps {\n  /**\n   * The diameter in px. The spec: circular indicators \"can range from 24dp to 240dp\"; values\n   * outside that range are clamped. The strokes keep their `thickness`; the ring and its wave\n   * grow (more waves of the same length, as in Compose).\n   * @default 40, or 48 when wavy, plus any extra thickness\n   */\n  size?: number;\n  /** Classes for each part, by slot. `classNames.root` is merged with `className`. */\n  classNames?: CircularProgressIndicatorClassNames;\n}\n\nexport type CircularProgressIndicatorProps = CircularOwnProps &\n  Naming &\n  Omit<\n    ComponentPropsWithRef<'div'>,\n    keyof CircularOwnProps | 'aria-label' | 'aria-labelledby' | 'children' | 'role'\n  >;\n\ninterface CircularFrame {\n  /** Degrees clockwise from 12 o'clock where the arc starts. */\n  rotation: number;\n  /** The arc's length as a fraction of the ring. */\n  sweep: number;\n}\n\n/** Every attribute the circular indicator animates, for one frame. */\nfunction circularAttributes(\n  wavy: boolean,\n  size: number,\n  strokes: Strokes,\n  { rotation, sweep }: CircularFrame,\n  amplitude: number,\n  offset: number,\n) {\n  const c = size / 2;\n  const turn = (deg: number) => `rotate(${Math.round(deg * 100) / 100} ${c} ${c})`;\n  if (!wavy) {\n    const d = circlePath(size, Math.max(strokes.active, strokes.track));\n    const arcs = circularFlatArcs(sweep, size, strokes.active);\n    return {\n      ring: turn(rotation),\n      wave: '',\n      trackD: d,\n      trackDash: `${arcs.trackLength} 1`,\n      trackOffset: -arcs.trackStart,\n      activeD: d,\n      activeDash: `${sweep} 1`,\n      activeOffset: 0,\n      visible: sweep > 0,\n    };\n  }\n  const paths = circularWavyPaths(amplitude, size, strokes.active);\n  const track = circularWavyTrack(sweep, size, strokes);\n  return {\n    ring: turn(rotation),\n    // Shift the dash along the ring and turn the ring back: the wave moves, the arc stays.\n    wave: turn(-offset * 360),\n    trackD: paths.track,\n    trackDash: `${track.length} 1`,\n    trackOffset: -track.start,\n    activeD: paths.active,\n    activeDash: `${sweep} 2`,\n    activeOffset: -offset,\n    visible: sweep > 0,\n  };\n}\n\n/**\n * M3 circular progress indicator: determinate (`value`) or indeterminate, flat (40px) or wavy\n * (48px), drawn clockwise from 12 o'clock over a track. A wavy indicator's wave travels\n * around the ring. `thickness` and `trackThickness` set the strokes (4px by default); the spec's\n * thick configuration (8px) makes it 44px, or 52px wavy. `size` sets the diameter (24–240px).\n * It isn't mirrored in right-to-left\n * layouts. For short waits, {@link LoadingIndicator} is recommended.\n *\n * @example\n * <CircularProgressIndicator value={0.7} wavy aria-label=\"Downloading\" />\n * <CircularProgressIndicator aria-label=\"Loading\" />\n */\nexport function CircularProgressIndicator({\n  value,\n  wavy = false,\n  size: sizeProp,\n  thickness = STROKE,\n  trackThickness,\n  track: showTrack = true,\n  classNames,\n  className,\n  style,\n  ref,\n  ...rest\n}: CircularProgressIndicatorProps) {\n  const indeterminate = value === undefined;\n  const v = clamp01(value ?? 0);\n  const reduceMotion = useReducedMotion() ?? false;\n  const strokes = strokesFor(thickness, trackThickness);\n  const size = circularSize(wavy, strokes, sizeProp);\n  const ampTarget = wavy ? (indeterminate ? 1 : amplitudeFor(v)) : 0;\n  const amplitude = useAmplitude(ampTarget, reduceMotion);\n  const handoff = useHandoff<CircularFrame>(indeterminate, reduceMotion);\n  const drawnValue = useAnimatedValue(v, wavy, indeterminate, reduceMotion);\n  const { progressBarProps } = useProgressBar({\n    ...rest,\n    value: indeterminate ? undefined : v,\n    minValue: 0,\n    maxValue: 1,\n    isIndeterminate: indeterminate,\n  });\n  const styles = circularProgressStyles({ wavy });\n  const period = circularWavePeriod(\n    circularWavyShapes(size, CIRCULAR_WAVELENGTH, strokes.active).vertices,\n  );\n  const offsetAt = (amp: number, now: number) =>\n    wavy && amp > 0 && !reduceMotion ? (now % period) / period : 0;\n  const determinate: CircularFrame = { rotation: 0, sweep: v };\n\n  const ringRef = useRef<SVGGElement>(null);\n  const waveRef = useRef<SVGGElement>(null);\n  const trackRef = useRef<SVGPathElement>(null);\n  const activeRef = useRef<SVGPathElement>(null);\n  useAnimationFrame((time) => {\n    if (!indeterminate && !wavy && !handoff.active() && !drawnValue.active()) return;\n    let frame = indeterminate ? determinate : { rotation: 0, sweep: drawnValue.read(time) };\n    if (indeterminate) {\n      frame = indeterminateCircular(time);\n      handoff.record(frame);\n    } else {\n      const step = handoff.at(time);\n      // Keep turning clockwise to the next 12 o'clock while the arc takes the value.\n      if (step) {\n        const target = step.from.rotation === 0 ? 0 : 360;\n        frame = {\n          rotation: mix(step.from.rotation, target, step.t),\n          sweep: mix(step.from.sweep, v, step.t),\n        };\n      }\n    }\n    const amp = amplitude(time);\n    const a = circularAttributes(wavy, size, strokes, frame, amp, offsetAt(amp, time));\n    ringRef.current?.setAttribute('transform', a.ring);\n    waveRef.current?.setAttribute('transform', a.wave);\n    const trackEl = trackRef.current;\n    trackEl?.setAttribute('d', a.trackD);\n    trackEl?.setAttribute('stroke-dasharray', a.trackDash);\n    trackEl?.setAttribute('stroke-dashoffset', String(a.trackOffset));\n    const activeEl = activeRef.current;\n    activeEl?.setAttribute('d', a.activeD);\n    activeEl?.setAttribute('stroke-dasharray', a.activeDash);\n    activeEl?.setAttribute('stroke-dashoffset', String(a.activeOffset));\n    activeEl?.setAttribute('visibility', a.visible ? 'visible' : 'hidden');\n  });\n\n  // The first render is a deterministic frame (SSR-safe); animation frames take over.\n  const initial = circularAttributes(\n    wavy,\n    size,\n    strokes,\n    indeterminate ? indeterminateCircular(0) : determinate,\n    ampTarget,\n    0,\n  );\n  return (\n    <div\n      {...mergeProps(rest, progressBarProps)}\n      ref={ref}\n      // The component tokens' hook (progress-tokens.ts).\n      data-tokens={mergeDataTokens('md-comp-progress-indicator', rest)}\n      data-indeterminate={indeterminate || undefined}\n      style={{ '--m3-progress-size': `${size}px`, ...style } as CSSProperties}\n      className={styles.root({ class: cn(classNames?.root, className) })}\n    >\n      <svg viewBox={`0 0 ${size} ${size}`} aria-hidden=\"true\" className={styles.svg()}>\n        <g ref={ringRef} transform={initial.ring}>\n          {showTrack && (\n            <path\n              ref={trackRef}\n              d={initial.trackD}\n              pathLength={1}\n              strokeWidth={strokes.track}\n              strokeDasharray={initial.trackDash}\n              strokeDashoffset={initial.trackOffset}\n              data-slot=\"track\"\n              className={styles.track({ class: classNames?.track })}\n            />\n          )}\n          <g ref={waveRef} transform={initial.wave || undefined}>\n            <path\n              ref={activeRef}\n              d={initial.activeD}\n              pathLength={wavy ? 2 : 1}\n              strokeWidth={strokes.active}\n              strokeDasharray={initial.activeDash}\n              strokeDashoffset={initial.activeOffset}\n              visibility={initial.visible ? 'visible' : 'hidden'}\n              data-slot=\"indicator\"\n              className={styles.indicator({ class: classNames?.indicator })}\n            />\n          </g>\n        </g>\n      </svg>\n    </div>\n  );\n}\n"],"mappings":"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"}