@stackframe/dashboard-ui-components 2.8.80 → 2.8.81

package/dist/components/cursor-blast-effect.js

@@ -67,6 +67,7 @@ function CursorBlastEffect({ blastLifetimeMs = DEFAULT_BLAST_LIFETIME_MS, maxAct
 			timeoutIdsRef.current.set(nextId, timeoutId);
 		};
 		const onClick = (event) => {
+			if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
 			const cfg = configRef.current;
 			const now = performance.now();
 			let x;

package/dist/components/cursor-blast-effect.js.map

@@ -1 +1 @@
-{"version":3,"file":"cursor-blast-effect.js","names":[],"sources":["../../src/components/cursor-blast-effect.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype Blast = {\n  id: number,\n  x: number,\n  y: number,\n  size: number,\n  hue: number,\n};\n\nconst DEFAULT_BLAST_LIFETIME_MS = 720;\nconst DEFAULT_MAX_ACTIVE_BLASTS = 18;\n\n/** Minimum rapid clicks in the time window to count as a rage click */\nconst DEFAULT_RAGE_CLICK_THRESHOLD = 3;\n/** Time window (ms) in which clicks must occur to be considered rage clicking */\nconst DEFAULT_RAGE_CLICK_WINDOW_MS = 600;\n/** Max distance (px) between clicks to still count as same-spot rage clicking */\nconst DEFAULT_RAGE_CLICK_RADIUS_PX = 60;\n\ntype RecentClick = {\n  time: number,\n  x: number,\n  y: number,\n};\n\nexport type CursorBlastEffectProps = {\n  /** Lifetime of each blast animation in ms. Default: 720 */\n  blastLifetimeMs?: number,\n  /** Maximum number of concurrent active blasts. Default: 18 */\n  maxActiveBlasts?: number,\n  /** Minimum rapid clicks in the time window to trigger a blast. Default: 3 */\n  rageClickThreshold?: number,\n  /** Time window (ms) for counting rage clicks. Default: 600 */\n  rageClickWindowMs?: number,\n  /** Max distance (px) between clicks to count as same-spot rage clicking. Default: 60 */\n  rageClickRadiusPx?: number,\n  /**\n   * When provided, the blast effect is scoped to this container element.\n   * Clicks are only detected within the container and blasts are positioned\n   * relative to the container rather than the viewport.\n   */\n  containerRef?: React.RefObject<HTMLElement | null>,\n};\n\nexport function CursorBlastEffect({\n  blastLifetimeMs = DEFAULT_BLAST_LIFETIME_MS,\n  maxActiveBlasts = DEFAULT_MAX_ACTIVE_BLASTS,\n  rageClickThreshold = DEFAULT_RAGE_CLICK_THRESHOLD,\n  rageClickWindowMs = DEFAULT_RAGE_CLICK_WINDOW_MS,\n  rageClickRadiusPx = DEFAULT_RAGE_CLICK_RADIUS_PX,\n  containerRef,\n}: CursorBlastEffectProps = {}) {\n  const [blasts, setBlasts] = useState<Blast[]>([]);\n  const [mounted, setMounted] = useState(false);\n  const idCounterRef = useRef(0);\n  const timeoutIdsRef = useRef<Map<number, number>>(new Map());\n  const recentClicksRef = useRef<RecentClick[]>([]);\n\n  // Store latest config in refs so the effect callback always reads current values\n  const configRef = useRef({\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  });\n  configRef.current = {\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  };\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    const removeBlast = (id: number) => {\n      setBlasts((prev) => prev.filter((blast) => blast.id !== id));\n      const timeoutId = timeoutIdsRef.current.get(id);\n      if (timeoutId !== undefined) {\n        window.clearTimeout(timeoutId);\n        timeoutIdsRef.current.delete(id);\n      }\n    };\n\n    const spawnBlast = (x: number, y: number) => {\n      const cfg = configRef.current;\n      const nextId = idCounterRef.current;\n      idCounterRef.current += 1;\n\n      const nextBlast: Blast = {\n        id: nextId,\n        x,\n        y,\n        size: 44 + Math.random() * 20,\n        hue: 185 + Math.random() * 35,\n      };\n\n      setBlasts((prev) => {\n        const next = [...prev, nextBlast];\n        if (next.length <= cfg.maxActiveBlasts) {\n          return next;\n        }\n        return next.slice(next.length - cfg.maxActiveBlasts);\n      });\n\n      const timeoutId = window.setTimeout(() => removeBlast(nextId), cfg.blastLifetimeMs);\n      timeoutIdsRef.current.set(nextId, timeoutId);\n    };\n\n    const onClick = (event: MouseEvent) => {\n      const cfg = configRef.current;\n      const now = performance.now();\n\n      let x: number;\n      let y: number;\n\n      if (containerRef?.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n        x = event.clientX - rect.left;\n        y = event.clientY - rect.top;\n      } else {\n        x = event.clientX;\n        y = event.clientY;\n      }\n\n      // Prune clicks outside the time window\n      recentClicksRef.current = recentClicksRef.current.filter(\n        (click) => now - click.time < cfg.rageClickWindowMs,\n      );\n\n      recentClicksRef.current.push({ time: now, x, y });\n\n      // Count how many recent clicks are within the radius of the current click\n      const nearbyCount = recentClicksRef.current.filter((click) => {\n        const dx = click.x - x;\n        const dy = click.y - y;\n        return Math.sqrt(dx * dx + dy * dy) <= cfg.rageClickRadiusPx;\n      }).length;\n\n      if (nearbyCount >= cfg.rageClickThreshold) {\n        spawnBlast(x, y);\n      }\n    };\n\n    const target = containerRef?.current ?? window;\n    const timeoutIds = timeoutIdsRef.current;\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion -- EventTarget union requires cast\n    (target as EventTarget).addEventListener(\"click\", onClick as EventListener);\n    return () => {\n      (target as EventTarget).removeEventListener(\"click\", onClick as EventListener);\n      for (const timeoutId of timeoutIds.values()) {\n        window.clearTimeout(timeoutId);\n      }\n      timeoutIds.clear();\n    };\n  }, [containerRef]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const blastElements = (\n    <>\n      {blasts.map((blast) => (\n        <div\n          key={blast.id}\n          style={{\n            position: \"absolute\",\n            left: blast.x,\n            top: blast.y,\n            width: blast.size,\n            height: blast.size,\n            transform: \"translate(-50%, -50%)\",\n            willChange: \"transform, opacity\",\n            filter: `hue-rotate(${blast.hue}deg)`,\n          }}\n        >\n          <span className=\"cursor-blast-ring\" />\n          <span className=\"cursor-blast-core\" />\n          {Array.from({ length: 10 }).map((_, index) => {\n            const angle = (360 / 10) * index;\n            return (\n              <span\n                key={`${blast.id}-${index}`}\n                className=\"cursor-blast-shard-wrap\"\n                style={{\n                  transform: `translate(-50%, -50%) rotate(${angle}deg)`,\n                  animationDelay: `${index * 16}ms`,\n                }}\n              >\n                <span className=\"cursor-blast-shard\" />\n              </span>\n            );\n          })}\n        </div>\n      ))}\n      <style dangerouslySetInnerHTML={{ __html: `\n        .cursor-blast-ring {\n          position: absolute;\n          inset: 0;\n          border-radius: 999px;\n          border: 2px solid hsl(197 98% 67% / 0.9);\n          box-shadow:\n            0 0 22px hsl(191 100% 72% / 0.6),\n            inset 0 0 12px hsl(204 100% 77% / 0.65);\n          animation: blast-ring 560ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        .cursor-blast-core {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 10px;\n          height: 10px;\n          border-radius: 999px;\n          transform: translate(-50%, -50%);\n          background: hsl(196 100% 85%);\n          box-shadow:\n            0 0 26px hsl(193 100% 72% / 0.9),\n            0 0 10px hsl(201 100% 85% / 0.9);\n          animation: blast-core 420ms ease-out forwards;\n        }\n\n        .cursor-blast-shard-wrap {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 0;\n          height: 0;\n        }\n\n        .cursor-blast-shard {\n          position: absolute;\n          left: 0;\n          top: -1.5px;\n          width: 12px;\n          height: 3px;\n          border-radius: 999px;\n          background: linear-gradient(90deg, hsl(190 100% 84%), hsl(197 98% 67%));\n          box-shadow: 0 0 12px hsl(195 100% 70% / 0.8);\n          animation: blast-shard 680ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n        }\n\n        @keyframes blast-ring {\n          0% {\n            transform: scale(0.2);\n            opacity: 0.95;\n          }\n          100% {\n            transform: scale(1.6);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-core {\n          0% {\n            transform: translate(-50%, -50%) scale(0.5);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) scale(2.2);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-shard {\n          0% {\n            transform: translateX(0) scaleX(0.7);\n            opacity: 1;\n          }\n          100% {\n            transform: translateX(46px) scaleX(1.1);\n            opacity: 0;\n          }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          .cursor-blast-ring,\n          .cursor-blast-core,\n          .cursor-blast-shard {\n            animation-duration: 1ms;\n          }\n        }\n      ` }} />\n    </>\n  );\n\n  // When scoped to a container, render inline (the container must have position: relative)\n  if (containerRef) {\n    return (\n      <div\n        aria-hidden\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          zIndex: 2147483647,\n          pointerEvents: \"none\",\n          overflow: \"hidden\",\n          borderRadius: \"inherit\",\n        }}\n      >\n        {blastElements}\n      </div>\n    );\n  }\n\n  // Default: portal to body with fixed positioning (original behaviour)\n  return createPortal(\n    <div\n      aria-hidden\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        zIndex: 2147483647,\n        pointerEvents: \"none\",\n      }}\n    >\n      {blastElements}\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"cursor-blast-effect.js","names":[],"sources":["../../src/components/cursor-blast-effect.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype Blast = {\n  id: number,\n  x: number,\n  y: number,\n  size: number,\n  hue: number,\n};\n\nconst DEFAULT_BLAST_LIFETIME_MS = 720;\nconst DEFAULT_MAX_ACTIVE_BLASTS = 18;\n\n/** Minimum rapid clicks in the time window to count as a rage click */\nconst DEFAULT_RAGE_CLICK_THRESHOLD = 3;\n/** Time window (ms) in which clicks must occur to be considered rage clicking */\nconst DEFAULT_RAGE_CLICK_WINDOW_MS = 600;\n/** Max distance (px) between clicks to still count as same-spot rage clicking */\nconst DEFAULT_RAGE_CLICK_RADIUS_PX = 60;\n\ntype RecentClick = {\n  time: number,\n  x: number,\n  y: number,\n};\n\nexport type CursorBlastEffectProps = {\n  /** Lifetime of each blast animation in ms. Default: 720 */\n  blastLifetimeMs?: number,\n  /** Maximum number of concurrent active blasts. Default: 18 */\n  maxActiveBlasts?: number,\n  /** Minimum rapid clicks in the time window to trigger a blast. Default: 3 */\n  rageClickThreshold?: number,\n  /** Time window (ms) for counting rage clicks. Default: 600 */\n  rageClickWindowMs?: number,\n  /** Max distance (px) between clicks to count as same-spot rage clicking. Default: 60 */\n  rageClickRadiusPx?: number,\n  /**\n   * When provided, the blast effect is scoped to this container element.\n   * Clicks are only detected within the container and blasts are positioned\n   * relative to the container rather than the viewport.\n   */\n  containerRef?: React.RefObject<HTMLElement | null>,\n};\n\nexport function CursorBlastEffect({\n  blastLifetimeMs = DEFAULT_BLAST_LIFETIME_MS,\n  maxActiveBlasts = DEFAULT_MAX_ACTIVE_BLASTS,\n  rageClickThreshold = DEFAULT_RAGE_CLICK_THRESHOLD,\n  rageClickWindowMs = DEFAULT_RAGE_CLICK_WINDOW_MS,\n  rageClickRadiusPx = DEFAULT_RAGE_CLICK_RADIUS_PX,\n  containerRef,\n}: CursorBlastEffectProps = {}) {\n  const [blasts, setBlasts] = useState<Blast[]>([]);\n  const [mounted, setMounted] = useState(false);\n  const idCounterRef = useRef(0);\n  const timeoutIdsRef = useRef<Map<number, number>>(new Map());\n  const recentClicksRef = useRef<RecentClick[]>([]);\n\n  // Store latest config in refs so the effect callback always reads current values\n  const configRef = useRef({\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  });\n  configRef.current = {\n    blastLifetimeMs,\n    maxActiveBlasts,\n    rageClickThreshold,\n    rageClickWindowMs,\n    rageClickRadiusPx,\n  };\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    const removeBlast = (id: number) => {\n      setBlasts((prev) => prev.filter((blast) => blast.id !== id));\n      const timeoutId = timeoutIdsRef.current.get(id);\n      if (timeoutId !== undefined) {\n        window.clearTimeout(timeoutId);\n        timeoutIdsRef.current.delete(id);\n      }\n    };\n\n    const spawnBlast = (x: number, y: number) => {\n      const cfg = configRef.current;\n      const nextId = idCounterRef.current;\n      idCounterRef.current += 1;\n\n      const nextBlast: Blast = {\n        id: nextId,\n        x,\n        y,\n        size: 44 + Math.random() * 20,\n        hue: 185 + Math.random() * 35,\n      };\n\n      setBlasts((prev) => {\n        const next = [...prev, nextBlast];\n        if (next.length <= cfg.maxActiveBlasts) {\n          return next;\n        }\n        return next.slice(next.length - cfg.maxActiveBlasts);\n      });\n\n      const timeoutId = window.setTimeout(() => removeBlast(nextId), cfg.blastLifetimeMs);\n      timeoutIdsRef.current.set(nextId, timeoutId);\n    };\n\n    const onClick = (event: MouseEvent) => {\n      if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n        return;\n      }\n\n      const cfg = configRef.current;\n      const now = performance.now();\n\n      let x: number;\n      let y: number;\n\n      if (containerRef?.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n        x = event.clientX - rect.left;\n        y = event.clientY - rect.top;\n      } else {\n        x = event.clientX;\n        y = event.clientY;\n      }\n\n      // Prune clicks outside the time window\n      recentClicksRef.current = recentClicksRef.current.filter(\n        (click) => now - click.time < cfg.rageClickWindowMs,\n      );\n\n      recentClicksRef.current.push({ time: now, x, y });\n\n      // Count how many recent clicks are within the radius of the current click\n      const nearbyCount = recentClicksRef.current.filter((click) => {\n        const dx = click.x - x;\n        const dy = click.y - y;\n        return Math.sqrt(dx * dx + dy * dy) <= cfg.rageClickRadiusPx;\n      }).length;\n\n      if (nearbyCount >= cfg.rageClickThreshold) {\n        spawnBlast(x, y);\n      }\n    };\n\n    const target = containerRef?.current ?? window;\n    const timeoutIds = timeoutIdsRef.current;\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion -- EventTarget union requires cast\n    (target as EventTarget).addEventListener(\"click\", onClick as EventListener);\n    return () => {\n      (target as EventTarget).removeEventListener(\"click\", onClick as EventListener);\n      for (const timeoutId of timeoutIds.values()) {\n        window.clearTimeout(timeoutId);\n      }\n      timeoutIds.clear();\n    };\n  }, [containerRef]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const blastElements = (\n    <>\n      {blasts.map((blast) => (\n        <div\n          key={blast.id}\n          style={{\n            position: \"absolute\",\n            left: blast.x,\n            top: blast.y,\n            width: blast.size,\n            height: blast.size,\n            transform: \"translate(-50%, -50%)\",\n            willChange: \"transform, opacity\",\n            filter: `hue-rotate(${blast.hue}deg)`,\n          }}\n        >\n          <span className=\"cursor-blast-ring\" />\n          <span className=\"cursor-blast-core\" />\n          {Array.from({ length: 10 }).map((_, index) => {\n            const angle = (360 / 10) * index;\n            return (\n              <span\n                key={`${blast.id}-${index}`}\n                className=\"cursor-blast-shard-wrap\"\n                style={{\n                  transform: `translate(-50%, -50%) rotate(${angle}deg)`,\n                  animationDelay: `${index * 16}ms`,\n                }}\n              >\n                <span className=\"cursor-blast-shard\" />\n              </span>\n            );\n          })}\n        </div>\n      ))}\n      <style dangerouslySetInnerHTML={{ __html: `\n        .cursor-blast-ring {\n          position: absolute;\n          inset: 0;\n          border-radius: 999px;\n          border: 2px solid hsl(197 98% 67% / 0.9);\n          box-shadow:\n            0 0 22px hsl(191 100% 72% / 0.6),\n            inset 0 0 12px hsl(204 100% 77% / 0.65);\n          animation: blast-ring 560ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        .cursor-blast-core {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 10px;\n          height: 10px;\n          border-radius: 999px;\n          transform: translate(-50%, -50%);\n          background: hsl(196 100% 85%);\n          box-shadow:\n            0 0 26px hsl(193 100% 72% / 0.9),\n            0 0 10px hsl(201 100% 85% / 0.9);\n          animation: blast-core 420ms ease-out forwards;\n        }\n\n        .cursor-blast-shard-wrap {\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          width: 0;\n          height: 0;\n        }\n\n        .cursor-blast-shard {\n          position: absolute;\n          left: 0;\n          top: -1.5px;\n          width: 12px;\n          height: 3px;\n          border-radius: 999px;\n          background: linear-gradient(90deg, hsl(190 100% 84%), hsl(197 98% 67%));\n          box-shadow: 0 0 12px hsl(195 100% 70% / 0.8);\n          animation: blast-shard 680ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n        }\n\n        @keyframes blast-ring {\n          0% {\n            transform: scale(0.2);\n            opacity: 0.95;\n          }\n          100% {\n            transform: scale(1.6);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-core {\n          0% {\n            transform: translate(-50%, -50%) scale(0.5);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) scale(2.2);\n            opacity: 0;\n          }\n        }\n\n        @keyframes blast-shard {\n          0% {\n            transform: translateX(0) scaleX(0.7);\n            opacity: 1;\n          }\n          100% {\n            transform: translateX(46px) scaleX(1.1);\n            opacity: 0;\n          }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          .cursor-blast-ring,\n          .cursor-blast-core,\n          .cursor-blast-shard {\n            animation-duration: 1ms;\n          }\n        }\n      ` }} />\n    </>\n  );\n\n  // When scoped to a container, render inline (the container must have position: relative)\n  if (containerRef) {\n    return (\n      <div\n        aria-hidden\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          zIndex: 2147483647,\n          pointerEvents: \"none\",\n          overflow: \"hidden\",\n          borderRadius: \"inherit\",\n        }}\n      >\n        {blastElements}\n      </div>\n    );\n  }\n\n  // Default: portal to body with fixed positioning (original behaviour)\n  return createPortal(\n    <div\n      aria-hidden\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        zIndex: 2147483647,\n        pointerEvents: \"none\",\n      }}\n    >\n      {blastElements}\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":"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"}

package/dist/dashboard-ui-components.global.js

@@ -6814,263 +6814,12 @@ attempted value: ${formattedValue}
   var allProviders = standardProviders;
 
   // ../stack-shared/dist/esm/utils/country-codes.js
-  var ISO_3166_ALPHA_2_COUNTRY_CODES = [
-    "AD",
-    "AE",
-    "AF",
-    "AG",
-    "AI",
-    "AL",
-    "AM",
-    "AO",
-    "AQ",
-    "AR",
-    "AS",
-    "AT",
-    "AU",
-    "AW",
-    "AX",
-    "AZ",
-    "BA",
-    "BB",
-    "BD",
-    "BE",
-    "BF",
-    "BG",
-    "BH",
-    "BI",
-    "BJ",
-    "BL",
-    "BM",
-    "BN",
-    "BO",
-    "BQ",
-    "BR",
-    "BS",
-    "BT",
-    "BV",
-    "BW",
-    "BY",
-    "BZ",
-    "CA",
-    "CC",
-    "CD",
-    "CF",
-    "CG",
-    "CH",
-    "CI",
-    "CK",
-    "CL",
-    "CM",
-    "CN",
-    "CO",
-    "CR",
-    "CU",
-    "CV",
-    "CW",
-    "CX",
-    "CY",
-    "CZ",
-    "DE",
-    "DJ",
-    "DK",
-    "DM",
-    "DO",
-    "DZ",
-    "EC",
-    "EE",
-    "EG",
-    "EH",
-    "ER",
-    "ES",
-    "ET",
-    "FI",
-    "FJ",
-    "FK",
-    "FM",
-    "FO",
-    "FR",
-    "GA",
-    "GB",
-    "GD",
-    "GE",
-    "GF",
-    "GG",
-    "GH",
-    "GI",
-    "GL",
-    "GM",
-    "GN",
-    "GP",
-    "GQ",
-    "GR",
-    "GS",
-    "GT",
-    "GU",
-    "GW",
-    "GY",
-    "HK",
-    "HM",
-    "HN",
-    "HR",
-    "HT",
-    "HU",
-    "ID",
-    "IE",
-    "IL",
-    "IM",
-    "IN",
-    "IO",
-    "IQ",
-    "IR",
-    "IS",
-    "IT",
-    "JE",
-    "JM",
-    "JO",
-    "JP",
-    "KE",
-    "KG",
-    "KH",
-    "KI",
-    "KM",
-    "KN",
-    "KP",
-    "KR",
-    "KW",
-    "KY",
-    "KZ",
-    "LA",
-    "LB",
-    "LC",
-    "LI",
-    "LK",
-    "LR",
-    "LS",
-    "LT",
-    "LU",
-    "LV",
-    "LY",
-    "MA",
-    "MC",
-    "MD",
-    "ME",
-    "MF",
-    "MG",
-    "MH",
-    "MK",
-    "ML",
-    "MM",
-    "MN",
-    "MO",
-    "MP",
-    "MQ",
-    "MR",
-    "MS",
-    "MT",
-    "MU",
-    "MV",
-    "MW",
-    "MX",
-    "MY",
-    "MZ",
-    "NA",
-    "NC",
-    "NE",
-    "NF",
-    "NG",
-    "NI",
-    "NL",
-    "NO",
-    "NP",
-    "NR",
-    "NU",
-    "NZ",
-    "OM",
-    "PA",
-    "PE",
-    "PF",
-    "PG",
-    "PH",
-    "PK",
-    "PL",
-    "PM",
-    "PN",
-    "PR",
-    "PS",
-    "PT",
-    "PW",
-    "PY",
-    "QA",
-    "RE",
-    "RO",
-    "RS",
-    "RU",
-    "RW",
-    "SA",
-    "SB",
-    "SC",
-    "SD",
-    "SE",
-    "SG",
-    "SH",
-    "SI",
-    "SJ",
-    "SK",
-    "SL",
-    "SM",
-    "SN",
-    "SO",
-    "SR",
-    "SS",
-    "ST",
-    "SV",
-    "SX",
-    "SY",
-    "SZ",
-    "TC",
-    "TD",
-    "TF",
-    "TG",
-    "TH",
-    "TJ",
-    "TK",
-    "TL",
-    "TM",
-    "TN",
-    "TO",
-    "TR",
-    "TT",
-    "TV",
-    "TW",
-    "TZ",
-    "UA",
-    "UG",
-    "UM",
-    "US",
-    "UY",
-    "UZ",
-    "VA",
-    "VC",
-    "VE",
-    "VG",
-    "VI",
-    "VN",
-    "VU",
-    "WF",
-    "WS",
-    "YE",
-    "YT",
-    "ZA",
-    "ZM",
-    "ZW"
-  ];
-  var validCountryCodeSet = new Set(ISO_3166_ALPHA_2_COUNTRY_CODES);
   function normalizeCountryCode(countryCode) {
     return countryCode.trim().toUpperCase();
   }
   function isValidCountryCode(countryCode) {
-    return validCountryCodeSet.has(normalizeCountryCode(countryCode));
+    const normalized = normalizeCountryCode(countryCode);
+    return /^[A-Z]{2}$/.test(normalized);
   }
 
   // ../stack-shared/dist/esm/utils/uuids.js
@@ -7330,7 +7079,7 @@ attempted value: ${formattedValue}
   var passwordSchema = yupString().max(70);
   var countryCodeSchema = yupString().transform((value) => typeof value === "string" ? normalizeCountryCode(value) : value).test({
     name: "country-code",
-    message: (params) => `${params.path} must be a valid ISO 3166-1 alpha-2 country code`,
+    message: (params) => `${params.path} must be a 2-letter country code`,
     test: (value) => value == null || isValidCountryCode(value)
   });
   var intervalSchema = yupTuple([yupNumber().min(0).integer().defined(), yupString().oneOf([
@@ -12588,6 +12337,9 @@ ${error}`);
         timeoutIdsRef.current.set(nextId, timeoutId);
       };
       const onClick = (event) => {
+        if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+          return;
+        }
         const cfg = configRef.current;
         const now = performance.now();
         let x;