@bug-on/m3-expressive 1.2.5 → 1.2.7

package/dist/pickers.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { m, LazyMotion, domMax, useMotionValue, animate, useAnimationFrame, AnimatePresence, useReducedMotion } from 'motion/react';
-import * as React13 from 'react';
+import { m, useAnimationFrame, LazyMotion, domMax, useMotionValue, animate, AnimatePresence, useReducedMotion } from 'motion/react';
+import * as React6 from 'react';
 import { useState, useCallback, useMemo, useReducer } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -261,13 +261,13 @@ var DatePickerInput = ({
   locale,
   className
 }) => {
-  const inputId = React13.useId();
+  const inputId = React6.useId();
   const errorId = `${inputId}-error`;
-  const placeholder = React13.useMemo(() => {
+  const placeholder = React6.useMemo(() => {
     if (locale == null ? void 0 : locale.startsWith("vi")) return "DD/MM/YYYY";
     return "MM/DD/YYYY";
   }, [locale]);
-  const handleKeyDown = React13.useCallback(
+  const handleKeyDown = React6.useCallback(
     (e) => {
       if (e.key === "Enter") {
         const parsed = parseDateInput(value);
@@ -276,11 +276,11 @@ var DatePickerInput = ({
     },
     [value, onCommit]
   );
-  const handleBlur = React13.useCallback(() => {
+  const handleBlur = React6.useCallback(() => {
     const parsed = parseDateInput(value);
     onCommit(parsed);
   }, [value, onCommit]);
-  const handleChange = React13.useCallback(
+  const handleChange = React6.useCallback(
     (e) => {
       let raw = e.target.value.replace(/\D/g, "");
       if (raw.length > 8) raw = raw.slice(0, 8);
@@ -374,11 +374,11 @@ var DayCell = ({
     // Disabled
     isDisabled && "opacity-[0.38]"
   );
-  const handleClick = React13.useCallback(() => {
+  const handleClick = React6.useCallback(() => {
     if (isDisabled) return;
     onSelect(utcMs);
   }, [isDisabled, utcMs, onSelect]);
-  const handleKeyDown = React13.useCallback(
+  const handleKeyDown = React6.useCallback(
     (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -414,7 +414,7 @@ var DayCell = ({
 };
 DayCell.displayName = "DayCell";
 var WeekdayRow = ({ locale }) => {
-  const names = React13.useMemo(() => getWeekdayNames(locale), [locale]);
+  const names = React6.useMemo(() => getWeekdayNames(locale), [locale]);
   return /* @__PURE__ */ jsx("tr", { className: "grid grid-cols-7 mb-1", children: names.map((name, i) => /* @__PURE__ */ jsx(
     "th",
     {
@@ -441,7 +441,7 @@ var CalendarGrid = ({
   const d = new Date(displayedMonthMs);
   const year = d.getUTCFullYear();
   const month = d.getUTCMonth();
-  const weeks = React13.useMemo(
+  const weeks = React6.useMemo(
     () => getWeeksInMonth(year, month, locale.weekStartsOn),
     [year, month, locale.weekStartsOn]
   );
@@ -543,11 +543,11 @@ var ROTATE_KEY_SPLINES = [
 var ROTATE_VALUES = "0 24 24; 154 24 24; 309 24 24; 463 24 24; 617 24 24; 771 24 24; 926 24 24; 1080 24 24";
 var DETERMINATE_CIRCLE = "M24 7 C34.49 7 41 13.51 41 24 C41 34.49 34.49 41 24 41 C13.51 41 7 34.49 7 24 C7 13.51 13.51 7 24 7 Z";
 var DETERMINATE_SOFT_BURST = "M20.9 10.4 21.4 9.5 21.9 8.7 22.5 7.8 23.2 7.2 24.2 7 25.1 7.4 25.7 8.1 26.2 9 26.8 9.8 27.3 10.6 28.1 11.2 29 11.3 30 11 30.9 10.6 31.8 10.3 32.8 9.9 33.7 10 34.5 10.6 34.9 11.5 34.8 12.5 34.8 13.5 34.7 14.5 34.7 15.5 35.2 16.3 36 16.8 37 17.1 37.9 17.3 38.9 17.5 39.8 17.9 40.4 18.7 40.5 19.7 40 20.5 39.4 21.3 38.7 22 38.1 22.8 37.6 23.7 37.7 24.6 38.3 25.5 38.9 26.2 39.6 27 40.2 27.7 40.5 28.7 40.3 29.6 39.5 30.3 38.6 30.6 37.6 30.8 36.7 31 35.7 31.3 35 31.9 34.6 32.8 34.7 33.8 34.8 34.8 34.9 35.8 34.8 36.8 34.3 37.6 33.4 38.1 32.4 38 31.5 37.6 30.6 37.2 29.7 36.9 28.7 36.6 27.8 36.9 27.1 37.6 26.6 38.5 26.1 39.3 25.5 40.2 24.8 40.8 23.8 41 22.9 40.6 22.3 39.9 21.8 39 21.2 38.2 20.7 37.4 19.9 36.8 19 36.7 18 37 17.1 37.4 16.2 37.7 15.2 38.1 14.3 38 13.5 37.4 13.1 36.5 13.2 35.5 13.2 34.5 13.3 33.5 13.3 32.5 12.8 31.7 12 31.2 11 31 10.1 30.7 9.1 30.5 8.2 30.1 7.6 29.3 7.5 28.3 8 27.5 8.7 26.7 9.3 26 9.9 25.2 10.4 24.3 10.3 23.4 9.7 22.5 9.1 21.8 8.4 21 7.8 20.3 7.5 19.3 7.7 18.4 8.5 17.7 9.4 17.4 10.4 17.2 11.3 17 12.3 16.7 13 16.1 13.4 15.2 13.3 14.2 13.2 13.2 13.1 12.2 13.2 11.2 13.7 10.4 14.6 9.9 15.6 10 16.5 10.4 17.4 10.8 18.3 11.1 19.3 11.4 20.2 11.1Z";
-var IndeterminateSvg = React13.memo(function IndeterminateSvg2({
+var IndeterminateSvg = React6.memo(function IndeterminateSvg2({
   size
 }) {
-  const [ready, setReady] = React13.useState(false);
-  React13.useEffect(() => {
+  const [ready, setReady] = React6.useState(false);
+  React6.useEffect(() => {
     const raf = requestAnimationFrame(() => setReady(true));
     return () => cancelAnimationFrame(raf);
   }, []);
@@ -592,7 +592,7 @@ var IndeterminateSvg = React13.memo(function IndeterminateSvg2({
     }
   );
 });
-var DeterminateSvg = React13.memo(function DeterminateSvg2({
+var DeterminateSvg = React6.memo(function DeterminateSvg2({
   size,
   progress
 }) {
@@ -617,7 +617,7 @@ var DeterminateSvg = React13.memo(function DeterminateSvg2({
     }
   );
 });
-var LoadingIndicator = React13.forwardRef(
+var LoadingIndicator = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       variant = "uncontained",
@@ -712,27 +712,47 @@ function generateWavyCircularPath(center, radius, amplitude, wavelength) {
     if (i === 0) d += `M ${xAt(t0).toFixed(2)} ${yAt(t0).toFixed(2)}`;
     d += ` C ${cp1x.toFixed(2)} ${cp1y.toFixed(2)}, ${cp2x.toFixed(2)} ${cp2y.toFixed(2)}, ${xAt(t1).toFixed(2)} ${yAt(t1).toFixed(2)}`;
   }
-  d += " Z";
-  return d;
+  return `${d} Z`;
 }
 function getSinePath(startX, endX, phase, wl, amp) {
   if (startX >= endX) return "";
-  let d = "";
-  const step = amp === 0 ? Math.max(10, endX - startX) : 1;
-  const yStart = Math.sin((startX + phase) / wl * 2 * Math.PI) * amp;
-  d += `M ${startX.toFixed(2)} ${yStart.toFixed(2)}`;
-  let nextX = Math.ceil(startX / step) * step;
-  if (nextX === startX) nextX += step;
-  while (nextX < endX) {
-    const y = Math.sin((nextX + phase) / wl * 2 * Math.PI) * amp;
-    d += ` L ${nextX.toFixed(2)} ${y.toFixed(2)}`;
-    nextX += step;
+  if (amp <= 0.01) {
+    return `M ${startX.toFixed(2)} 0 L ${endX.toFixed(2)} 0`;
+  }
+  const safeWl = Math.max(1, wl);
+  const k = 2 * Math.PI / safeWl;
+  const phi = phase / safeWl * 2 * Math.PI;
+  const yAt = (x) => amp * Math.sin(k * x + phi);
+  const dyAt = (x) => amp * k * Math.cos(k * x + phi);
+  const step = safeWl / 4;
+  let d = `M ${startX.toFixed(2)} ${yAt(startX).toFixed(2)}`;
+  let currentX = startX;
+  while (currentX < endX) {
+    const nextX = Math.min(endX, currentX + step);
+    const dx = nextX - currentX;
+    const scale = dx / 3;
+    const y0 = yAt(currentX);
+    const dy0 = dyAt(currentX);
+    const y1 = yAt(nextX);
+    const dy1 = dyAt(nextX);
+    const cp1x = currentX + scale;
+    const cp1y = y0 + scale * dy0;
+    const cp2x = nextX - scale;
+    const cp2y = y1 - scale * dy1;
+    d += ` C ${cp1x.toFixed(2)} ${cp1y.toFixed(2)}, ${cp2x.toFixed(2)} ${cp2y.toFixed(2)}, ${nextX.toFixed(2)} ${y1.toFixed(2)}`;
+    currentX = nextX;
   }
-  const yEnd = Math.sin((endX + phase) / wl * 2 * Math.PI) * amp;
-  d += ` L ${endX.toFixed(2)} ${yEnd.toFixed(2)}`;
   return d;
 }
-var CircularProgress = React13.forwardRef(
+var GLOBAL_ROTATION_DURATION = 6e3;
+var GLOBAL_ROTATION_TARGET = 1080;
+var ADDITIONAL_ROTATION_CYCLE = 1500;
+var ADDITIONAL_ROTATION_STEP = 90;
+var ADDITIONAL_ROTATION_EASE_DURATION = 500;
+var DEFAULT_MIN_PROGRESS = 0.1;
+var DEFAULT_MAX_PROGRESS = 0.8;
+var PROGRESS_CYCLE_DURATION = 1500;
+var CircularProgress = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       value,
@@ -745,6 +765,10 @@ var CircularProgress = React13.forwardRef(
       crawlerSpeed = 1,
       color,
       trackColor,
+      showTrack = "auto",
+      minProgress = DEFAULT_MIN_PROGRESS,
+      maxProgress = DEFAULT_MAX_PROGRESS,
+      amplitudeRange,
       className,
       "aria-label": ariaLabel
     } = _b, restProps = __objRest(_b, [
@@ -758,6 +782,10 @@ var CircularProgress = React13.forwardRef(
       "crawlerSpeed",
       "color",
       "trackColor",
+      "showTrack",
+      "minProgress",
+      "maxProgress",
+      "amplitudeRange",
       "className",
       "aria-label"
     ]);
@@ -768,17 +796,22 @@ var CircularProgress = React13.forwardRef(
     const activeColor = color || "var(--md-sys-color-indicator-active)";
     const bgTrackColor = trackColor || "var(--md-sys-color-indicator-track)";
     const isWavy = shape === "wavy";
+    const shouldShowIndeterminateTrack = showTrack === "auto" ? isWavy : showTrack;
     const BASELINE_SIZE = 48;
     const scaleFactor = size / BASELINE_SIZE;
-    const effectiveAmplitude = React13.useMemo(
+    const effectiveAmplitude = React6.useMemo(
       () => amplitude != null ? amplitude : 1.6 * scaleFactor,
       [amplitude, scaleFactor]
     );
-    const effectiveWavelength = React13.useMemo(
+    const effectiveWavelength = React6.useMemo(
       () => wavelength != null ? wavelength : 15 * scaleFactor,
       [wavelength, scaleFactor]
     );
-    const wavyActivePath = React13.useMemo(
+    const resolvedAmplitudeRange = React6.useMemo(
+      () => amplitudeRange != null ? amplitudeRange : [0, effectiveAmplitude],
+      [amplitudeRange, effectiveAmplitude]
+    );
+    const wavyActivePath = React6.useMemo(
       () => isWavy ? generateWavyCircularPath(
         center,
         radius,
@@ -787,8 +820,8 @@ var CircularProgress = React13.forwardRef(
       ) : null,
       [isWavy, center, radius, effectiveAmplitude, effectiveWavelength]
     );
-    const circumference = React13.useMemo(() => 2 * Math.PI * radius, [radius]);
-    const gapForTrack = React13.useMemo(
+    const circumference = React6.useMemo(() => 2 * Math.PI * radius, [radius]);
+    const gapForTrack = React6.useMemo(
       () => (gapSize + trackHeight) / circumference,
       [gapSize, trackHeight, circumference]
     );
@@ -797,6 +830,145 @@ var CircularProgress = React13.forwardRef(
     const trackLength = isDeterminate ? Math.max(1e-3, 1 - activeAngularFraction - 2 * gapForTrack) : 1;
     const ActiveCircleElem = m.circle;
     const ActivePathElem = m.path;
+    const indeterminateSvgRef = React6.useRef(null);
+    const indeterminateTrackRef = React6.useRef(null);
+    const indeterminateActiveRef = React6.useRef(null);
+    const indeterminateWavyTrackPathRef = React6.useRef(null);
+    const indeterminateWavyActivePathRef = React6.useRef(null);
+    const cachedPathLengthRef = React6.useRef(0);
+    React6.useLayoutEffect(() => {
+      if (!isWavy || !wavyActivePath) {
+        cachedPathLengthRef.current = circumference;
+        return;
+      }
+      const el = indeterminateActiveRef.current;
+      if (el && "getTotalLength" in el) {
+        try {
+          const len = el.getTotalLength();
+          if (len > 0) {
+            cachedPathLengthRef.current = len;
+            return;
+          }
+        } catch (e) {
+        }
+      }
+      cachedPathLengthRef.current = circumference;
+    }, [isWavy, circumference, wavyActivePath]);
+    useAnimationFrame((time) => {
+      if (isDeterminate) return;
+      const safeCrawlerSpeed = Math.max(0.1, crawlerSpeed);
+      const scaledTime = time * safeCrawlerSpeed;
+      const globalCycle = scaledTime % GLOBAL_ROTATION_DURATION;
+      const globalAngle = globalCycle / GLOBAL_ROTATION_DURATION * GLOBAL_ROTATION_TARGET;
+      const additionalFullCycles = Math.floor(
+        scaledTime / ADDITIONAL_ROTATION_CYCLE
+      );
+      const additionalCycleTime = scaledTime % ADDITIONAL_ROTATION_CYCLE;
+      const additionalEaseT = Math.min(
+        1,
+        additionalCycleTime / ADDITIONAL_ROTATION_EASE_DURATION
+      );
+      const additionalAngle = (additionalFullCycles + easeInOutCubic(additionalEaseT)) * ADDITIONAL_ROTATION_STEP;
+      const totalRotation = globalAngle + additionalAngle;
+      if (indeterminateSvgRef.current) {
+        indeterminateSvgRef.current.style.transform = `rotate(${totalRotation - 90}deg)`;
+      }
+      const progressFullCycle = PROGRESS_CYCLE_DURATION * 2;
+      const progressCycleTime = scaledTime % progressFullCycle;
+      let progress;
+      if (progressCycleTime < PROGRESS_CYCLE_DURATION) {
+        const t = progressCycleTime / PROGRESS_CYCLE_DURATION;
+        progress = minProgress + (maxProgress - minProgress) * easeInOutCubic(t);
+      } else {
+        const t = (progressCycleTime - PROGRESS_CYCLE_DURATION) / PROGRESS_CYCLE_DURATION;
+        progress = maxProgress - (maxProgress - minProgress) * easeInOutCubic(t);
+      }
+      if (isWavy) {
+        const amplitudeT = (progress - minProgress) / (maxProgress - minProgress);
+        const currentAmplitude = resolvedAmplitudeRange[0] + (resolvedAmplitudeRange[1] - resolvedAmplitudeRange[0]) * amplitudeT;
+        const dynamicPath = generateWavyCircularPath(
+          center,
+          radius,
+          currentAmplitude,
+          effectiveWavelength
+        );
+        if (indeterminateWavyActivePathRef.current) {
+          indeterminateWavyActivePathRef.current.setAttribute("d", dynamicPath);
+        }
+        if (indeterminateWavyTrackPathRef.current) {
+          indeterminateWavyTrackPathRef.current.setAttribute("d", dynamicPath);
+        }
+        const pathEl = indeterminateWavyActivePathRef.current;
+        let totalLen = cachedPathLengthRef.current || circumference;
+        if (pathEl) {
+          try {
+            const len = pathEl.getTotalLength();
+            if (len > 0) totalLen = len;
+          } catch (e) {
+          }
+        }
+        const gapFrac = (gapSize + trackHeight) / totalLen;
+        const activeLen = totalLen * progress;
+        const activeOff = 0;
+        if (indeterminateWavyActivePathRef.current) {
+          indeterminateWavyActivePathRef.current.setAttribute(
+            "stroke-dasharray",
+            `${activeLen} ${totalLen}`
+          );
+          indeterminateWavyActivePathRef.current.setAttribute(
+            "stroke-dashoffset",
+            `${activeOff}`
+          );
+        }
+        if (shouldShowIndeterminateTrack && indeterminateWavyTrackPathRef.current) {
+          const trackStartFrac = progress + gapFrac;
+          const trackLen = Math.max(
+            1e-3,
+            totalLen * (1 - progress - 2 * gapFrac)
+          );
+          const trackOff = -totalLen * trackStartFrac;
+          indeterminateWavyTrackPathRef.current.setAttribute(
+            "stroke-dasharray",
+            `${trackLen} ${totalLen}`
+          );
+          indeterminateWavyTrackPathRef.current.setAttribute(
+            "stroke-dashoffset",
+            `${trackOff}`
+          );
+        }
+      } else {
+        const totalLen = circumference;
+        const activeLen = totalLen * progress;
+        const activeOff = 0;
+        if (indeterminateActiveRef.current) {
+          indeterminateActiveRef.current.setAttribute(
+            "stroke-dasharray",
+            `${activeLen} ${totalLen}`
+          );
+          indeterminateActiveRef.current.setAttribute(
+            "stroke-dashoffset",
+            `${activeOff}`
+          );
+        }
+        if (shouldShowIndeterminateTrack && indeterminateTrackRef.current) {
+          const gapFrac = (gapSize + trackHeight) / totalLen;
+          const trackStartFrac = progress + gapFrac;
+          const trackLen = Math.max(
+            1e-3,
+            totalLen * (1 - progress - 2 * gapFrac)
+          );
+          const trackOff = -totalLen * trackStartFrac;
+          indeterminateTrackRef.current.setAttribute(
+            "stroke-dasharray",
+            `${trackLen} ${totalLen}`
+          );
+          indeterminateTrackRef.current.setAttribute(
+            "stroke-dashoffset",
+            `${trackOff}`
+          );
+        }
+      }
+    });
     return /* @__PURE__ */ jsx(
       "div",
       __spreadProps(__spreadValues({
@@ -873,9 +1045,10 @@ var CircularProgress = React13.forwardRef(
               ]
             }
           ),
-          !isDeterminate && /* @__PURE__ */ jsxs(
-            m.svg,
+          !isDeterminate && /* @__PURE__ */ jsx(
+            "svg",
             {
+              ref: indeterminateSvgRef,
               width: size,
               height: size,
               viewBox: `0 0 ${size} ${size}`,
@@ -884,90 +1057,60 @@ var CircularProgress = React13.forwardRef(
                 position: "absolute",
                 inset: 0,
                 overflow: "visible",
-                rotate: "-90deg",
-                transformOrigin: "center"
-              },
-              animate: { rotate: ["-90deg", "270deg"] },
-              transition: {
-                rotate: {
-                  duration: 2 / Math.max(0.1, crawlerSpeed),
-                  repeat: Number.POSITIVE_INFINITY,
-                  ease: "linear"
-                }
+                transformOrigin: "center",
+                transform: "rotate(-90deg)"
               },
-              children: [
-                /* @__PURE__ */ jsx(
-                  m.circle,
+              children: isWavy ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                shouldShowIndeterminateTrack && /* @__PURE__ */ jsx(
+                  "path",
                   {
-                    cx: center,
-                    cy: center,
-                    r: radius,
+                    ref: indeterminateWavyTrackPathRef,
+                    d: wavyActivePath != null ? wavyActivePath : "",
                     fill: "none",
                     stroke: bgTrackColor,
                     strokeWidth: trackHeight,
-                    strokeLinecap: "round",
-                    style: { originX: "50%", originY: "50%" },
-                    animate: {
-                      pathLength: [
-                        Math.max(1e-3, 1 - 0.1 - 2 * gapForTrack),
-                        Math.max(1e-3, 1 - 0.75 - 2 * gapForTrack),
-                        Math.max(1e-3, 1 - 0.1 - 2 * gapForTrack)
-                      ],
-                      rotate: [
-                        `${(0.1 + gapForTrack) * 360}deg`,
-                        `${(1 + gapForTrack) * 360}deg`,
-                        `${(1.1 + gapForTrack) * 360}deg`
-                      ]
-                    },
-                    transition: {
-                      duration: 2 / Math.max(0.1, crawlerSpeed),
-                      repeat: Number.POSITIVE_INFINITY,
-                      ease: [0.4, 0, 0.2, 1]
-                    }
+                    strokeLinecap: "round"
                   }
                 ),
-                isWavy ? /* @__PURE__ */ jsx(
-                  ActivePathElem,
+                /* @__PURE__ */ jsx(
+                  "path",
                   {
+                    ref: indeterminateWavyActivePathRef,
                     d: wavyActivePath != null ? wavyActivePath : "",
                     fill: "none",
                     stroke: activeColor,
                     strokeWidth: trackHeight,
-                    strokeLinecap: "round",
-                    style: { originX: "50%", originY: "50%" },
-                    animate: {
-                      pathLength: [0.1, 0.75, 0.1],
-                      rotate: ["0deg", "90deg", "360deg"]
-                    },
-                    transition: {
-                      duration: 2 / Math.max(0.1, crawlerSpeed),
-                      repeat: Number.POSITIVE_INFINITY,
-                      ease: [0.4, 0, 0.2, 1]
-                    }
+                    strokeLinecap: "round"
                   }
-                ) : /* @__PURE__ */ jsx(
-                  ActiveCircleElem,
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                shouldShowIndeterminateTrack && /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    ref: indeterminateTrackRef,
+                    cx: center,
+                    cy: center,
+                    r: radius,
+                    fill: "none",
+                    stroke: bgTrackColor,
+                    strokeWidth: trackHeight,
+                    strokeLinecap: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "circle",
                   {
+                    ref: indeterminateActiveRef,
                     cx: center,
                     cy: center,
                     r: radius,
                     fill: "none",
                     stroke: activeColor,
                     strokeWidth: trackHeight,
-                    strokeLinecap: "round",
-                    style: { originX: "50%", originY: "50%" },
-                    animate: {
-                      pathLength: [0.1, 0.75, 0.1],
-                      rotate: ["0deg", "90deg", "360deg"]
-                    },
-                    transition: {
-                      duration: 2 / Math.max(0.1, crawlerSpeed),
-                      repeat: Number.POSITIVE_INFINITY,
-                      ease: [0.4, 0, 0.2, 1]
-                    }
+                    strokeLinecap: "round"
                   }
                 )
-              ]
+              ] })
             }
           )
         ] })
@@ -977,9 +1120,9 @@ var CircularProgress = React13.forwardRef(
 );
 CircularProgress.displayName = "CircularProgress";
 function useContainerWidth() {
-  const [width, setWidth] = React13.useState(0);
-  const observerRef = React13.useRef(null);
-  const ref = React13.useCallback((node) => {
+  const [width, setWidth] = React6.useState(0);
+  const observerRef = React6.useRef(null);
+  const ref = React6.useCallback((node) => {
     if (observerRef.current) {
       observerRef.current.disconnect();
       observerRef.current = null;
@@ -993,7 +1136,7 @@ function useContainerWidth() {
       observerRef.current = obs;
     }
   }, []);
-  React13.useEffect(() => {
+  React6.useEffect(() => {
     return () => {
       if (observerRef.current) {
         observerRef.current.disconnect();
@@ -1003,7 +1146,7 @@ function useContainerWidth() {
   return [ref, width];
 }
 function useMergedRef(...refs) {
-  return React13.useCallback(
+  return React6.useCallback(
     (node) => {
       for (const ref of refs) {
         if (typeof ref === "function") {
@@ -1017,7 +1160,7 @@ function useMergedRef(...refs) {
     [refs]
   );
 }
-var FlatLinearTrack = React13.memo(function FlatLinearTrack2({
+var FlatLinearTrack = React6.memo(function FlatLinearTrack2({
   trackHeight,
   activeColor,
   trackColor,
@@ -1093,7 +1236,7 @@ var FlatLinearTrack = React13.memo(function FlatLinearTrack2({
     }
   );
 });
-var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
+var WavyLinearTrack = React6.memo(function WavyLinearTrack2({
   trackHeight,
   svgHeight,
   amplitude,
@@ -1112,13 +1255,13 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
 }) {
   const isDeterminate = typeof value === "number";
   const clampedValue = isDeterminate ? Math.max(0, Math.min(100, value)) : 100;
-  const titleId = React13.useId();
+  const titleId = React6.useId();
   const [containerRef, width] = useContainerWidth();
-  const activePathRef = React13.useRef(null);
-  const trackPathRef = React13.useRef(null);
+  const activePathRef = React6.useRef(null);
+  const trackPathRef = React6.useRef(null);
   const amplitudeMV = useMotionValue(amplitude);
   const fractionMV = useMotionValue(isDeterminate ? clampedValue / 100 : 1);
-  React13.useEffect(() => {
+  React6.useEffect(() => {
     if (isDeterminate) {
       const fraction = clampedValue / 100;
       let targetAmp = amplitude;
@@ -1131,6 +1274,12 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
         duration: 0.5
       });
       animate(fractionMV, fraction, { duration: 0.4, ease: [0.2, 0, 0, 1] });
+    } else {
+      animate(amplitudeMV, amplitude, {
+        type: "spring",
+        bounce: 0,
+        duration: 0.5
+      });
     }
   }, [
     clampedValue,
@@ -1144,10 +1293,10 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
     1,
     isDeterminate ? wavelength : indeterminateWavelength
   );
-  const trackAmp = trackShape === "wavy" ? amplitude : 0;
   useAnimationFrame((time) => {
     if (width === 0) return;
     const currentAmp = amplitudeMV.get();
+    const trackAmp = trackShape === "wavy" ? amplitude : 0;
     const phase = time / 1e3 * waveSpeed * activeWavelength;
     const capWidth = trackHeight / 2;
     let activePathD = "";
@@ -1167,7 +1316,7 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
           currentAmp
         );
       } else if (fraction === 0) {
-        activePathD = `M ${capWidth} 0 L ${capWidth + 0.01} 0`;
+        activePathD = "";
       }
       const trackStart = adjHead + totalGap;
       if (trackStart < width - capWidth) {
@@ -1199,20 +1348,20 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
         activeLines.push({ tail: l1T, head: l1H });
         activeLines.push({ tail: l2T, head: l2H });
       }
-      const segments = activeLines.map((line) => {
-        const barTail = line.tail * width;
-        const barHead = line.head * width;
+      const activeSegments = activeLines.map((line) => {
+        const rawTail = line.tail * width;
+        const rawHead = line.head * width;
         const adjTail = Math.max(
           capWidth,
-          Math.min(width - capWidth, barTail)
+          Math.min(width - capWidth, rawTail)
         );
         const adjHead = Math.max(
           capWidth,
-          Math.min(width - capWidth, barHead)
+          Math.min(width - capWidth, rawHead)
         );
         return { adjTail, adjHead };
       }).filter((seg) => seg.adjHead - seg.adjTail > 0.1);
-      activePathD = segments.map(
+      activePathD = activeSegments.map(
         (seg) => getSinePath(
           seg.adjTail,
           seg.adjHead,
@@ -1221,13 +1370,24 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
           currentAmp
         )
       ).join(" ");
+      const validActiveLines = activeLines.filter(
+        (line) => line.head > line.tail && line.head * width > 0 && line.tail * width < width
+      ).sort((a, b) => a.tail - b.tail);
       let currentTrackX = capWidth;
-      for (const seg of segments) {
-        const trackEnd = seg.adjTail - totalGap;
+      for (const line of validActiveLines) {
+        const blockStart = line.tail * width - totalGap;
+        const blockEnd = line.head * width + totalGap;
+        const trackEnd = Math.min(width - capWidth, blockStart);
         if (trackEnd > currentTrackX) {
-          trackD += `${getSinePath(currentTrackX, trackEnd, phase, activeWavelength, trackAmp)} `;
+          trackD += `${getSinePath(
+            currentTrackX,
+            trackEnd,
+            phase,
+            activeWavelength,
+            trackAmp
+          )} `;
         }
-        currentTrackX = Math.max(currentTrackX, seg.adjHead + totalGap);
+        currentTrackX = Math.max(currentTrackX, blockEnd);
       }
       if (currentTrackX < width - capWidth) {
         trackD += getSinePath(
@@ -1240,15 +1400,15 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
       }
     }
     if (activePathRef.current)
-      activePathRef.current.setAttribute("d", activePathD);
+      activePathRef.current.setAttribute("d", activePathD || "");
     if (trackPathRef.current)
-      trackPathRef.current.setAttribute("d", trackD.trim());
+      trackPathRef.current.setAttribute("d", trackD.trim() || "");
   });
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: containerRef,
-      className: "relative w-full overflow-hidden",
+      className: "relative w-full",
       style: { height: svgHeight },
       children: width > 0 && /* @__PURE__ */ jsxs(
         "svg",
@@ -1289,7 +1449,7 @@ var WavyLinearTrack = React13.memo(function WavyLinearTrack2({
     }
   );
 });
-var LinearProgress = React13.forwardRef(
+var LinearProgress = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       value,
@@ -1302,7 +1462,7 @@ var LinearProgress = React13.forwardRef(
       waveSpeed = 1,
       crawlerSpeed = 1,
       determinateAnimation = "md3",
-      indeterminateAnimation = "continuous",
+      indeterminateAnimation = "md3",
       gapSize = 4,
       showStopIndicator = "auto",
       color,
@@ -1330,33 +1490,35 @@ var LinearProgress = React13.forwardRef(
     ]);
     const isDeterminate = value !== void 0;
     const clampedValue = isDeterminate ? Math.min(100, Math.max(0, value)) : 0;
-    const containerRef = React13.useRef(null);
+    const containerRef = React6.useRef(null);
     const mergedRef = useMergedRef(ref, containerRef);
-    const [isRtl, setIsRtl] = React13.useState(false);
-    React13.useEffect(() => {
+    const [isRtl, setIsRtl] = React6.useState(false);
+    React6.useEffect(() => {
       if (containerRef.current) {
         const dir = getComputedStyle(containerRef.current).direction;
         setIsRtl(dir === "rtl");
       }
     }, []);
-    const isWavy = shape === "wavy";
     const resolvedTrackShape = trackShape != null ? trackShape : shape;
-    const effectiveAmplitude = React13.useMemo(() => amplitude != null ? amplitude : 3, [amplitude]);
-    const svgHeight = React13.useMemo(
+    const isWavy = shape === "wavy" || resolvedTrackShape === "wavy";
+    const effectiveAmplitude = React6.useMemo(() => amplitude != null ? amplitude : 3, [amplitude]);
+    const svgHeight = React6.useMemo(
       () => isWavy ? trackHeight + effectiveAmplitude * 2 : trackHeight,
       [isWavy, trackHeight, effectiveAmplitude]
     );
-    const shouldShowStop = React13.useMemo(
-      () => isDeterminate && resolvedTrackShape === "flat" && (showStopIndicator === true || showStopIndicator === "auto" && isDeterminate),
+    const shouldShowStop = React6.useMemo(
+      () => isDeterminate && resolvedTrackShape === "flat" && showStopIndicator !== false,
       [isDeterminate, resolvedTrackShape, showStopIndicator]
     );
-    const stopSize = React13.useMemo(
+    const stopSize = React6.useMemo(
       () => Math.max(2, trackHeight > 4 ? 4 : trackHeight / 2),
       [trackHeight]
     );
     const stopOffset = (trackHeight - stopSize) / 2;
     const activeColor = color || "var(--md-sys-color-indicator-active)";
     const bgTrackColor = trackColor || "var(--md-sys-color-indicator-track)";
+    const useWavyTrack = isWavy || !isDeterminate;
+    const trackAmp = isWavy ? effectiveAmplitude : 0;
     return /* @__PURE__ */ jsx(LazyMotion, { features: domMax, strict: true, children: /* @__PURE__ */ jsxs(
       "div",
       __spreadProps(__spreadValues({
@@ -1373,12 +1535,12 @@ var LinearProgress = React13.forwardRef(
         style: { height: svgHeight }
       }, restProps), {
         children: [
-          isWavy ? /* @__PURE__ */ jsx(
+          useWavyTrack ? /* @__PURE__ */ jsx(
             WavyLinearTrack,
             {
               trackHeight,
               svgHeight,
-              amplitude: effectiveAmplitude,
+              amplitude: trackAmp,
               wavelength,
               indeterminateWavelength,
               activeColor,
@@ -1423,14 +1585,14 @@ var LinearProgress = React13.forwardRef(
   }
 );
 LinearProgress.displayName = "LinearProgress";
-var ProgressIndicator = React13.forwardRef((props, ref) => {
+var ProgressIndicator = React6.forwardRef((props, ref) => {
   if (props.variant === "circular") {
     return /* @__PURE__ */ jsx(CircularProgress, __spreadValues({ ref }, props));
   }
   return /* @__PURE__ */ jsx(LinearProgress, __spreadValues({ ref }, props));
 });
 ProgressIndicator.displayName = "ProgressIndicator";
-var RippleItem = React13.memo(function RippleItem2({
+var RippleItem = React6.memo(function RippleItem2({
   ripple,
   onDone
 }) {
@@ -1474,8 +1636,8 @@ function Ripple({
 }
 function useRippleState(options = {}) {
   const { disabled = false } = options;
-  const [ripples, setRipples] = React13.useState([]);
-  const onPointerDown = React13.useCallback(
+  const [ripples, setRipples] = React6.useState([]);
+  const onPointerDown = React6.useCallback(
     (e) => {
       if (disabled) return;
       const rect = e.currentTarget.getBoundingClientRect();
@@ -1492,7 +1654,7 @@ function useRippleState(options = {}) {
     },
     [disabled]
   );
-  const removeRipple = React13.useCallback((id) => {
+  const removeRipple = React6.useCallback((id) => {
     setRipples((prev) => prev.filter((r) => r.id !== id));
   }, []);
   return { ripples, onPointerDown, removeRipple };
@@ -1640,7 +1802,7 @@ function resolveDisabledBgClass(colorStyle) {
   }
   return "disabled:text-m3-on-surface/[0.38]";
 }
-var IconButtonComponent = React13.forwardRef(
+var IconButtonComponent = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1682,18 +1844,18 @@ var IconButtonComponent = React13.forwardRef(
     var _a2, _b2, _c, _d, _e;
     const isToggle = variant === "toggle";
     const isSelected = isToggle && !!selected;
-    const resolvedColorClass = React13.useMemo(
+    const resolvedColorClass = React6.useMemo(
       () => isSelected ? colorStyles[colorStyle].selected : colorStyles[colorStyle].default,
       [isSelected, colorStyle]
     );
-    const outlineWidthClass = React13.useMemo(
+    const outlineWidthClass = React6.useMemo(
       () => {
         var _a3;
         return colorStyle === "outlined" && !isSelected ? (_a3 = SIZE_OUTLINE_WIDTH[size]) != null ? _a3 : "border" : "";
       },
       [colorStyle, isSelected, size]
     );
-    const disabledBgClass = React13.useMemo(
+    const disabledBgClass = React6.useMemo(
       () => resolveDisabledBgClass(colorStyle),
       [colorStyle]
     );
@@ -1716,7 +1878,7 @@ var IconButtonComponent = React13.forwardRef(
     const { ripples, onPointerDown, removeRipple } = useRippleState({
       disabled: loading
     });
-    const handleClick = React13.useCallback(
+    const handleClick = React6.useCallback(
       (e) => {
         if (loading) {
           e.preventDefault();
@@ -1726,7 +1888,7 @@ var IconButtonComponent = React13.forwardRef(
       },
       [loading, onClick]
     );
-    const handleKeyDown = React13.useCallback(
+    const handleKeyDown = React6.useCallback(
       (e) => {
         if (loading) return;
         if ((e.key === "Enter" || e.key === " ") && onClick) {
@@ -1782,7 +1944,7 @@ var IconButtonComponent = React13.forwardRef(
             width: isCustomSize ? `${iconSize}px` : void 0,
             height: isCustomSize ? `${iconSize}px` : void 0
           },
-          children: isSelected && selectedIcon ? selectedIcon : asChild ? React13.Children.only(children).props.children : children
+          children: isSelected && selectedIcon ? selectedIcon : asChild ? React6.Children.only(children).props.children : children
         }),
         isSelected && selectedIcon ? "selected-content" : "content"
       ) })
@@ -1799,7 +1961,7 @@ var IconButtonComponent = React13.forwardRef(
       className
     );
     if (asChild) {
-      const child = React13.Children.only(children);
+      const child = React6.Children.only(children);
       return /* @__PURE__ */ jsx(LazyMotion, { features: domMax, strict: true, children: /* @__PURE__ */ jsx(
         Slot,
         __spreadProps(__spreadValues({
@@ -1816,7 +1978,7 @@ var IconButtonComponent = React13.forwardRef(
           }),
           className: containerClassName
         }, restProps), {
-          children: React13.cloneElement(child, { children: innerContent })
+          children: React6.cloneElement(child, { children: innerContent })
         })
       ) });
     }
@@ -1844,13 +2006,13 @@ var IconButtonComponent = React13.forwardRef(
   }
 );
 IconButtonComponent.displayName = "IconButton";
-var IconButton = React13.memo(IconButtonComponent);
+var IconButton = React6.memo(IconButtonComponent);
 var VARIANT_FONT = {
   outlined: "'Material Symbols Outlined'",
   rounded: "'Material Symbols Rounded'",
   sharp: "'Material Symbols Sharp'"
 };
-var IconComponent = React13.forwardRef(
+var IconComponent = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       name,
@@ -1916,7 +2078,7 @@ var IconComponent = React13.forwardRef(
   }
 );
 IconComponent.displayName = "Icon";
-var Icon = React13.memo(IconComponent);
+var Icon = React6.memo(IconComponent);
 var selectorClassName = "flex items-center gap-1 rounded-m3-full px-2 py-1 text-[length:var(--md-typescale-title-small-size,14px)] font-[number:var(--md-typescale-title-small-weight,500)] text-m3-on-surface transition-m3-fast-effects hover:bg-m3-on-surface/8 focus-visible:outline-2 focus-visible:outline-m3-primary";
 var CalendarHeader = ({
   displayedMonthMs,
@@ -2074,15 +2236,15 @@ var MonthPickerList = ({
   locale,
   onMonthSelect
 }) => {
-  const selectedRef = React13.useRef(null);
-  React13.useEffect(() => {
+  const selectedRef = React6.useRef(null);
+  React6.useEffect(() => {
     var _a, _b;
     (_b = (_a = selectedRef.current) == null ? void 0 : _a.scrollIntoView) == null ? void 0 : _b.call(_a, {
       block: "center",
       behavior: "instant"
     });
   }, []);
-  const months = React13.useMemo(
+  const months = React6.useMemo(
     () => Array.from({ length: 12 }, (_, month) => month),
     []
   );
@@ -2127,12 +2289,12 @@ var YearPickerList = ({
   selectableDates,
   onYearSelect
 }) => {
-  const selectedRef = React13.useRef(null);
-  const years = React13.useMemo(() => {
+  const selectedRef = React6.useRef(null);
+  const years = React6.useMemo(() => {
     const [min, max] = yearRange;
     return Array.from({ length: max - min + 1 }, (_, index) => min + index);
   }, [yearRange]);
-  React13.useEffect(() => {
+  React6.useEffect(() => {
     var _a, _b;
     (_b = (_a = selectedRef.current) == null ? void 0 : _a.scrollIntoView) == null ? void 0 : _b.call(_a, {
       block: "center",
@@ -2203,17 +2365,17 @@ var DatePicker = ({
     navigateToMonth,
     setDisplayMode
   } = state;
-  const [activeSelector, setActiveSelector] = React13.useState(null);
-  const [slideDirection, setSlideDirection] = React13.useState(null);
-  const handlePrev = React13.useCallback(() => {
+  const [activeSelector, setActiveSelector] = React6.useState(null);
+  const [slideDirection, setSlideDirection] = React6.useState(null);
+  const handlePrev = React6.useCallback(() => {
     setSlideDirection("prev");
     navigateMonth2("prev");
   }, [navigateMonth2]);
-  const handleNext = React13.useCallback(() => {
+  const handleNext = React6.useCallback(() => {
     setSlideDirection("next");
     navigateMonth2("next");
   }, [navigateMonth2]);
-  const handleYearSelect = React13.useCallback(
+  const handleYearSelect = React6.useCallback(
     (year) => {
       const d = new Date(displayedMonthMs);
       navigateToMonth(year, d.getUTCMonth());
@@ -2221,7 +2383,7 @@ var DatePicker = ({
     },
     [displayedMonthMs, navigateToMonth]
   );
-  const handleMonthSelect = React13.useCallback(
+  const handleMonthSelect = React6.useCallback(
     (month) => {
       const d = new Date(displayedMonthMs);
       navigateToMonth(d.getUTCFullYear(), month);
@@ -2229,11 +2391,11 @@ var DatePicker = ({
     },
     [displayedMonthMs, navigateToMonth]
   );
-  const [inputValue, setInputValue] = React13.useState(
+  const [inputValue, setInputValue] = React6.useState(
     () => selectedDateMs !== null ? formatInputDate(selectedDateMs) : ""
   );
-  const [inputError, setInputError] = React13.useState();
-  const handleInputCommit = React13.useCallback(
+  const [inputError, setInputError] = React6.useState();
+  const handleInputCommit = React6.useCallback(
     (ms) => {
       if (ms === null && inputValue.length > 0) {
         setInputError("Invalid date");
@@ -2473,7 +2635,7 @@ var DP_CLASSES = {
   /** Weekday header row */
   weekdayRow: "text-[length:var(--md-typescale-body-large-size,14px)] text-m3-on-surface"
 };
-var ScrollArea = React13.forwardRef(
+var ScrollArea = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -2494,15 +2656,15 @@ var ScrollArea = React13.forwardRef(
       "viewportRef",
       "viewportProps"
     ]);
-    const [isTouchDevice, setIsTouchDevice] = React13.useState(false);
-    React13.useEffect(() => {
+    const [isTouchDevice, setIsTouchDevice] = React6.useState(false);
+    React6.useEffect(() => {
       if (typeof window !== "undefined") {
         setIsTouchDevice(
           "ontouchstart" in window || navigator.maxTouchPoints > 0
         );
       }
     }, []);
-    const resolvedType = React13.useMemo(() => {
+    const resolvedType = React6.useMemo(() => {
       if (type === "hover" && isTouchDevice) {
         return "scroll";
       }
@@ -2553,7 +2715,7 @@ var ScrollArea = React13.forwardRef(
   }
 );
 ScrollArea.displayName = "ScrollArea";
-var ScrollAreaScrollbar = React13.forwardRef((_a, ref) => {
+var ScrollAreaScrollbar = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
   return /* @__PURE__ */ jsx(
     RadixScrollArea.Scrollbar,
@@ -2583,7 +2745,7 @@ var ScrollAreaScrollbar = React13.forwardRef((_a, ref) => {
   );
 });
 ScrollAreaScrollbar.displayName = RadixScrollArea.Scrollbar.displayName;
-var ScrollAreaCorner = React13.forwardRef((_a, ref) => {
+var ScrollAreaCorner = React6.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     RadixScrollArea.Corner,
@@ -2625,9 +2787,9 @@ DialogTrigger.displayName = "DialogTrigger";
 var DialogPortal = ({
   open,
   children
-}) => /* @__PURE__ */ jsx(RadixDialog.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open ? React13.Children.toArray(children) : null }) });
+}) => /* @__PURE__ */ jsx(RadixDialog.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open ? React6.Children.toArray(children) : null }) });
 DialogPortal.displayName = "DialogPortal";
-var DialogOverlay = React13.forwardRef((_a, ref) => {
+var DialogOverlay = React6.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(RadixDialog.Overlay, __spreadProps(__spreadValues({ ref, asChild: true }, props), { children: /* @__PURE__ */ jsx(
     m.div,
@@ -2638,7 +2800,7 @@ var DialogOverlay = React13.forwardRef((_a, ref) => {
   ) }));
 });
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React13.forwardRef((_a, ref) => {
+var DialogContent = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, children, hideCloseButton = false } = _b, props = __objRest(_b, ["className", "children", "hideCloseButton"]);
   return /* @__PURE__ */ jsx(
     RadixDialog.Content,
@@ -2678,7 +2840,7 @@ var DialogContent = React13.forwardRef((_a, ref) => {
   );
 });
 DialogContent.displayName = "DialogContent";
-var DialogIcon = React13.forwardRef((_a, ref) => {
+var DialogIcon = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsx(
     "div",
@@ -2692,7 +2854,7 @@ var DialogIcon = React13.forwardRef((_a, ref) => {
   );
 });
 DialogIcon.displayName = "DialogIcon";
-var DialogTitle = React13.forwardRef((_a, ref) => {
+var DialogTitle = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
   return /* @__PURE__ */ jsx(
     RadixDialog.Title,
@@ -2707,7 +2869,7 @@ var DialogTitle = React13.forwardRef((_a, ref) => {
   );
 });
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React13.forwardRef((_a, ref) => {
+var DialogDescription = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
   return /* @__PURE__ */ jsx(
     RadixDialog.Description,
@@ -2719,7 +2881,7 @@ var DialogDescription = React13.forwardRef((_a, ref) => {
   );
 });
 DialogDescription.displayName = "DialogDescription";
-var DialogBody = React13.forwardRef((_a, ref) => {
+var DialogBody = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, children, dir } = _b, props = __objRest(_b, ["className", "children", "dir"]);
   return /* @__PURE__ */ jsx(
     ScrollArea,
@@ -2735,7 +2897,7 @@ var DialogBody = React13.forwardRef((_a, ref) => {
   );
 });
 DialogBody.displayName = "DialogBody";
-var DialogFullScreenContent = React13.forwardRef(
+var DialogFullScreenContent = React6.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -2883,17 +3045,17 @@ var DateRangePicker = ({
     navigateToMonth,
     setDisplayMode
   } = state;
-  const [activeSelector, setActiveSelector] = React13.useState(null);
-  const [slideDirection, setSlideDirection] = React13.useState(null);
-  const handlePrev = React13.useCallback(() => {
+  const [activeSelector, setActiveSelector] = React6.useState(null);
+  const [slideDirection, setSlideDirection] = React6.useState(null);
+  const handlePrev = React6.useCallback(() => {
     setSlideDirection("prev");
     navigateMonth2("prev");
   }, [navigateMonth2]);
-  const handleNext = React13.useCallback(() => {
+  const handleNext = React6.useCallback(() => {
     setSlideDirection("next");
     navigateMonth2("next");
   }, [navigateMonth2]);
-  const handleYearSelect = React13.useCallback(
+  const handleYearSelect = React6.useCallback(
     (year) => {
       const d = new Date(displayedMonthMs);
       navigateToMonth(year, d.getUTCMonth());
@@ -2901,7 +3063,7 @@ var DateRangePicker = ({
     },
     [displayedMonthMs, navigateToMonth]
   );
-  const handleMonthSelect = React13.useCallback(
+  const handleMonthSelect = React6.useCallback(
     (month) => {
       const d = new Date(displayedMonthMs);
       navigateToMonth(d.getUTCFullYear(), month);
@@ -2909,7 +3071,7 @@ var DateRangePicker = ({
     },
     [displayedMonthMs, navigateToMonth]
   );
-  const formatShort = React13.useCallback(
+  const formatShort = React6.useCallback(
     (ms) => {
       if (ms === null) return "\u2014";
       return formatDate(ms, locale, {
@@ -3520,16 +3682,16 @@ var InputField = ({
   onBlur,
   className
 }) => {
-  const [inputText, setInputText] = React13.useState(
+  const [inputText, setInputText] = React6.useState(
     String(value).padStart(2, "0")
   );
-  const inputRef = React13.useRef(null);
-  React13.useEffect(() => {
+  const inputRef = React6.useRef(null);
+  React6.useEffect(() => {
     if (!isFocused) {
       setInputText(String(value).padStart(2, "0"));
     }
   }, [value, isFocused]);
-  React13.useEffect(() => {
+  React6.useEffect(() => {
     var _a, _b;
     if (isFocused) {
       (_a = inputRef.current) == null ? void 0 : _a.focus();
@@ -3619,7 +3781,7 @@ var InputField = ({
 };
 var TimeInput = ({ state, className }) => {
   const { is24hour, setHourInput, setMinuteInput, setSelection } = state;
-  const [focusedField, setFocusedField] = React13.useState(null);
+  const [focusedField, setFocusedField] = React6.useState(null);
   const handleHourAutoAdvance = () => {
     setFocusedField("minute");
     setSelection("minute");
@@ -3813,17 +3975,17 @@ var ClockDial = ({
     setMinute,
     setSelection
   } = state;
-  const displayAngle = React13.useMemo(() => {
+  const displayAngle = React6.useMemo(() => {
     if (selection === "hour") {
       return valueToAngle(hour, "hour");
     }
     return valueToAngle(minute, "minute");
   }, [selection, hour, minute]);
-  const selectorPos = React13.useMemo(
+  const selectorPos = React6.useMemo(
     () => getSelectorPosition(displayAngle, selection, is24hour, isPm),
     [displayAngle, selection, is24hour, isPm]
   );
-  const trackEnd = React13.useMemo(() => {
+  const trackEnd = React6.useMemo(() => {
     const dx = selectorPos.x - CENTER;
     const dy = selectorPos.y - CENTER;
     const length = Math.hypot(dx, dy);
@@ -3833,13 +3995,13 @@ var ClockDial = ({
       y: selectorPos.y - dy / length * HANDLE_RADIUS
     };
   }, [selectorPos]);
-  const numbers = React13.useMemo(() => {
+  const numbers = React6.useMemo(() => {
     if (selection === "minute") return buildMinuteNumbers();
     if (is24hour) return buildHour24Numbers();
     return buildHour12Numbers();
   }, [selection, is24hour]);
-  const isDragging = React13.useRef(false);
-  const svgRef = React13.useRef(null);
+  const isDragging = React6.useRef(false);
+  const svgRef = React6.useRef(null);
   const getSVGPoint = (e) => {
     const svg = svgRef.current;
     if (!svg) return { x: e.clientX, y: e.clientY };
@@ -3989,8 +4151,8 @@ var getAutoLayout = () => {
   return innerWidth >= 600 && innerHeight >= 300 && innerWidth >= innerHeight ? "horizontal" : "vertical";
 };
 var useResolvedLayout = (layout) => {
-  const [autoLayout, setAutoLayout] = React13.useState("vertical");
-  React13.useEffect(() => {
+  const [autoLayout, setAutoLayout] = React6.useState("vertical");
+  React6.useEffect(() => {
     if (layout !== "auto") return;
     const updateLayout = () => setAutoLayout(getAutoLayout());
     updateLayout();